自动化组高度件切割计算

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

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

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

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

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

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

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

相关推荐
与衫几秒前
掌握嵌套子查询:复杂 SQL 中 * 列的准确表列关系
android·javascript·sql
金灰1 分钟前
HTML5--裸体回顾
java·开发语言·前端·javascript·html·html5
茶卡盐佑星_4 分钟前
说说你对es6中promise的理解?
前端·ecmascript·es6
疯狂的大狗13 分钟前
docker进入正在运行的容器,exit后的比较
运维·docker·容器
XY.散人15 分钟前
初识Linux · 文件(1)
linux·运维·服务器
长天一色27 分钟前
【Docker从入门到进阶】01.介绍 & 02.基础使用
运维·docker·容器
伊玛目的门徒28 分钟前
docker 搭建minimalist-web-notepad
运维·docker·notepad
Манго нектар32 分钟前
JavaScript for循环语句
开发语言·前端·javascript
蒲公英100139 分钟前
vue3学习:axios输入城市名称查询该城市天气
前端·vue.js·学习
天涯学馆1 小时前
Deno与Secure TypeScript:安全的后端开发
前端·typescript·deno