css3
山野里的小菊花
万马奔腾,我就是万马之一中那匹脱缰的野马
展开
-
如何用css适配iphoneX底部横条?!?
当我们在做app或者小程序的时候,如果是自适应屏幕高度,或者是用定位到底部按钮的时候,iphoneX底部的返回横条老是遮挡底部内容,如果巧妙的设计代码,使它能适配到iphoneX呢?比如我写了一个底部按钮,漂浮在所有内容的上方,以下代码当在iphoneX的时候,就会被遮挡大约20px// 正常手机使用的代码/* 外层盒子 */.hasbtn-padding{ paddin...原创 2019-10-31 17:25:49 · 6552 阅读 · 0 评论 -
echarts如何做出多条进度条的效果
原理:弹性盒子布局,两端对齐方式将数据分割在两端,重点用echarts柱状图,绝对定位,翻页一次,echarts柱状图重新加载一次先来一个效果图如何做出如图所示的效果呢,虽然核心是echarts柱状图,但是还需要配合css样式,才能完成,做的是自适应的,宽高都是100%,只适用于IE9+需要源码或vue重构,请转文章https://blog.csdn.net/liuxin00020...原创 2018-08-20 17:41:23 · 22695 阅读 · 7 评论 -
scss两层数组遍历(遍历生成多个图标,不同的样式)
$iconFont: ( (font: "\e6bb", bgc: $bgOrange, sdc: $bgOrangeFourPercent), (font: "\e601", bgc: $bgBlue, sdc: $bgBlueFourPercent), (font: "\e61a", bgc: $bgGree...原创 2018-08-29 17:54:45 · 2502 阅读 · 0 评论 -
vue封装checkBox列表组件(实现group和自定义选项,纯css实现效果)
点击我查看效果一、前言【又在重复造轮子!!!】vue有很多现成的UI框架,博主的手机端用的是mintUI,但是mintUI样式不能整改为想要的样子,因此纯手工封装了一个checkBox组件(纯css实现效果,需要不一样的可自制样式)先来一个效果图:二、正文1、说明使用checkBox绑定数据,选中的数据使用数组存储(vue分组的写法) 为了保证是数组类型,需要指定组件...原创 2019-07-24 19:04:09 · 5526 阅读 · 2 评论