自动化组高度件切割计算

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

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

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

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

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

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

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

相关推荐
zhuà!22 分钟前
腾讯地图TMap标记反显,新增标记
前端·javascript·vue.js
未知原色25 分钟前
web worker使用总结(包含多个worker)
前端·javascript·react.js·架构·node.js
姚青&31 分钟前
Linux 命令介绍以及帮助命令介绍
linux·运维·服务器
ttod_qzstudio35 分钟前
CSS改变图片颜色方法介绍
前端·css
遇见火星40 分钟前
详解 Linux 中的 /etc/fstab 文件
linux·运维·服务器
menggb071 小时前
在Linux系统上安装和使用Prometheus+Grafana
linux·运维·prometheus
curdcv_po1 小时前
我接入了微信小说小程序官方阅读器
前端·微信小程序
程序员鱼皮1 小时前
什么是 RESTful API?凭什么能流行 20 多年?
前端·后端·程序员
www_stdio1 小时前
让大语言模型拥有“记忆”:多轮对话与 LangChain 实践指南
前端·langchain·llm
inferno1 小时前
JavaScript 基础
开发语言·前端·javascript