正文

ul点击li,增加样式

IP云
IP云V管理员/1 阅读
12/02
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

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

<!--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

 },

    

   

  
相关阅读
目录[+]