鏡像自
https://github.com/ialley-workshop-open/uni-halo.git
已同步 2026-06-12 13:19:31 +08:00
feat: 优化首页快捷导航
此提交包含在:
@@ -30,15 +30,16 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 金刚区 :v-if="navList.filter(x=>x.show).length>=4" -->
|
<!-- 金刚区 :v-if="navList.filter(x=>x.show).length>=4" -->
|
||||||
<view :v-if="navList.filter(x=>x.show).length>=4" class="nav-box">
|
<view :v-if="navList.filter(x=>x.show).length>=4" class="nav-box mt-16 mb-24 pl-24 pr-24 uh-py-12">
|
||||||
<view class="nav-list flex">
|
<view class="page-item_title text-weight-b ">快捷导航</view>
|
||||||
<template v-for="(item,index) in navList" >
|
<view class="nav-list flex uh-mt-12">
|
||||||
|
<template v-for="(item,index) in navList">
|
||||||
<view v-if="item.show" class="nav-item" :key="index" @click="fnClickNav(item)">
|
<view v-if="item.show" class="nav-item" :key="index" @click="fnClickNav(item)">
|
||||||
<!-- :class="[item.bgClass]" -->
|
<!-- :class="[item.bgClass]" -->
|
||||||
<view class="nav-item-icon" :class="[item.bgClass]" :style="{
|
<view class="nav-item-icon" :style="{
|
||||||
'--bgColor':item.bgColor,
|
'--bgColor':item.bgColor,
|
||||||
// boxShadow: '0rpx 0rpx 6rpx ' + item.shadow,
|
boxShadow: '0rpx 0rpx 6rpx ' + item.shadow,
|
||||||
// backgroundColor: item.bgColor
|
backgroundColor: item.bgColor
|
||||||
}">
|
}">
|
||||||
<tm-icons :size="48" color="white" prefx="halocoloricon" :name="item.icon"></tm-icons>
|
<tm-icons :size="48" color="white" prefx="halocoloricon" :name="item.icon"></tm-icons>
|
||||||
</view>
|
</view>
|
||||||
@@ -551,7 +552,7 @@
|
|||||||
iconColor: '',
|
iconColor: '',
|
||||||
path: '/pagesA/votes/votes',
|
path: '/pagesA/votes/votes',
|
||||||
type: 'page',
|
type: 'page',
|
||||||
show: this.haloConfigs.loveConfig.loveEnabled
|
show: true
|
||||||
}, {
|
}, {
|
||||||
key: 'disclaimers',
|
key: 'disclaimers',
|
||||||
title: '友情链接',
|
title: '友情链接',
|
||||||
@@ -705,13 +706,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.nav-box {
|
.nav-box {
|
||||||
padding: 24rpx 8rpx;
|
|
||||||
background-color: #ffff;
|
background-color: #ffff;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-bottom: 24rpx;
|
margin-bottom: 24rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-list {
|
.nav-list {
|
||||||
|
flex-wrap: wrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
// justify-content: space-between;
|
// justify-content: space-between;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
|||||||
新增問題並參考
封鎖使用者