sani_x的博客

项目要求：模块的border 是虚线显示，且虚线长度可以控制，所以使用dotted，dashed是不能很好的实现的。解决方法：使用background的linear-gradient来实现线性渐变的。html结构<div class="topBg"> <div class="top"> <div @click="navto" style="cursor: pointer"> <i class="el-icon-plus avatar-upload

原因使用横向布局时可以正常撑开父元素，所以只能使用flex-direction: row;元素排列变成横向布局通过给父元素writing-mode: vertical-lr;，子元素writing-mode: horizontal-tb;，曲线实现竖向布局。代码示例<div class="itemMain"> <div class="submenuItem" v-for="(itemC,indexC) in item.childItem" :key="indexC">

css-hover动画.zoom-in{ transition: transform ease .3s; -ms-transition: -ms-transform ease .3s; -moz-transition: -moz-transform ease .3s; -webkit-transition: -webkit-transform ease .3s; -o-transition: -o-transform ease .3s; } .zoom-in:hover{

问题：在Flex布局中因为的影响子集布局，所如果布局复杂的时候flex的层级嵌套就会特别多。使用原理：Margin：0 auto，可以使元素居中。auto：让某一边的间距自动匹配拉满。方法：我们就可以使用margin-left,margin-right:auto，来使特定的元素居左或者居右。...

问题pc端使用input type="number"时会出现上下可点击的小箭头,且可以输入小数点等符号解决方法：Css（去除图标） ::v-deep input::-webkit-outer-spin-button, ::v-deep input::-webkit-inner-spin-button { -webkit-appearance: none; } ::v-deep input[type="number"]{ -moz-appearance: textfield;..

Before回调中使用stopPropagation(); 强行打断进程layui.use('upload', function() { var upload = layui.upload; //执行实例 var uploadInst = upload.render({ elem: '#uploade', //绑定元素 url: '/upload', //上传接口 size: 1024 * 2, accept: 'images', acceptMime: 'image/jp

从以下地址拿的https://www.jianshu.com/p/2c65d9c5a78b————————————————————————————————————————深度作用选择器如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符。有些像 Sass 之类的预处理器无法正确解析 >>>，...