CSS
怪大叔一
这个作者很懒,什么都没留下…
展开
-
微信开发者工具中不能使用css预处理工具,换vscode就好了
目前微信小程序不支持sass/less等css预处理工具,习惯了sass写法的我写样式的时候非常头疼,而且像写css一样去写wxss不仅浪费时间耽误效率,写出来的文件也比较大。一直用的都是sass,下面介绍一下小程序中使用sass的方法。准备:编辑器:vscode 插件:easysass步骤:安装vscode,vscode中插件选择easysass,可以的话也装一些其他的css提示插件。 设置:文件=>首选项=>设置=>工作区=>拓展=>EasySass原创 2020-05-18 11:30:36 · 1569 阅读 · 0 评论 -
CSS——去重叠边框
table去重叠边框十分简单table{ border-collapse:collapse;}然而在不适用table制作格子的情况下,border-collapse属性就无法生效了。ul li生成格子如下:改进代码:(增加红色部分代码)ul{ display: flex; flex-wrap: wrap; width:100%;}ul li{ width:...原创 2018-04-25 16:19:20 · 12487 阅读 · 0 评论 -
div四角边框——linear-gradient
效果图上先:接着代码:.border { margin: 300px auto; width: 200px; height: 100px; background: linear-gradient(blue, blue) left top, linear-gradient(blue, blue) left top, linear-gradient(blue, blue)...原创 2018-07-10 10:08:04 · 6811 阅读 · 0 评论 -
css斜条纹背景——linear-gradient
话不多说,上图为敬代码贴上(html代码就一个container,没写的)body{ background: #243960;}.container{ margin: 200px auto; width: 500px; height: 500px; background: linear-gradient( 45deg, rgba(0, 15...原创 2018-07-06 11:08:34 · 13757 阅读 · 2 评论 -
logo伸缩——vue中条件渲染和动画过渡(transition,v-if,v-show)
最近在优化老的项目组件时,想利用vue自身的条件渲染和动画过渡来达到logo随侧边栏进行伸缩。目的效果如下: 在进入正题前,先说说我的实现思路(部分含关键代码)。大牛请跳过,若有不足也请指正。优化方向和解决方案:伸缩状态能够被保存(F5保存,页面关闭清除):使用vuex和cookie中(可用sessionStorage代替)。// store.jsexport defau...原创 2019-06-03 21:03:23 · 11730 阅读 · 1 评论