|
@@ -3,38 +3,18 @@
|
|
|
<m-search @onSearch="onSearch" />
|
|
|
|
|
|
<div class="group_section">
|
|
|
- <van-list
|
|
|
- v-model="loading"
|
|
|
- v-if="dataShow"
|
|
|
- :finished="finished"
|
|
|
- finished-text=" "
|
|
|
- :immediate-check="false"
|
|
|
- @load="getList"
|
|
|
- >
|
|
|
+ <van-list v-model="loading" v-if="dataShow" :finished="finished" finished-text=" " :immediate-check="false"
|
|
|
+ @load="getList">
|
|
|
<van-checkbox-group v-model="groupIds">
|
|
|
- <van-cell
|
|
|
- v-for="(item, index) in list"
|
|
|
- :key="index"
|
|
|
- @click="onCheckbox(item)"
|
|
|
- >
|
|
|
+ <van-cell v-for="(item, index) in list" :key="index" @click="onCheckbox(item)">
|
|
|
<template #icon>
|
|
|
<van-checkbox :name="item.id"></van-checkbox>
|
|
|
<!-- TRAINING MUSIC VIP/COMM -->
|
|
|
- <img
|
|
|
- v-if="item.type === 'MUSIC'"
|
|
|
- src="./images/icon_music.png"
|
|
|
- class="group_icon"
|
|
|
- />
|
|
|
- <img
|
|
|
- v-if="item.type === 'TRAINING'"
|
|
|
- src="./images/icon_xly.png"
|
|
|
- class="group_icon"
|
|
|
- />
|
|
|
- <img
|
|
|
- v-if="item.type === 'VIP' || item.type === 'COMM'"
|
|
|
- src="./images/icon_vip.png"
|
|
|
- class="group_icon"
|
|
|
- />
|
|
|
+ <img v-if="item.type === 'MUSIC'" src="./images/icon_music.png" class="group_icon" />
|
|
|
+ <img v-if="item.type === 'SCHOOL'" src="./images/icon_group_avatar.png" class="group_icon" />
|
|
|
+ <img v-if="item.type === 'LIVE'" src="./images/icon_school.png" class="group_icon" />
|
|
|
+ <img v-if="item.type === 'TRAINING'" src="./images/icon_xly.png" class="group_icon" />
|
|
|
+ <img v-if="item.type === 'VIP' || item.type === 'COMM'" src="./images/icon_vip.png" class="group_icon" />
|
|
|
</template>
|
|
|
<div class="group_content">
|
|
|
<div class="group_title van-ellipsis">{{ item.name }}</div>
|
|
@@ -149,12 +129,14 @@ export default {
|
|
|
height: 65vh;
|
|
|
overflow: auto;
|
|
|
}
|
|
|
+
|
|
|
.group_icon {
|
|
|
width: 0.42rem;
|
|
|
height: 0.42rem;
|
|
|
margin-right: 0.15rem;
|
|
|
margin-left: 0.15rem;
|
|
|
}
|
|
|
+
|
|
|
.btn-group {
|
|
|
padding: 0.1rem 0.14rem;
|
|
|
}
|