自定义复选框checkbox样式
摘要:表单元素中有label 元素和 for属性,当我们点击label 标签时,对应的表单元素就会有所反应。我们就是依据这个特性来实现的自定义的checkbox样式,来直接上代码 下面重点来了,css样式 以上一个简单的自定义复选按钮就出来啦,你们直接拿去用就好了
阅读全文
posted @
2018-03-17 10:29
妞妞不安
阅读(230)
推荐(0) 编辑
vue的爬坑之路(四)之----基于vue-cli 动态添加iconfont的symbol方法
摘要:我们做项目的时候有时会要求用到彩色的字体图标symbol。 我在基于vue-cli的移动端项目中遇到了此问题,还牵扯到了li遍历动态添加iconfont的问题,折磨许久最终总结出以下问题 1.引入iconfont.css与iconfont.js文件(可写在你使用icon的.vue页面,也可以引到最外
阅读全文
posted @
2018-03-15 18:19
妞妞不安
阅读(792)
推荐(0) 编辑
vue的爬坑之路(三)之-----基于vue-cli的VueAwesomeSwiper轮播滑块插件的使用及常见问题
摘要:基于之前写的vue2.0 + vue-cli + webpack 搭建项目( vue-awesome-swiper版本:3.1.3 ,如果成功后没报错,但不显示分页样式,可能版本对不上) 1.进入项目目录,安装swiper 2.引入资源(main.js文件) 3.很多人在引入swiper的时候会出现
阅读全文
posted @
2018-03-13 13:59
妞妞不安
阅读(7018)
推荐(1) 编辑
vue的爬坑之路(二)之-----vue-cli的移动端适配插件flexible
摘要:依赖 项目基础配置使用 vue-cli 生成(可参考上一篇随笔) 移动端自适应方案核心:阿里可伸缩布局方案 - lib-flexible px 转 rem:px2rem,它有 webpack 的 loader:px2rem-loader 开始 首先,我们使用 vue 的脚手架 vue-cli 来初始
阅读全文
posted @
2018-03-09 10:03
妞妞不安
阅读(4878)
推荐(0) 编辑
vue的爬坑之路(一)之一vue-cli开发环境搭建
摘要:1.安装node node.js环境(npm包管理器)cnpm npm的淘宝镜像 从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具,输入 node -v,如果出现相应的版本号,则说明安装成功。 npm包管理器,是集成在node
阅读全文
posted @
2018-03-08 12:06
妞妞不安
阅读(241)
推荐(0) 编辑