|
@@ -44,11 +44,13 @@
|
|
|
</van-cell-group>
|
|
|
|
|
|
<div class="title" v-if="musicGroupList.length > 0"><i></i>乐团信息</div>
|
|
|
- <van-cell-group inset style="margin: 0.1rem 0.12rem">
|
|
|
- <van-cell v-for="(item, index) in musicGroupList" :key="index" :label="item.musicGroupId" center>
|
|
|
+ <van-cell-group inset style="margin: 0.1rem 0.12rem" :border="false">
|
|
|
+ <van-cell v-for="(item, index) in musicGroupList" :key="index" :label="item.musicGroupId" center >
|
|
|
<template #title>
|
|
|
- <span style="font-weight: bold;font-size: .16rem;">{{ item.musicGroupName }}</span>
|
|
|
- <span :class="item.userMusicGroupStatus">{{ item.userMusicGroupStatus | musicGroupStudentType }}</span>
|
|
|
+ <div class="musicTitle">
|
|
|
+ <span class="musicName">{{ item.musicGroupName }}</span>
|
|
|
+ <span :class="item.userMusicGroupStatus">{{ item.userMusicGroupStatus | musicGroupStudentType }}</span>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</van-cell>
|
|
|
</van-cell-group>
|
|
@@ -180,6 +182,14 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+.musicTitle {
|
|
|
+ // display: flex;
|
|
|
+ // align-items: center;
|
|
|
+ .musicName {
|
|
|
+ font-weight: bold;font-size: .16rem;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+}
|
|
|
.NORMAL,
|
|
|
.QUIT,
|
|
|
.APPLY {
|
|
@@ -189,8 +199,8 @@ export default {
|
|
|
margin-left: .08rem;
|
|
|
color: #999999;
|
|
|
line-height: 0.18rem;
|
|
|
- padding: 0.02rem 0.08rem;
|
|
|
- vertical-align: text-bottom;
|
|
|
+ padding: 0.01rem 0.06rem;
|
|
|
+ vertical-align: baseline
|
|
|
}
|
|
|
|
|
|
.NORMAL {
|
|
@@ -220,6 +230,7 @@ export default {
|
|
|
font-size: .14rem;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.memberSection {
|
|
|
margin: 0.1rem 0.12rem;
|
|
|
background-color: #fff;
|