自动化组高度件切割计算

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

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

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

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

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

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

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

相关推荐
前端开发爱好者5 分钟前
尤雨溪官宣:"新玩具" 比 Prettier 快 45 倍!
前端·javascript·vue.js
why技术5 分钟前
从18w到1600w播放量,我的一点思考。
java·前端·后端
東雪蓮☆10 分钟前
K8s 平滑升级
linux·运维·云原生·kubernetes
AKAMAI11 分钟前
数据孤岛破局之战 :跨业务分析的难题攻坚
运维·人工智能·云计算
欧阳呀12 分钟前
Vue+element ui导入组件封装——超级优雅版
前端·javascript·vue.js·elementui
清风徐来QCQ14 分钟前
css总结
前端
东巴图1 小时前
JavaScript性能优化实战大纲性能优化的核心目标
运维·matlab
站长朋友1 小时前
【邀请函】锐成信息 × Sectigo | CLM - SSL 证书自动化运维解决方案发布会
运维·自动化·ssl·clm·sectigo·47天ssl证书
天***88961 小时前
js封装一个双精度算法实现
开发语言·前端·javascript
qq_183802871 小时前
Linux内核idr数据结构使用
linux·运维·服务器