1.element-ui更改图标icon大小
1. <div class="size-icon"> 2. <i class="el-icon-dish" ></i> 3. </div>
.size-icon{ font-size: 25px; }
2. :style 常用的方法
<span class="yuandian" :style="{backgroundColor:(index==Rcolor?'#d10000':'#dddddd')}"></span>
3.z-index的层叠性
有一个固定定位的侧边栏,鼠标经过侧边栏出现一个div是绝对定位,要求固定定位的字在上面,div在下面,设置固定定位z-index是9999,而div的绝对定位z-index是1,但是效果为达到效果,但是给div设置为-1的时候就可以了。
4. 单行文本溢出的写法
使用text-overflow属性,并且要加width宽度属性
overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
5.elementUI+配合路由进行页面跳转
场景:
页面中点击‘了解更多’,分别进入不同的页面,但是它和右侧毫无关联。
解决:
activename是elementui提供的选中下标,我们可以设置他的下标名字和路由名称一样,然后把这个activename当做路由的地址,就可以实现点击跳转到相应页面。