自动化组高度件切割计算

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

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

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

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

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

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

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

相关推荐
梦想画家3 分钟前
SQLMesh 测试自动化:提升数据工程效率
自动化·数据工程·sqlmesh
文牧之3 分钟前
PostgreSQL的扩展 pgcrypto
运维·数据库·postgresql
白总Server4 分钟前
多智能体系统的中间件架构
linux·运维·服务器·中间件·ribbon·架构·github
萌萌哒草头将军30 分钟前
⚡⚡⚡尤雨溪宣布开发 Vite Devtools,这两个很哇塞 🚀 Vite 的插件,你一定要知道!
前端·vue.js·vite
游离状态的猫11 小时前
JavaScript性能优化实战:从瓶颈定位到极致提速
开发语言·javascript·性能优化
小彭努力中1 小时前
7.Three.js 中 CubeCamera详解与实战示例
开发语言·前端·javascript·vue.js·ecmascript
浪裡遊2 小时前
跨域问题(Cross-Origin Problem)
linux·前端·vue.js·后端·https·sprint
滿2 小时前
Vue3 Element Plus el-tabs数据刷新方法
javascript·vue.js·elementui
LinDaiuuj2 小时前
判断符号??,?. ,! ,!! ,|| ,&&,?: 意思以及举例
开发语言·前端·javascript
敲厉害的燕宝2 小时前
Pinia——Vue的Store状态管理库
前端·javascript·vue.js