随笔分类 - css3
摘要：<template> <div> <!-- 表具报停 --> <Drawer :title="type == 2 ? '表具二维码' : '表具报停'" :closable="false" v-model="DrawerShow" width="50%" > <div> <div class="t-
阅读全文
摘要：来自：https://juejin.cn/post/7080542771387301896 侵删 在推特上面看到 T. Afif 介绍的十个 Loading 效果。如上图。 Yeah，很赞哦，挺实用的，遂记录下来。 为保证运行正常，咱先规定下： * { box-sizing: border-box;
阅读全文
摘要：<template> <div class="newsbox"> <div class="h146" @click="listClick($event)"> <vueSeamlessScroll :data="dataList" :class-option="classOption" class="
阅读全文
摘要：<template> <div :style="{ width: boxWidth, height: boxHeight, backgroundImage: imgsbg }" :class="[bgType == '1' ? 'module-box' : 'module-box-2']" clas
阅读全文
摘要：<div class="content"> <div> <div class="chart-rising-list" v-for="(item, index) in proportionList.slice(0, 5)" :key="item + index" > <div class="chart
阅读全文
摘要：<template> <module-box moduleType="ykjdl" bgType="2" :styleObj="styleObj" :cityShow="true" title="景区游客接待量 TOP 10"> <div class="module-content"> <div c
阅读全文
摘要：//浮动 @keyframes floating{ 0%{ opacity: 0.8; transform: translate(0,0); } 50%{ opacity: 1; transform: translate(0px,3px); } 100%{ opacity: 0.8; transfo
阅读全文
摘要：<template> <div class="container"> <div class="earth-container"> <div class="earth-item-box"> <div class="earth-item"></div> </div> <div class="earth-
阅读全文
摘要：https://www.jianshu.com/p/a2a7d3a9cf2b 侵删 1、安装vue-seamless-scroll npm install vue-seamless-scroll --save 2、引入组件 <vue-seamless-scroll></vue-seamless-sc
阅读全文
摘要：来自 https://www.cnblogs.com/tuspring/p/9801603.html 侵删 vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。 你可以设置 startVal 和 endVal，它会自动判断计数或倒计时。支持vue-ssr。vue-c
阅读全文
摘要：来自：https://www.cnblogs.com/taohuaya/p/10274993.html#%E5%A6%82%E4%BD%95%E5%9C%A8vue-cli3.0%E4%B8%AD%E4%BD%BF%E7%94%A8postcss-plugin-px2rem%C2%A0%E6%8F%
阅读全文
摘要：<div class="content"> <div class="chart-rising-list" v-for="(item,index) in proportionList" :key="item + index"> <div class="chart-rising-title">{{ it
阅读全文
摘要：html: <canvas style="position:fixed;z-index:-1;left:0;top:0;min-width:100vw;min-height:100vh;" width="9600" height="2700"></canvas> js: <script> //粒子动
阅读全文
摘要：来自：https://www.cnblogs.com/zhangnan35/p/12682925.html 侵删 主角是谁 在今天这篇文章中，我并不会在这里讲一些移动端视口的概念，包括物理像素和逻辑像素，理想视口，dpr等等等等，我只介绍这样一种非常不错的移动端适配方案：post-css-to-vi
阅读全文
摘要：智慧园区 --> --> 控制台 --> 退出 ...
阅读全文
