gx

queenwuli

2021-01-07 7692df60c0746b9e23a228eb719349c697cfcb06

 hive-app/pages/member/selectCustomer.vue

@@ -1,8 +1,11 @@
<template>
   <view class="container">
      <search-bar @confirm="search"></search-bar>
      <view class="member-list flex align-center" v-for="(item, index) in list">
         <text class="first-name" :style="{background: caculateBgcolor(index)}">{{item.vipName | formatName}}</text>
      <view class="member-list flex align-center" v-for="(item, index) in list" @click="checkOnchange(item)">
         <template>
            <image v-if="item.photo" src="item.photo" class="avatar"></image>
            <text v-else class="first-name" :style="{background: caculateBgcolor(index)}">{{item.vipName | formatName}}</text>
         </template>
         <view class="flex-1 flex align-center justify-between member-list-con">
            <view class="flex flex-v">
               <text class="mb-10">
@@ -12,8 +15,7 @@
               <text class="font-13 gray">{{$utils.encryptAccount(item.phone)}}</text>
            </view>
            <text class="iconfont" 
               :class="item.isCheck?'iconxuanzhong blue':'iconweixuanzhong gray'" 
               @click="checkOnchange(item)"></text>
               :class="item.isCheck?'iconxuanzhong blue':'iconweixuanzhong gray'" ></text>
         </view>
      </view>
      <no-record :isShow="!list.length"></no-record>
@@ -118,6 +120,12 @@
      font-size: 14px;
      padding-left: 4px;
   }
   .avatar{
      display: inline-block;
      width: 38px;
      height: 38px;
      border-radius: 50%;
   }
   .first-name{
      display: inline-block;
      width: 38px;