hookehuyr

fix 首页图标和图片调整

<!--
* @Date: 2024-04-07 10:15:55
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-04-14 22:39:32
* @LastEditTime: 2024-04-15 09:51:47
* @FilePath: /fxPark/src/views/fxPark/index.vue
* @Description: 首页
-->
......@@ -10,16 +10,16 @@
<danmaku :show="show_danmu" :text="add_text" />
<div class="quick-entrance-wrapper">
<div class="quick-entrance-item" @click="goToAudio">
<van-icon name="chat-o" />&nbsp;&nbsp;<span>植物之声</span>
</div>
<div class="quick-entrance-item" @click="goToPoster">
<van-icon name="chat-o" />&nbsp;&nbsp;<span>海报列表</span>
<van-icon size="3.5rem" name="https://cdn.ipadbiz.cn/xfPark/index/btn-1.1713137877.png" />
</div>
<div class="quick-entrance-item">
<van-icon name="chat-o" />&nbsp;&nbsp;<span>展览介绍</span>
<van-icon size="3.5rem" name="https://cdn.ipadbiz.cn/xfPark/index/btn-2.1713137877.png" />
</div>
<div class="quick-entrance-item">
<van-icon name="chat-o" />&nbsp;&nbsp;<span>校园报名</span>
<div class="quick-entrance-item" @click="goToPoster">
<van-icon size="3.5rem" name="https://cdn.ipadbiz.cn/xfPark/index/btn-3.1713137877.png" />
</div>
<div class="quick-entrance-item" @click="onCloseDanmu">
<van-icon size="3.5rem" name="https://cdn.ipadbiz.cn/xfPark/index/btn-4.1713137877.png" />
</div>
</div>
<div class="container" @click="onChipClick()">
......@@ -30,7 +30,7 @@
class="img"
:style="{ zIndex: index + 2 }"
>
<img src="https://cdn.ipadbiz.cn/xfPark/index/bg.1713103305.jpg" class="img" style="z-index: 1;">
<img src="https://cdn.ipadbiz.cn/xfPark/index/bg.1713145862.jpg" class="img" style="z-index: 1;">
</div>
<van-action-sheet v-model:show="show_danmu_message" title="留言" :round="false" :close-on-click-overlay="false" :closeable="false">
......@@ -49,11 +49,11 @@
<div v-if="spaceDiv" :style="{ height: space_height }"></div>
</van-action-sheet>
<van-floating-bubble v-model:offset="offset" axis="xy" :gap="10" @click="onCloseDanmu">
<!-- <van-floating-bubble v-model:offset="offset" axis="xy" :gap="10" @click="onCloseDanmu">
<div style="font-size: 0.7rem;">
弹幕<br/>开关
</div>
</van-floating-bubble>
</van-floating-bubble> -->
<div v-if="show_danmu" class="danmu-boxer">
<div class="danmu-boxer-btn" @click="commentsBtn">发一条友好的弹幕吧</div>
......@@ -128,7 +128,6 @@ onMounted(async () => {
item.chip_src = item.is_light === '0' ? '' : TREE_CHIP[item.revision]['active']; // 根据点亮状态,显示碎片地址
});
console.log("🚀 ~ file: index.vue:137 ~ onMounted ~ data_list.value:", data_list.value);
if (index !== -1) { // 全点亮
all_actived.value = true;
}
......@@ -229,15 +228,19 @@ const onCloseDanmu = () => { // 弹幕开关
right: 0;
top: 0.8rem;
z-index: 20;
// .quick-entrance-item {
// color: white;
// background-color: green;
// border-top-left-radius: 1rem;
// border-bottom-left-radius: 1rem;
// font-size: 0.8rem;
// padding: 0.4rem 0.5rem;
// margin-bottom: 0.5rem;
// letter-spacing: 1px;
// }
.quick-entrance-item {
color: white;
background-color: green;
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
font-size: 0.8rem;
padding: 0.4rem 0.5rem;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
letter-spacing: 1px;
}
}
.container {
......