邀约页面增加阻止人员的信息

src/pages/index/index.vue

@@ -150,14 +150,16 @@ const goToContactEditPage = (item) => {
             <View style="width: 25vw" v-for="item in state.normalContacts">
               <View class="m-2 p-3 border" hover-class="card-hover-gray" @tap="goToContactEditPage(item)">
                 <View class="d-flex justify-content-center">
-                  <NutBadge :value="item.isVIP?'VIP':''">
-                    <NutAvatar size="normal" color="white" :bg-color="BjxHelper.mbString2RgbHex(item.name)" class="overflow-hidden">
-                      <img  v-if="item.avatar" :src="item.avatar" />
-                      <view v-else-if="BjxHelper.getBJXFirstChar(item.name)">{{BjxHelper.getBJXFirstChar(item.name)}}</view>
-                      <view v-else>
-                        <Text className='fas fa-user fa-lg'/>
-                      </view>
-                    </NutAvatar>
+                  <NutBadge :value="item.isBlock?'阻止':''">
+                    <NutBadge :value="item.isVIP?'VIP':''">
+                      <NutAvatar size="normal" color="white" :bg-color="BjxHelper.mbString2RgbHex(item.name)" class="overflow-hidden">
+                        <img  v-if="item.avatar" :src="item.avatar" />
+                        <view v-else-if="BjxHelper.getBJXFirstChar(item.name)">{{BjxHelper.getBJXFirstChar(item.name)}}</view>
+                        <view v-else>
+                          <Text className='fas fa-user fa-lg'/>
+                        </view>
+                      </NutAvatar>
+                    </NutBadge>
                   </NutBadge>
                 </View>
                 <View class="d-flex justify-content-center small b pt-2 text-nowrap overflow-hidden">
@@ -174,14 +176,16 @@ const goToContactEditPage = (item) => {
             <View style="width: 25vw" v-for="item in state.flexContacts">
               <View class="m-2 p-3 border" hover-class="card-hover-gray" @tap="goToContactEditPage(item)">
                 <View class="d-flex justify-content-center">
-                  <NutBadge :value="item.isVIP?'VIP':''">
-                    <NutAvatar size="normal" color="white" :bg-color="BjxHelper.mbString2RgbHex(item.name)" class="overflow-hidden">
-                      <img  v-if="item.avatar" :src="item.avatar" />
-                      <view v-else-if="BjxHelper.getBJXFirstChar(item.name)">{{BjxHelper.getBJXFirstChar(item.name)}}</view>
-                      <view v-else>
-                        <Text className='fas fa-user fa-lg'/>
-                      </view>
-                    </NutAvatar>
+                  <NutBadge :value="item.isBlock?'阻止':''">
+                    <NutBadge :value="item.isVIP?'VIP':''">
+                      <NutAvatar size="normal" color="white" :bg-color="BjxHelper.mbString2RgbHex(item.name)" class="overflow-hidden">
+                        <img  v-if="item.avatar" :src="item.avatar" />
+                        <view v-else-if="BjxHelper.getBJXFirstChar(item.name)">{{BjxHelper.getBJXFirstChar(item.name)}}</view>
+                        <view v-else>
+                          <Text className='fas fa-user fa-lg'/>
+                        </view>
+                      </NutAvatar>
+                    </NutBadge>
                   </NutBadge>
                 </View>
                 <View class="d-flex justify-content-center small b pt-2 text-nowrap overflow-hidden">