![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
一只快乐的小咩咩
路漫漫其修远兮,吾将上下而求索
展开
-
vue v-for循环出来的数组加不同的颜色(颜色循环)
上面方块是由后端返回的数组 需求是每四个方块循环不同的背景颜色下面展示一些 内联代码片。// 具体v-for的代码块<div v-for="(item, index) in appList" :key="index"> <span :style="{'background':item.color}"></span> // 方块 样式就不写了 <span>{{系统名称}}</span></div>// appLi.原创 2021-10-13 16:41:07 · 7172 阅读 · 4 评论 -
vue根据屏幕大小设置css样式(实时监控屏幕大小)
pc端当屏幕缩小时总会有些css样式不适配一下基本可以实时监测屏幕大小下面展示一些 内联代码片。// 需要动态修改的css<div :class="isWidth ? 'title' : 'title2'"><111111/div>// 定义一个变量return { data(){ screenWidth:document.body.clientWidth, // 屏幕宽度 isWidth: false // 动态修改css控制变量 }}// 定义一个原创 2021-09-02 19:06:48 · 2817 阅读 · 1 评论