01 "i" control the font size v-for loop binding class name

1 == "font size of the icon with the control-size font: 16px;
<I class =" EL-icon-left-right-arrow arrow-aside-Show icon "> </ I>

 

2 ==> Write your own card layout
shadow = "never" no shadow with the ui-2.4.11 Element
<-! Card ->
<EL-Card class = "note-Card Box-CAR-Box" Shadow = "Never">
<div class = "Note-CAR-header">
<div> card name </ div>
<I class = "EL-icon-More"> </ I>
</ div>
<div class = " Content-CAR-Note ">
XXXXXXX text ......
</ div>
</ EL-Card>

 

 

3==》

v-for loop binding class name to add a class

class = "show-icon-div" In any case there is

<i class = "iconfont": class = "itemIcon"> </ i> Second : class = "itemIcon" is added in a dynamic class bindings

 

<div v-for="(itemIcon, index) in asideMenuIcon" :key="index" class="show-icon-div" @click="handlerMessage"><i class="iconfont" :class="itemIcon"></i></div>
//右侧菜单icon
asideMenuIcon:["iconshuaxin","iconshuaxin","iconshuaxin","iconshuaxin","iconshuaxin"]

Guess you like

Origin www.cnblogs.com/IwishIcould/p/11815892.html