自动化组高度件切割计算

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

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

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

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

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

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

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

相关推荐
迁移科技12 小时前
AI+3D视觉赋能铝制静盘自动化上下料,破解反光堆叠难题
人工智能·3d·自动化
张元清13 小时前
React Observer Hooks:7 种监听 DOM 而不写样板代码的方式
前端·javascript·面试
广州华水科技13 小时前
单北斗GNSS变形监测是什么?主要有怎样的应用与优势?
前端
卷帘依旧13 小时前
【未完待续】React高频面试题
前端
笑洋仟13 小时前
docker的overlay2目录占用磁盘空间很大,清理办法
运维·docker·容器
m0_7381207213 小时前
ctfshow靶场SSRF部分——基础绕过到协议攻击解题思路与技巧(一)
服务器·前端·网络·安全·php
counterxing13 小时前
AI Agent 做长任务,问题到底 出在哪?
前端·后端·ai编程
木雷坞13 小时前
2026 年 5 月国内可用 Docker 镜像源列表与配置方法
运维·docker·容器
漂流瓶jz13 小时前
从TailwindCSS到UnoCSS:原子化CSS框架接入、特性与配置
前端·css·react.js
Mr_Swilder13 小时前
01:按步解析 —— 绘制固定三角形
前端