随笔分类 - CSS
摘要：效果图 实现代码 <el-timeline> <el-timeline-item v-for="(activity, index) in orderData" :key="index" :icon="activity.icon" type="primary" :color="activity.col
阅读全文
摘要：vue3 纯SCSS 实现环形进度条 <template> <view class="flex align-center diygw-col-24 justify-center"> <view class="progress-circle" :class="`progress-${innerPerc
阅读全文
摘要：<template> <div class="turntable" v-wechat-title="$route.meta.title"> <!-- 转盘包裹 --> <div class="rotate"> <!-- 转盘图片 --> <image class="dish" src="../../
阅读全文
摘要：<template> <view class="marquee"> <view class="marquee-inner"> <span v-for="(item, index) of textList" :key="index">{{ item.text }}</span> <!-- 复制一份内容
阅读全文
摘要：## 给 div 传递 placeholder 即可 ```js .editor { width: 100%; height: 100%; outline: none; border: 1px solid #cacdd4; border-radius: 5px; box-sizing: border
阅读全文
摘要：&：那个元素有滚动条，就是那个元素 ```js scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ &::-webkit-scrollbar { display: none; /* Chrome Sa
阅读全文
摘要：效果 排序三角组件 <template> <div class="order"> <div class="order-text" @click="textBtnFn"> <slot></slot> </div> <div class="order-icon" @click="nabFn"> <div
阅读全文
摘要：<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>加载动画</title></head> <style> .dotting { margin: 20% auto; width: 150px; } .dotting
阅读全文
摘要：<span type="par">【背景切换】</span> span[type] { font-size: 13px; } span[type='par'] { color: #e05c69; background-color: #e1f1fa; .modify; } span[type='wor
阅读全文
摘要：效果图 代码 <el-dialog :visible.sync="isShowGenerateVideo" width="500px" class="dialog-middle" center append-to-body> <div slot="title"> <div class="el-dia
阅读全文
摘要：tailwindcss：https://tailwindcss.com/ Windi CSS：https://cn.windicss.org/ unocss unocss是Anthony Fu大佬写的； unocss：https://github.com/unocss/unocss
阅读全文
摘要：传送门：82种阴影效果demo 传送门：https://juejin.cn/post/7034323356459466760
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：效果图 多个下拉，flex 均等分布，改变局部样式，不影响全局 代码 <el-row class="right-main-right"> <el-form :model="inputForm"> <el-form-item> <el-select v-model="inputForm.one" pl
阅读全文
摘要：用JS来动态设置CSS样式(设置成行内样式)，常见的有以下几种 修改 CSS 属性前，需获取 DOM 元素，获取 DOM 元素方法见：https://www.cnblogs.com 获取dom元素后，直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成
阅读全文
摘要：@import url(style.css) 和 @import url("style.css")是最优的选择，兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐。 @import url('../css/simulink.css'); @import '.
阅读全文
