Hooke / map-demo

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
495a134d 1 parent 3dff7ff0

fix: 修复文本换行显示问题并添加ElMessage全局类型 

为InfoWindow和InfoPopup组件中的文本添加white-space: pre-wrap样式以正确显示换行
同时在自动导入配置中添加Element Plus的ElMessage类型声明
Inline Side-by-side
Showing 4 changed files with 5 additions and 3 deletions
1 { 1 {
2 "globals": { 2 "globals": {
3 "EffectScope": true, 3 "EffectScope": true,
4 + "ElMessage": true,
4 "computed": true, 5 "computed": true,
5 "createApp": true, 6 "createApp": true,
6 "customRef": true, 7 "customRef": true,
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
2 export {} 2 export {}
3 declare global { 3 declare global {
4 const EffectScope: typeof import('vue')['EffectScope'] 4 const EffectScope: typeof import('vue')['EffectScope']
5 + const ElMessage: typeof import('element-plus/es')['ElMessage']
5 const computed: typeof import('vue')['computed'] 6 const computed: typeof import('vue')['computed']
6 const createApp: typeof import('vue')['createApp'] 7 const createApp: typeof import('vue')['createApp']
7 const customRef: typeof import('vue')['customRef'] 8 const customRef: typeof import('vue')['customRef']
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 </div> 9 </div>
10 </div> 10 </div>
11 <div v-for="(item, index) in info?.details" :key="index"> 11 <div v-for="(item, index) in info?.details" :key="index">
12 - <div v-if="isActive === index" :class=" [item.audio ? 'info-text-audio' : 'info-text', 'van-multi-ellipsis--l3'] ">{{ item.note }}</div> 12 + <div v-if="isActive === index" :class=" [item.audio ? 'info-text-audio' : 'info-text', 'van-multi-ellipsis--l3'] " style="white-space: pre-wrap;">{{ item.note }}</div>
13 <div v-if="isActive === index && item.audio" class="info-control"> 13 <div v-if="isActive === index && item.audio" class="info-control">
14 <div v-if="!is_play" @click="play()" class="control-play"> 14 <div v-if="!is_play" @click="play()" class="control-play">
15 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E6%92%AD%E6%94%BE%E6%9A%82%E5%81%9C@2x.png" size="3rem" 15 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E6%92%AD%E6%94%BE%E6%9A%82%E5%81%9C@2x.png" size="3rem"
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
54 </div> 54 </div>
55 </div> 55 </div>
56 <div v-for="(item, index) in info?.details" :key="index"> 56 <div v-for="(item, index) in info?.details" :key="index">
57 - <div v-if="isActive === index" :class=" [item.audio ? 'info-text-audio' : 'info-text'] ">{{ item.note }}</div> 57 + <div v-if="isActive === index" :class=" [item.audio ? 'info-text-audio' : 'info-text'] " style="white-space: pre-wrap;">{{ item.note }}</div>
58 <div v-if="isActive === index && item.audio" class="info-control"> 58 <div v-if="isActive === index && item.audio" class="info-control">
59 <div v-if="!is_play" @click="play()" class="control-play"> 59 <div v-if="!is_play" @click="play()" class="control-play">
60 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E6%92%AD%E6%94%BE%E6%9A%82%E5%81%9C@2x.png" size="3rem" 60 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E6%92%AD%E6%94%BE%E6%9A%82%E5%81%9C@2x.png" size="3rem"
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
13 <van-icon v-else name="arrow-left" color="#888" size="1.25rem" style="vertical-align: sub;" /> 13 <van-icon v-else name="arrow-left" color="#888" size="1.25rem" style="vertical-align: sub;" />
14 </div> --> 14 </div> -->
15 <div v-for="(item, index) in info?.details" :key="index"> 15 <div v-for="(item, index) in info?.details" :key="index">
16 - <div v-if="isActive === index" :class=" [item.audio ? 'info-text-audio' : 'info-text', 'van-multi-ellipsis--l3'] ">{{ item.note }}</div> 16 + <div v-if="isActive === index" :class=" [item.audio ? 'info-text-audio' : 'info-text', 'van-multi-ellipsis--l3'] " style="white-space: pre-wrap;">{{ item.note }}</div>
17 <div v-if="isActive === index && item.audio" class="info-control"> 17 <div v-if="isActive === index && item.audio" class="info-control">
18 <div v-if="!is_play" @click="play()" class="control-play"> 18 <div v-if="!is_play" @click="play()" class="control-play">
19 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E6%92%AD%E6%94%BE%E6%9A%82%E5%81%9C@2x.png" size="3rem" 19 <van-icon name="https://cdn.ipadbiz.cn/xys/map/%E6%92%AD%E6%94%BE%E6%9A%82%E5%81%9C@2x.png" size="3rem"
......