|  |  |  | 
|---|
|  |  |  | @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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|