wytraining

lottie-web 前端动画类库的使用

iview表格实现的编辑和expand功能

设置iview穿梭框中的列名

实现一个时间轴的样式，并且点击可以展开详情效果图如下：1.html<div class='timeline-step'> <div class='time-list' v-for='(item, index) in timeList' :key='index' > <div class='left'> <img :src='

1.表头显示的是一个按钮，可以使用 renderHeader 渲染：{ renderHeader: (h, params) => { return h('span', [ h('Button', { props: { type: 'success', size: 'small' } }, '按钮1'), h('But

1.画一条0.5px的线采用meta viewport的方式<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />采用border-image的方式采用transform: scale()的方式 .line:after { content:""; position: absolute;

1.background-size: 100% 100%;(如果只设置一个值，则第二个值会被设置为 “auto”)2.background-size: cover;把背景图像扩展至足够大，使背景图像完全覆盖背景区域(某些部分也许无法显示在背景定位区域中)3.background-size: contain;把图像图像扩展至最大尺寸，使其宽度和高度完全适应内容区域(可能会在定位的区域中留白)...

1.新建variables.scss文件，注册变量2.配置到预加载在vue.config.js中添加你要预加载的全局css变量, 注意import你的文件路径css: { loaderOptions: { sass: { additionalData: '@import "@/styles/variables.scss";' } }}由于 sass-loader 版本不同，loaderOptions 中的 addition

1.要实现系统的一键换肤功能，首先要将颜色作为变量提取出来，并为两种主题配置颜色variables.scss//浅色主题$light-theme: ( base-color: #000, background-color: #ccc);//深色主题$dark-theme: ( base-color: #fff, background-color: #000);//定义映射集合$themes: ( light

1.子选择器：>article下所有section（子子孙孙）article section { margin: 5px } 只有紧跟着article的section（紧跟着的子）article > section { border: 1px solid #ccc } 2.同层相邻组合选择器：+只有紧跟着header的p元素（紧跟着的同层）header + p { font-size: 1.1em } 3.同层全体组合选择器：~所有跟在article