2020年4月12日
利用padding-top/padding-bottom百分比，进行占位和高度自适应
摘要： width:100% ; height:0; padding-top:70% 作用： 1. 宽高自适应，高度恒为宽度的70% （padding-top:50% ，则高度恒为宽度的一半） 2. 占位，提高加载图片时性能 说明： 在css里面，padding-top,padding-bottom,mar 阅读全文
posted @ 2020-04-12 20:04 终南墨客 阅读(790) 评论(0) 推荐(0) 编辑
vuex方法封装调用
摘要： vuex https://vuex.vuejs.org/zh/guide/mutations.html index.js import Vue from 'vue' import Vuex from 'vuex' import * as actions from './actions' import 阅读全文
posted @ 2020-04-12 18:39 终南墨客 阅读(4211) 评论(0) 推荐(0) 编辑
vue中自定义IndexBar 索引栏
摘要： vant是一款基于vue的牛皮移动端组件库，比如类似手机电话簿的字母索引兰组件 https://youzan.github.io/vant/#/zh-CN/index-bar 今天看了朋友分享的一个自定义索引兰组件代码，是慕课网几年前的某个vue教程，结合vant的indexBar源码，值得一看学习 阅读全文
posted @ 2020-04-12 17:40 终南墨客 阅读(6471) 评论(0) 推荐(0) 编辑
封装loading加载状态子组件
摘要： 现在流行的框架如element ui 、vant 等都有封装好的loading组件，直接拿来用。 微信小程序、uni-app等也有封装的loading组件，几个代码轻松引用。 不过作为基础，知道组件原理还是不错的 loading组件需要引用一张gif动图 <template> <div class= 阅读全文
posted @ 2020-04-12 15:55 终南墨客 阅读(1422) 评论(0) 推荐(0) 编辑