自动化组高度件切割计算

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

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

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

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

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

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

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

相关推荐
Tkto12 小时前
我用 WebGL 从「画个点」一路画到「贪吃蛇」
前端
xiaobaoyu12 小时前
前端代码常用规范
前端
xiaobaoyu13 小时前
img,word,excel,pdf文件在线预览
前端
lichenyang45313 小时前
从 H5 到 HarmonyOS:我做了一个 npm + OHPM 双端发布的 ArkWeb JSBridge 框架
前端
用户842981424181013 小时前
AI时代,JS混淆加密还有用吗?
前端·javascript
xiaobaoyu13 小时前
如何理解前端项目中的绝对路径和相对路径
前端
xiaobaoyu13 小时前
vue3+vite+vant4项目实战总结
前端
△曉風殘月〆13 小时前
如何在Linux中安装Qt开发环境
linux·运维·qt
咖啡星人k13 小时前
【无标题】
前端·ai·github
labixiong13 小时前
React Compiler 用 Rust 重写了,编译提速 10 倍——手写 useMemo 的日子到头了
react.js·rust