自动化组高度件切割计算

1 问题: 之前组件有多个,相同的,但是组件长度和数量不一样,还要进行自动化适配,

!!!!!% 是依靠父组件的宽度,进行的计算

解决利用百分比,数组长度,calc(100% - 40rem ) 自动化计算

抽离成公共组件,当使用该组件的时候传入相对应的数值

1 数据继承 在引入的组件外部定义成具体数值

2 在组件内部根据百分比,和数组进行计算,组件内最外层设置 100% ,在模块循环关键点,进行百分比计算: (100% / data.length)

3 关键点,我要自动计算的是模块内组件的长度,这个时候要通过calc(100% - 固定宽度值)

相关推荐
小yu爱学习3 分钟前
2026大专区块链技术应用专业考什么证?
运维·服务器·区块链
J总裁的小芒果4 分钟前
el-table 假数据合并
javascript·vue.js·elementui
咕噜签名-铁蛋8 分钟前
云服务器给我们生活带来了什么影响力
运维·服务器·生活
VX:Fegn089516 分钟前
计算机毕设|基springboot+Vue的校园打印系统设计与实现
java·前端·javascript·vue.js·spring boot·后端·课程设计
W.Y.B.G17 分钟前
vue3项目中集成天地图使用示例
android·前端
谷玉树20 分钟前
框架分类与选型:一种清晰的三层分类法
人工智能·pytorch·机器学习·架构·django·前端框架
m***119021 分钟前
【前端】Node.js使用教程
前端·node.js·vim
python百炼成钢29 分钟前
47.Linux UART 驱动
linux·运维·服务器·驱动开发