文章 2024-07-02 来自:开发者社区

vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)

什么是固定宽高比容器? 定义: 无论浏览器窗口或页面元素如何变化,容器的宽度和高度永远保持固定的比例,如16:9。 应用场景: 如大屏自适应,内部元素对容器宽高比依赖很高的复杂模块布局等。 纯CSS实现固定宽高比的容器 原理: padding-top的值为百分比时,最终padding-top的计算...

vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)
文章 2023-07-23 来自:开发者社区

漏刻有时数据可视化Echarts组件开发(1):报警状态组件CSS代码及封装函数

组状态显示 .stuNum1 { display: inline-block; border-radius: 50%; background: #7CB854; margin: auto 5px; width: 1rem; height: 1rem; ...

漏刻有时数据可视化Echarts组件开发(1):报警状态组件CSS代码及封装函数

CSS 快速掌握

49 课时 |
20273 人已学 |
免费

零基础学前端HTML+CSS

57 课时 |
9131 人已学 |
免费

前端开发CSS基础

21 课时 |
4321 人已学 |
免费
开发者课程背景图
文章 2022-06-20 来自:开发者社区

纯CSS实现悬浮提示并封装成vue组件

说在前面平时给文字加悬浮提示,我们通常都是直接使用title属性来实现,但是这样的效果并不好看,那我们可以自己动手做一个tooltip悬浮提示框吗?说做就做,让我们一起来看看✍️效果预览地址:http://jyeontu.xyz/jvuewheel/#/JToolTipView效果实现HTML部分如下图,简单写一段话使用p标签包裹起来,span标签中的内容是需要我们设置悬浮提示的内容。<p....

纯CSS实现悬浮提示并封装成vue组件
文章 2022-05-02 来自:开发者社区

《精通react/vue组件设计》之用纯css打造类materialUI的按钮点击动画并封装成react组件

前言作为一个前端框架的重度使用者,在技术选型上也会非常注意其生态和完整性.笔者先后开发过基于vue,react,angular等框架的项目,碧如vue生态的elementUI, ant-design-vue, iView等成熟的UI框架, react生态的ant-design, materialUI等,这些第三方UI框架极大的降低了我们开发一个项目的成本和复杂度,使开发者更专注于实现业务逻辑和服....

《精通react/vue组件设计》之用纯css打造类materialUI的按钮点击动画并封装成react组件
文章 2018-07-19 来自:开发者社区

【JavaScript框架封装】实现一个类似于JQuery的CSS样式框架的封装

版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/81123779 // CSS 样式框架 (function (xframe) { ...

文章 2018-07-15 来自:开发者社区

【JavaScript框架封装】实现一个类似于JQuery的基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架整体架构的搭建

版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/81055973   /* * @Author: 我爱科技论坛 * @Time: 201...

文章 2017-06-25 来自:开发者社区

如何使用HTC文件来封装CSS样式 runtimeStyle

下面通过创建一个鼠标滑过加亮显示的 HTC 来演示一下创建 HTC 的过程。 1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 COMPONENT 标记。 <PUBLIC:COMPONENT>  <SCRIPT>  </SCRIPT>  </PUBLIC:COMPONENT> ...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。