From 9a025af56e141b416d3216af379d270c1285d42c Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Thu, 07 Jan 2021 11:27:58 +0800 Subject: [PATCH] gx --- hive-app/pages/member/selectCustomer.vue | 16 ++++++++++++---- 1 files changed, 12 insertions(+), 4 deletions(-) diff --git a/hive-app/pages/member/selectCustomer.vue b/hive-app/pages/member/selectCustomer.vue index ca0d3b6..ad820dc 100644 --- a/hive-app/pages/member/selectCustomer.vue +++ b/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; -- Gitblit v1.9.1