a_115098的博客

实现上下翻页效果可以使用轮播图辅助实现，这里使用element-ui，其它插件使用方法类同。html代码： //:autoplay="false"不自动播放 :loop="false"不循环 direction="vertical"轮播为数值方向<el-carousel ref="goupdown" height="100%" direction="vertical" :autoplay="false" :loop="false"> <el-carousel-it

1、vue项目页面展开特效项目资源地址：点击前往。

动态添加多个类<span><i :class="[{name1: did == 'true'},{'name-name2': did == 'true'}]"></i></span>固定类加动态类:class="['line-item',{'select-item': selectgreen == i}]"

vue中web手机端的适配问题在使用vue进行web手机端适配时可以使用rem做单位进行适配。rem为相对单位，是相对HTML根元素的字体大小为基准计算大小。如设置html:{font-size:16px}，那么p{font-size: 1rem}的字体大小就为16px。所以使用rem进行适配的大体思路就为：根据屏幕的大小调整html元素的字体大小。//这里使用的vuecreated() {//获取html var html = document.getElementsByTagNam

text-indent: 2em; //首行缩进//设置屏幕宽度小于等于767px时的样式@media screen and (max-width: 767px){.main{}}//区间@media screen and (max-width: 767px) and (min-width: 700px)outline: medium; //取消输入框点击高亮border: 1px solid #eee; //实线，dotted点状，double双线，dashed虚线//网格背景ba