hookehuyr

🐞 fix: 列表右边状态tag长度优化

...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
50 <view v-if="item.avatar" @tap="goToUserInfo(item.member_id)" class="avatar" :style="{ backgroundImage: `url(${item.avatar})` }"></view> 50 <view v-if="item.avatar" @tap="goToUserInfo(item.member_id)" class="avatar" :style="{ backgroundImage: `url(${item.avatar})` }"></view>
51 <view v-else @tap="goToUserInfo(item.member_id)" class="avatar" :style="{ backgroundImage: `url('https://img.yzcdn.cn/vant/cat.jpeg')` }"></view> 51 <view v-else @tap="goToUserInfo(item.member_id)" class="avatar" :style="{ backgroundImage: `url('https://img.yzcdn.cn/vant/cat.jpeg')` }"></view>
52 </van-col> 52 </van-col>
53 - <van-col span="14"> 53 + <van-col span="13">
54 <view class="content"> 54 <view class="content">
55 <view class="title">{{ item.name }}</view> 55 <view class="title">{{ item.name }}</view>
56 <view class="phone" @tap="onPhoneClick(item.phone)"> 56 <view class="phone" @tap="onPhoneClick(item.phone)">
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
59 </view> 59 </view>
60 </view> 60 </view>
61 </van-col> 61 </van-col>
62 - <van-col span="4"> 62 + <van-col span="5">
63 <van-tag @tap="changeStatus('apply', item.id)" v-if="item.status === 'apply'" :round="true" color="#D7F3FF" text-color="#0091FD" size="large">已报名</van-tag> 63 <van-tag @tap="changeStatus('apply', item.id)" v-if="item.status === 'apply'" :round="true" color="#D7F3FF" text-color="#0091FD" size="large">已报名</van-tag>
64 <van-tag @tap="changeStatus('enable', item.id)" v-if="item.status === 'enable'" :round="true" color="#D7FFD7" text-color="#019200" size="large">已签到</van-tag> 64 <van-tag @tap="changeStatus('enable', item.id)" v-if="item.status === 'enable'" :round="true" color="#D7FFD7" text-color="#019200" size="large">已签到</van-tag>
65 <van-tag @tap="changeStatus('absent', item.id)" v-if="item.status === 'absent'" :round="true" color="#FFF5E4" text-color="#FF7300" size="large">未出席</van-tag> 65 <van-tag @tap="changeStatus('absent', item.id)" v-if="item.status === 'absent'" :round="true" color="#FFF5E4" text-color="#FF7300" size="large">未出席</van-tag>
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-10-25 13:07:53 4 + * @LastEditTime: 2022-11-03 11:17:21
5 * @FilePath: /swx/src/pages/userAdd/index.vue 5 * @FilePath: /swx/src/pages/userAdd/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
31 <van-col span="6"> 31 <van-col span="6">
32 <view class="avatar" :style="{ backgroundImage: `url(${item.avatar ? item.avatar : 'http://gyzs.onwall.cn/tou%402x.png'})`, position: 'relative' }"></view> 32 <view class="avatar" :style="{ backgroundImage: `url(${item.avatar ? item.avatar : 'http://gyzs.onwall.cn/tou%402x.png'})`, position: 'relative' }"></view>
33 </van-col> 33 </van-col>
34 - <van-col span="14"> 34 + <van-col span="13">
35 <view class="content"> 35 <view class="content">
36 <view class="title">{{ item.name }}</view> 36 <view class="title">{{ item.name }}</view>
37 <view style="color: #199A74; margin-top: 0.5rem;" class="phone" @tap="onPhoneClick(item.phone)"> 37 <view style="color: #199A74; margin-top: 0.5rem;" class="phone" @tap="onPhoneClick(item.phone)">
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
40 </view> 40 </view>
41 </view> 41 </view>
42 </van-col> 42 </van-col>
43 - <van-col span="4"> 43 + <van-col span="5">
44 <view style="margin-top: 0.5rem;"> 44 <view style="margin-top: 0.5rem;">
45 <van-tag v-if="!item.partner" :round="true" color="#FFF5E4" text-color="#FF7808" size="large">待分配 45 <van-tag v-if="!item.partner" :round="true" color="#FFF5E4" text-color="#FF7808" size="large">待分配
46 </van-tag> 46 </van-tag>
......
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 <van-col span="6"> 67 <van-col span="6">
68 <view @tap="goToUserInfo(item.id)" class="avatar" :style="{ backgroundImage: `url(${item.avatar ? item.avatar : 'http://gyzs.onwall.cn/tou%402x.png'})`, position: 'relative' }"></view> 68 <view @tap="goToUserInfo(item.id)" class="avatar" :style="{ backgroundImage: `url(${item.avatar ? item.avatar : 'http://gyzs.onwall.cn/tou%402x.png'})`, position: 'relative' }"></view>
69 </van-col> 69 </van-col>
70 - <van-col span="14"> 70 + <van-col span="13">
71 <view class="content"> 71 <view class="content">
72 <view class="title">{{ item.name }}</view> 72 <view class="title">{{ item.name }}</view>
73 <view style="color: #199A74; margin-top: 0.5rem;" class="phone" @tap="onPhoneClick(item.phone)"> 73 <view style="color: #199A74; margin-top: 0.5rem;" class="phone" @tap="onPhoneClick(item.phone)">
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
76 </view> 76 </view>
77 </view> 77 </view>
78 </van-col> 78 </van-col>
79 - <van-col span="4"> 79 + <van-col span="5">
80 <view v-if="item.role === 'player'" style="margin-top: 0.5rem;"> 80 <view v-if="item.role === 'player'" style="margin-top: 0.5rem;">
81 <van-tag v-if="!item.partner" :round="true" color="#FFF5E4" text-color="#FF7808" size="large">待分配</van-tag> 81 <van-tag v-if="!item.partner" :round="true" color="#FFF5E4" text-color="#FF7808" size="large">待分配</van-tag>
82 <van-tag v-else :round="true" color="#D7FFD7" text-color="#019200" size="large">已分配</van-tag> 82 <van-tag v-else :round="true" color="#D7FFD7" text-color="#019200" size="large">已分配</van-tag>
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-10-25 12:59:30 4 + * @LastEditTime: 2022-11-03 11:17:49
5 * @FilePath: /swx/src/pages/userSearch/index.vue 5 * @FilePath: /swx/src/pages/userSearch/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 <van-col span="6"> 30 <van-col span="6">
31 <view class="avatar" :style="{ backgroundImage: `url(${item.avatar})`, position: 'relative' }"></view> 31 <view class="avatar" :style="{ backgroundImage: `url(${item.avatar})`, position: 'relative' }"></view>
32 </van-col> 32 </van-col>
33 - <van-col span="14"> 33 + <van-col span="13">
34 <view class="content"> 34 <view class="content">
35 <view class="title">{{ item.name }}</view> 35 <view class="title">{{ item.name }}</view>
36 <view style="color: #199A74; margin-top: 0.5rem;" class="phone" @tap="onPhoneClick(item.phone)"> 36 <view style="color: #199A74; margin-top: 0.5rem;" class="phone" @tap="onPhoneClick(item.phone)">
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
39 </view> 39 </view>
40 </view> 40 </view>
41 </van-col> 41 </van-col>
42 - <van-col span="4"> 42 + <van-col span="5">
43 <view style="margin-top: 0.5rem;"> 43 <view style="margin-top: 0.5rem;">
44 <van-tag v-if="item.status === '1'" :round="true" color="#FFF5E4" text-color="#FF7808" size="large">待分配</van-tag> 44 <van-tag v-if="item.status === '1'" :round="true" color="#FFF5E4" text-color="#FF7808" size="large">待分配</van-tag>
45 <van-tag v-else :round="true" color="#D7FFD7" text-color="#019200" size="large">已分配</van-tag> 45 <van-tag v-else :round="true" color="#D7FFD7" text-color="#019200" size="large">已分配</van-tag>
......