ul点击li,增加样式

Posted 2020-10-21 欢如平生

用户首次绑定后，需要选择一款头像

<!--imgList头像列表-->
<el-row class="regModel1">
  <el-col :span="24" class="stepTwo">请选择一个形象作为您的头像吧!</el-col>
    <el-col :span="24" class="zooSelect">
      <ul class="zooIcon">
       <li v-for="(item, index) in imgList"  @click="selectIcon(item ,index)">
         <div class="imgzoo fn-rel" :key="item.key">
           <img :src="item.value" alt="">
           <i class="el-icon-success fn-abs" :class="{\'colorShow\': index === cwtx}"></i>
           <p>{{item.remark}}</p>
         </div>
       </li>
     </ul>
   </el-col>
   <el-col :span="24" class="stepfinish"><button class="nextBtn" @click="finBtn">完成</button></el-col>
</el-row>

/*
  *选择用户头像
*/ 
 selectIcon(item,index) {
   this.cwtx = index
   this.selectKey = item.key
 },