|  |  | 
 |  |  |                     @load="onLoad"> | 
 |  |  |                     <div class="content_list"> | 
 |  |  |                         <div class="content_list_item" v-for="(item, i) in list" :key="i" @click="jump(item)"> | 
 |  |  |                             <div class="content_list_item_name">{{item.name}}</div> | 
 |  |  |                             <div class="content_list_item_name"> | 
 |  |  |                                 <span style="color: #03AF76;" v-if="item.tmodel.label == 'APPLIANCE_ONTEST'">[{{ item.tmodel.code }}]</span> | 
 |  |  |                                 <span style="color: #305ED5;" v-if="item.tmodel.label == 'APPLIANCE_MIX'">[{{ item.tmodel.code }}]</span> | 
 |  |  |                                 <span style="color: #F5A400;" v-if="item.tmodel.label == 'APPLIANCE_OFFTEST'">[{{ item.tmodel.code }}]</span> | 
 |  |  |                                 <span style="color: red;" v-if="item.tmodel.label == 'APPLIANCE_USELESS'">[{{ item.tmodel.code }}]</span> | 
 |  |  |                                 <span>{{item.name}}</span> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                     </div> | 
 |  |  |                 </van-list> | 
 |  |  | 
 |  |  |                     margin-right: 10px; | 
 |  |  |                 } | 
 |  |  |                 .content_list_item_name { | 
 |  |  |                     font-size: 28px; | 
 |  |  |                     width: 100%; | 
 |  |  |                     display: flex; | 
 |  |  |                     align-items: center; | 
 |  |  |                     span { | 
 |  |  |                         font-size: 30px; | 
 |  |  |                         font-family: PingFangSC-Regular, PingFang SC; | 
 |  |  |                         font-weight: 400; | 
 |  |  |                         color: #222222; | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         } |