hookehuyr

fix 首页结构整理

<!--
* @Date: 2024-04-07 10:15:55
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-04-12 21:58:01
* @LastEditTime: 2024-04-12 22:28:29
* @FilePath: /fxPark/src/views/fxPark/index.vue
* @Description: 文件描述
* @Description: 首页
-->
<template>
<div class="fxPark-page">
......@@ -15,6 +15,12 @@
<div class="quick-entrance-item" @click="goToPoster">
<van-icon name="chat-o" />&nbsp;&nbsp;<span>海报列表</span>
</div>
<div class="quick-entrance-item">
<van-icon name="chat-o" />&nbsp;&nbsp;<span>展览介绍</span>
</div>
<div class="quick-entrance-item">
<van-icon name="chat-o" />&nbsp;&nbsp;<span>文明校园报名</span>
</div>
</div>
<div class="container" v-for="(item, index) in data_list" :key="index" @click="onChipClick()">
<img :src="item.chip_src" class="img">
......@@ -189,7 +195,7 @@ const handleEnterPress = (evt) => { // 小键盘回车回调
}
const goToPoster = () => { // 海报列表按钮
let index = data.findIndex(item => item.is_light === '1'); // 没有一个点亮
let index = data_list.value.findIndex(item => item.is_light === '1'); // 没有一个点亮
if (index === -1) {
showToast('没有点亮的植被,无法生成海报');
return false;
......@@ -219,16 +225,17 @@ const onCloseDanmu = () => { // 弹幕开关
.quick-entrance-wrapper {
position: absolute;
right: 0;
top: 1.5rem;
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.9rem;
font-size: 0.85rem;
padding: 0.5rem;
margin-bottom: 1rem;
margin-bottom: 0.5rem;
letter-spacing: 1px;
}
}
.container {
......