自动化组高度件切割计算

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

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

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

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

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

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

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

相关推荐
selectDele21 小时前
Solid.js和React的比较
前端·javascript·react.js·solid.js
haluhalu.21 小时前
[特殊字符] 深入理解Linux信号机制:信号的产生,保存和捕捉
linux·运维·服务器
JY.yuyu1 天前
Linux磁盘管理 / 硬盘分区、创建逻辑卷
linux·运维·服务器
摘星编程1 天前
React Native for OpenHarmony 实战:I18n 国际化详解
javascript·react native·react.js
小旋风012341 天前
前端对接豆包AI(vue2版本)
前端·人工智能
—Qeyser1 天前
Flutter AppBar 导航栏组件完全指南
前端·javascript·flutter
摘星编程1 天前
React Native for OpenHarmony 实战:Localization 本地化详解
javascript·react native·react.js
Amumu121381 天前
React扩展(一)
前端·javascript·react.js
cypking1 天前
三、前端规范化 项目代码规范
前端·代码规范
云和数据.ChenGuang1 天前
运维故障之MySQL 连接授权错误
运维·数据库·人工智能·mysql