Hooke / fxPark

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
264fdbef 1 parent 9066ef83

fix 首页图标和图片调整

Inline Side-by-side
Showing 7 changed files with 22 additions and 19 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-14 22:39:32 4 + * @LastEditTime: 2024-04-15 09:51:47
5 * @FilePath: /fxPark/src/views/fxPark/index.vue 5 * @FilePath: /fxPark/src/views/fxPark/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
...@@ -10,16 +10,16 @@ ...@@ -10,16 +10,16 @@
10 <danmaku :show="show_danmu" :text="add_text" /> 10 <danmaku :show="show_danmu" :text="add_text" />
11 <div class="quick-entrance-wrapper"> 11 <div class="quick-entrance-wrapper">
12 <div class="quick-entrance-item" @click="goToAudio"> 12 <div class="quick-entrance-item" @click="goToAudio">
13 - <van-icon name="chat-o" />&nbsp;&nbsp;<span>植物之声</span> 13 + <van-icon size="3.5rem" name="https://cdn.ipadbiz.cn/xfPark/index/btn-1.1713137877.png" />
14 - </div>
15 - <div class="quick-entrance-item" @click="goToPoster">
16 - <van-icon name="chat-o" />&nbsp;&nbsp;<span>海报列表</span>
17 </div> 14 </div>
18 <div class="quick-entrance-item"> 15 <div class="quick-entrance-item">
19 - <van-icon name="chat-o" />&nbsp;&nbsp;<span>展览介绍</span> 16 + <van-icon size="3.5rem" name="https://cdn.ipadbiz.cn/xfPark/index/btn-2.1713137877.png" />
20 </div> 17 </div>
21 - <div class="quick-entrance-item"> 18 + <div class="quick-entrance-item" @click="goToPoster">
22 - <van-icon name="chat-o" />&nbsp;&nbsp;<span>校园报名</span> 19 + <van-icon size="3.5rem" name="https://cdn.ipadbiz.cn/xfPark/index/btn-3.1713137877.png" />
20 + </div>
21 + <div class="quick-entrance-item" @click="onCloseDanmu">
22 + <van-icon size="3.5rem" name="https://cdn.ipadbiz.cn/xfPark/index/btn-4.1713137877.png" />
23 </div> 23 </div>
24 </div> 24 </div>
25 <div class="container" @click="onChipClick()"> 25 <div class="container" @click="onChipClick()">
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 class="img" 30 class="img"
31 :style="{ zIndex: index + 2 }" 31 :style="{ zIndex: index + 2 }"
32 > 32 >
33 - <img src="https://cdn.ipadbiz.cn/xfPark/index/bg.1713103305.jpg" class="img" style="z-index: 1;"> 33 + <img src="https://cdn.ipadbiz.cn/xfPark/index/bg.1713145862.jpg" class="img" style="z-index: 1;">
34 </div> 34 </div>
35 35
36 <van-action-sheet v-model:show="show_danmu_message" title="留言" :round="false" :close-on-click-overlay="false" :closeable="false"> 36 <van-action-sheet v-model:show="show_danmu_message" title="留言" :round="false" :close-on-click-overlay="false" :closeable="false">
...@@ -49,11 +49,11 @@ ...@@ -49,11 +49,11 @@
49 <div v-if="spaceDiv" :style="{ height: space_height }"></div> 49 <div v-if="spaceDiv" :style="{ height: space_height }"></div>
50 </van-action-sheet> 50 </van-action-sheet>
51 51
52 - <van-floating-bubble v-model:offset="offset" axis="xy" :gap="10" @click="onCloseDanmu"> 52 + <!-- <van-floating-bubble v-model:offset="offset" axis="xy" :gap="10" @click="onCloseDanmu">
53 <div style="font-size: 0.7rem;"> 53 <div style="font-size: 0.7rem;">
54 弹幕<br/>开关 54 弹幕<br/>开关
55 </div> 55 </div>
56 - </van-floating-bubble> 56 + </van-floating-bubble> -->
57 57
58 <div v-if="show_danmu" class="danmu-boxer"> 58 <div v-if="show_danmu" class="danmu-boxer">
59 <div class="danmu-boxer-btn" @click="commentsBtn">发一条友好的弹幕吧</div> 59 <div class="danmu-boxer-btn" @click="commentsBtn">发一条友好的弹幕吧</div>
...@@ -128,7 +128,6 @@ onMounted(async () => { ...@@ -128,7 +128,6 @@ onMounted(async () => {
128 item.chip_src = item.is_light === '0' ? '' : TREE_CHIP[item.revision]['active']; // 根据点亮状态，显示碎片地址 128 item.chip_src = item.is_light === '0' ? '' : TREE_CHIP[item.revision]['active']; // 根据点亮状态，显示碎片地址
129 }); 129 });
130 130
131 - console.log("🚀 ~ file: index.vue:137 ~ onMounted ~ data_list.value:", data_list.value);
132 if (index !== -1) { // 全点亮 131 if (index !== -1) { // 全点亮
133 all_actived.value = true; 132 all_actived.value = true;
134 } 133 }
...@@ -229,15 +228,19 @@ const onCloseDanmu = () => { // 弹幕开关 ...@@ -229,15 +228,19 @@ const onCloseDanmu = () => { // 弹幕开关
229 right: 0; 228 right: 0;
230 top: 0.8rem; 229 top: 0.8rem;
231 z-index: 20; 230 z-index: 20;
231 + // .quick-entrance-item {
232 + // color: white;
233 + // background-color: green;
234 + // border-top-left-radius: 1rem;
235 + // border-bottom-left-radius: 1rem;
236 + // font-size: 0.8rem;
237 + // padding: 0.4rem 0.5rem;
238 + // margin-bottom: 0.5rem;
239 + // letter-spacing: 1px;
240 + // }
232 .quick-entrance-item { 241 .quick-entrance-item {
233 - color: white; 242 + margin-right: 0.5rem;
234 - background-color: green;
235 - border-top-left-radius: 1rem;
236 - border-bottom-left-radius: 1rem;
237 - font-size: 0.8rem;
238 - padding: 0.4rem 0.5rem;
239 margin-bottom: 0.5rem; 243 margin-bottom: 0.5rem;
240 - letter-spacing: 1px;
241 } 244 }
242 } 245 }
243 .container { 246 .container {
......