自动化组高度件切割计算

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

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

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

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

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

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

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

相关推荐
黑客飓风14 分钟前
JavaScript 性能优化实战大纲
前端·javascript·性能优化
ac.char1 小时前
在CentOS系统中查询已删除但仍占用磁盘空间的文件
linux·运维·centos
emojiwoo1 小时前
【前端基础知识系列六】React 项目基本框架及常见文件夹作用总结(图文版)
前端·react.js·前端框架
张人玉2 小时前
XML 序列化与操作详解笔记
xml·前端·笔记
杨荧2 小时前
基于Python的宠物服务管理系统 Python+Django+Vue.js
大数据·前端·vue.js·爬虫·python·信息可视化
中科米堆2 小时前
中科米堆CASAIM自动化三维测量设备测量汽车壳体直径尺寸
运维·自动化·汽车·视觉检测
YeeWang3 小时前
🎉 Eficy 让你的 Cherry Studio 直接生成可预览的 React 页面
前端·javascript
gnip3 小时前
Jenkins部署前端项目实战方案
前端·javascript·架构
缘华工业智维3 小时前
CNN 在故障诊断中的应用:原理、案例与优势
大数据·运维·cnn
Orange3015113 小时前
《深入源码理解webpack构建流程》
前端·javascript·webpack·typescript·node.js·es6