自动化组高度件切割计算

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

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

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

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

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

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

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

相关推荐
好_快9 分钟前
Lodash源码阅读-compact
前端·javascript·源码阅读
好_快1 小时前
Lodash源码阅读-head
前端·javascript·源码阅读
好_快1 小时前
Lodash源码阅读-last
前端·javascript·源码阅读
阿鲁冶夫1 小时前
20250311
前端
WHOAMI_老猫2 小时前
XSS-LABS靶场通关讲解
前端·xss
要加油哦~2 小时前
前端 | 向后端传数据,判断问题所在的调试过程
前端·javascript·vue.js
爱吃烤鸡翅的酸菜鱼3 小时前
Java【网络原理】(3)网络编程续
java·运维·服务器·网络
中工钱袋4 小时前
Vue 中地址栏参数与 HTTP 请求参数的同步问题
前端·vue.js·http
一只月月鸟呀4 小时前
Vue 过滤器 filter(s) 的使用
javascript·vue.js·ecmascript
zzlyx994 小时前
设备管理系统功能与.NET+VUE(IVIEW)技术实现
前端·vue.js·view design