hookehuyr

fix 首页结构整理

1 <!-- 1 <!--
2 * @Date: 2024-04-07 10:15:55 2 * @Date: 2024-04-07 10:15:55
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-04-12 21:58:01 4 + * @LastEditTime: 2024-04-12 22:28:29
5 * @FilePath: /fxPark/src/views/fxPark/index.vue 5 * @FilePath: /fxPark/src/views/fxPark/index.vue
6 - * @Description: 文件描述 6 + * @Description: 首页
7 --> 7 -->
8 <template> 8 <template>
9 <div class="fxPark-page"> 9 <div class="fxPark-page">
...@@ -15,6 +15,12 @@ ...@@ -15,6 +15,12 @@
15 <div class="quick-entrance-item" @click="goToPoster"> 15 <div class="quick-entrance-item" @click="goToPoster">
16 <van-icon name="chat-o" />&nbsp;&nbsp;<span>海报列表</span> 16 <van-icon name="chat-o" />&nbsp;&nbsp;<span>海报列表</span>
17 </div> 17 </div>
18 + <div class="quick-entrance-item">
19 + <van-icon name="chat-o" />&nbsp;&nbsp;<span>展览介绍</span>
20 + </div>
21 + <div class="quick-entrance-item">
22 + <van-icon name="chat-o" />&nbsp;&nbsp;<span>文明校园报名</span>
23 + </div>
18 </div> 24 </div>
19 <div class="container" v-for="(item, index) in data_list" :key="index" @click="onChipClick()"> 25 <div class="container" v-for="(item, index) in data_list" :key="index" @click="onChipClick()">
20 <img :src="item.chip_src" class="img"> 26 <img :src="item.chip_src" class="img">
...@@ -189,7 +195,7 @@ const handleEnterPress = (evt) => { // 小键盘回车回调 ...@@ -189,7 +195,7 @@ const handleEnterPress = (evt) => { // 小键盘回车回调
189 } 195 }
190 196
191 const goToPoster = () => { // 海报列表按钮 197 const goToPoster = () => { // 海报列表按钮
192 - let index = data.findIndex(item => item.is_light === '1'); // 没有一个点亮 198 + let index = data_list.value.findIndex(item => item.is_light === '1'); // 没有一个点亮
193 if (index === -1) { 199 if (index === -1) {
194 showToast('没有点亮的植被,无法生成海报'); 200 showToast('没有点亮的植被,无法生成海报');
195 return false; 201 return false;
...@@ -219,16 +225,17 @@ const onCloseDanmu = () => { // 弹幕开关 ...@@ -219,16 +225,17 @@ const onCloseDanmu = () => { // 弹幕开关
219 .quick-entrance-wrapper { 225 .quick-entrance-wrapper {
220 position: absolute; 226 position: absolute;
221 right: 0; 227 right: 0;
222 - top: 1.5rem; 228 + top: 0.8rem;
223 z-index: 20; 229 z-index: 20;
224 .quick-entrance-item { 230 .quick-entrance-item {
225 color: white; 231 color: white;
226 background-color: green; 232 background-color: green;
227 border-top-left-radius: 1rem; 233 border-top-left-radius: 1rem;
228 border-bottom-left-radius: 1rem; 234 border-bottom-left-radius: 1rem;
229 - font-size: 0.9rem; 235 + font-size: 0.85rem;
230 padding: 0.5rem; 236 padding: 0.5rem;
231 - margin-bottom: 1rem; 237 + margin-bottom: 0.5rem;
238 + letter-spacing: 1px;
232 } 239 }
233 } 240 }
234 .container { 241 .container {
......