Showing
1 changed file
with
13 additions
and
6 deletions
| 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" /> <span>海报列表</span> | 16 | <van-icon name="chat-o" /> <span>海报列表</span> |
| 17 | </div> | 17 | </div> |
| 18 | + <div class="quick-entrance-item"> | ||
| 19 | + <van-icon name="chat-o" /> <span>展览介绍</span> | ||
| 20 | + </div> | ||
| 21 | + <div class="quick-entrance-item"> | ||
| 22 | + <van-icon name="chat-o" /> <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 { | ... | ... |
-
Please register or login to post a comment