自动化组高度件切割计算

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

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

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

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

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

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

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

相关推荐
布鲁格若门2 分钟前
CentOS 7 桌面版安装 cuda 12.4
linux·运维·centos·cuda
Eternal-Student7 分钟前
【docker 保存】将Docker镜像保存为一个离线的tar归档文件
运维·docker·容器
小牛itbull9 分钟前
ReactPress vs VuePress vs WordPress
开发语言·javascript·reactpress
DC_BLOG13 分钟前
Linux-Apache静态资源
linux·运维·apache
码农小丘15 分钟前
一篇保姆式centos/ubuntu安装docker
运维·docker·容器
请叫我欧皇i18 分钟前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_20 分钟前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
guokanglun26 分钟前
空间数据存储格式GeoJSON
前端
GIS瞧葩菜29 分钟前
局部修改3dtiles子模型的位置。
开发语言·javascript·ecmascript
耗同学一米八41 分钟前
2024 年河北省职业院校技能大赛网络建设与运维赛项样题二
运维·网络·mariadb