当前位置: 首页 > news >正文

自动化组高度件切割计算

1 问题: 之前组件有相同的但是长度和数量不一样

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

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

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

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

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

相关文章:

  • 为什么Python不适合写游戏?
  • React 应用实现监控可观测性最佳实践
  • 【中间件】docker数据卷
  • 使用Docker搭建YesPlayMusic网易云音乐播放器并发布至公网访问
  • 小米汽车正式发布:开启智能电动新篇章
  • MongoDB内存过高问题分析解决
  • ChatGPT与传统搜索引擎的区别:智能对话与关键词匹配的差异
  • |行业洞察·趋势报告|《2024旅游度假市场简析报告-17页》
  • VSCode 如何同步显示网页在手机或者平板上
  • C语言数据结构基础——排序
  • 影视文件数字指纹签名检验系统的用户操作安全大多数
  • 数据库管理开发工具Navicat for MySQL Mac版下载
  • 在js中push的使用方法总结;
  • webpack源码分析——makeCacheable函数和weakMap的缓存应用场景
  • 自动化测试 —— Pytest fixture及conftest详解
  • 自己简单写的 事件订阅机制
  • django开发-定时任务的使用
  • download使用浅析
  • es6要点
  • IIS 10 PHP CGI 设置 PHP_INI_SCAN_DIR
  • java架构面试锦集:开源框架+并发+数据结构+大企必备面试题
  • Java-详解HashMap
  • JS 面试题总结
  • Mithril.js 入门介绍
  • Python - 闭包Closure
  • SegmentFault 技术周刊 Vol.27 - Git 学习宝典:程序员走江湖必备
  • unity如何实现一个固定宽度的orthagraphic相机
  • vue 个人积累(使用工具,组件)
  • 对JS继承的一点思考
  • - 概述 - 《设计模式(极简c++版)》
  • 精益 React 学习指南 (Lean React)- 1.5 React 与 DOM
  • 离散点最小(凸)包围边界查找
  • 理解IaaS, PaaS, SaaS等云模型 (Cloud Models)
  • 微信开源mars源码分析1—上层samples分析
  • 用Visual Studio开发以太坊智能合约
  • Salesforce和SAP Netweaver里数据库表的元数据设计
  • 国内开源镜像站点
  • ​渐进式Web应用PWA的未来
  • #etcd#安装时出错
  • #鸿蒙生态创新中心#揭幕仪式在深圳湾科技生态园举行
  • #我与Java虚拟机的故事#连载08:书读百遍其义自见
  • (6)设计一个TimeMap
  • (9)目标检测_SSD的原理
  • (NSDate) 时间 (time )比较
  • (二)构建dubbo分布式平台-平台功能导图
  • (附源码)python房屋租赁管理系统 毕业设计 745613
  • (十)T检验-第一部分
  • (原)记一次CentOS7 磁盘空间大小异常的解决过程
  • (原創) 如何動態建立二維陣列(多維陣列)? (.NET) (C#)
  • (转)jdk与jre的区别
  • (转)winform之ListView
  • (转)大型网站的系统架构
  • .axf 转化 .bin文件 的方法
  • .Net 垃圾回收机制原理(二)
  • .NET 使用 XPath 来读写 XML 文件