自动化组高度件切割计算

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

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

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

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

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

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

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

相关推荐
YaHuiLiang1 分钟前
小微互联网公司与互联网创业公司 -- 学历之殇
前端·后端·面试
用户26124583401614 分钟前
vue学习路线(11.watch对比computed)
前端·vue.js
CAD老兵10 分钟前
前端 Source Map 原理与结构详解
前端
gnip14 分钟前
markdown预览自定义扩展实现
前端·javascript
大猫会长25 分钟前
mac中创建 .command 文件,执行node服务
前端·chrome
旧时光_25 分钟前
Zustand 状态管理库完全指南 - 进阶篇
前端·react.js
snakeshe101027 分钟前
深入理解useState:批量更新与非函数参数支持
前端
windliang27 分钟前
Cursor 排查 eslint 问题全过程记录
前端·cursor
boleixiongdi28 分钟前
# Bsin-App Uni:面向未来的跨端开发框架深度解析
前端
G等你下课31 分钟前
AJAX请求跨域问题
前端·javascript·http