| | |
| | | indicatorInactiveColor="#fff" |
| | | indicatorPosition="center" |
| | | ></u-swiper> |
| | | <view class="lb-bottom"> |
| | | <image :src="lbBottomPng" /> |
| | | </view> |
| | | <u-grid :col="4" :border="false" class="grid" @click="gridClick"> |
| | | <u-grid-item v-for="(baseListItem,baseListIndex) in baseList" :key="baseListIndex"> |
| | | <u-image :src="baseListItem.src" :width="26" :height="26"></u-image> |
| | |
| | | |
| | | <script setup> |
| | | import { onMounted, reactive, ref } from 'vue' |
| | | import lbPng from '@/static/images/lb.png' |
| | | import lbPng from '@/static/images/lbt.png' |
| | | import kyxxPng from '@/static/images/kyxx.png' |
| | | import fxsqPng from '@/static/images/fxsq.png' |
| | | import flfgPng from '@/static/images/flfg.png' |
| | | import zczdPng from '@/static/images/zczd.png' |
| | | import docSvg from '@/static/images/doc.png' |
| | | import lbBottomPng from '@/static/images/lb_bottom.png' |
| | | import { sysNoticePageInfoApi, droneFlightTaskApi } from '@/api/index' |
| | | const lbList = reactive([]); |
| | | // lbPng 轮播图 5次 |
| | |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | :deep(.u-swiper) { |
| | | border-radius: 0 0 100px 100px; |
| | | position: relative; |
| | | |
| | | .lb-bottom { |
| | | position: absolute; |
| | | top: 370rpx; |
| | | left: 0; |
| | | width: 100%; |
| | | image { |
| | | width: 100%; |
| | | height: 32rpx; |
| | | } |
| | | } |
| | | :deep(.u-grid) { |
| | | margin-top: 40rpx; |
| | |
| | | .title { |
| | | padding: 40rpx 40rpx 0rpx 0rpx; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 16px; |
| | | color: #222324; |
| | | font-weight: bolder; |
| | | font-size: 32rpx; |
| | | color: #1D2129; |
| | | } |
| | | } |
| | | .card { |