hookehuyr

✨ feat(B端我的页面): 标题多行显示优化

1 <template> 1 <template>
2 <div class="top-content"> 2 <div class="top-content">
3 <van-image round width="4rem" height="4rem" :src="myKgInfo.logo ? myKgInfo.logo : icon_logo" /> 3 <van-image round width="4rem" height="4rem" :src="myKgInfo.logo ? myKgInfo.logo : icon_logo" />
4 - <p style="margin-top: 1rem; font-size: 1.05rem; font-weight: bold;">{{ myKgInfo.name }}</p> 4 + <div v-if="myKgInfo.multi_name">
5 + <p class="title">{{ myKgInfo.multi_name[0] }}<br />{{ myKgInfo.multi_name[1] }}</p>
6 + </div>
7 + <p v-else class="title">{{ myKgInfo.name }}</p>
5 </div> 8 </div>
6 <template v-for="(item, key) in itemList" :key="key"> 9 <template v-for="(item, key) in itemList" :key="key">
7 <div class="van-hairline--bottom item-list" @click="goTo(item.to)"> 10 <div class="van-hairline--bottom item-list" @click="goTo(item.to)">
...@@ -37,6 +40,10 @@ axios.get('/srv/?a=my_kg') ...@@ -37,6 +40,10 @@ axios.get('/srv/?a=my_kg')
37 .then(res => { 40 .then(res => {
38 if (res.data.code === 1) { 41 if (res.data.code === 1) {
39 myKgInfo.value = res.data.data; 42 myKgInfo.value = res.data.data;
43 + // 有空格分割name
44 + if (myKgInfo.value.name.indexOf(' ') > -1) {
45 + myKgInfo.value.multi_name = myKgInfo.value.name.split(' ');
46 + }
40 itemList.value = [ 47 itemList.value = [
41 { 48 {
42 name: '幼儿园上传视频', 49 name: '幼儿园上传视频',
...@@ -99,6 +106,11 @@ const exitLogin = () => { ...@@ -99,6 +106,11 @@ const exitLogin = () => {
99 background-size: cover; 106 background-size: cover;
100 padding: 1rem; 107 padding: 1rem;
101 text-align: center; 108 text-align: center;
109 + .title {
110 + margin-top: 1rem;
111 + font-size: 1.05rem;
112 + font-weight: bold;
113 + }
102 } 114 }
103 .item-list { 115 .item-list {
104 padding: 1rem 0; 116 padding: 1rem 0;
......