更新底部导航

This commit is contained in:
aihe 2023-12-19 00:53:33 +08:00
parent a293df6e10
commit 0ba101f79e
12 changed files with 202 additions and 39 deletions

View File

@ -20,46 +20,28 @@
"path": "pages/tabBar/home/home",
"style": {
"navigationBarTitleText": "",
"navigationStyle":"custom",
"app-plus": {
"titleNView": {
"buttons": [{
"text": "\ue534",
"fontSize": "24px",
"color": "#FFFFFF"
}]
}
}
"navigationStyle":"custom"
}
},
{
"path": "pages/tabBar/search/search",
"path": "pages/tabBar/order/order",
"style": {
"navigationBarTitleText": "查件",
"app-plus": {
"titleNView": {
"buttons": [{
"text": "\ue534",
"fontSize": "24px",
"color": "#FFFFFF"
}]
}
}
"navigationBarTitleText": "",
"navigationStyle":"custom"
}
},
{
"path": "pages/tabBar/deal/deal",
"style": {
"navigationBarTitleText": "",
"navigationStyle":"custom"
}
},
{
"path": "pages/tabBar/mine/mine",
"style": {
"navigationBarTitleText": "我的",
"app-plus": {
"titleNView": {
"buttons": [{
"text": "\ue534",
"fontSize": "24px",
"color": "#FFFFFF"
}]
}
}
"navigationBarTitleText": "",
"navigationStyle":"custom"
}
}
],
@ -87,9 +69,9 @@
}],
"globalStyle": {
"pageOrientation": "portrait",
"navigationBarTitleText": "Hello uniapp",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#B12D29",
"navigationBarTitleText": "探路物流",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#fff",
"backgroundColor": "#fff",
"backgroundColorTop": "#F4F5F6",
"backgroundColorBottom": "#F4F5F6",
@ -117,13 +99,13 @@
"text": "首页"
},
{
"pagePath": "pages/tabBar/search/search",
"pagePath": "pages/tabBar/order/order",
"iconPath": "static/dingdan.png",
"selectedIconPath": "static/dingdanSLT.png",
"text": "订单"
},
{
"pagePath": "pages/tabBar/search/search",
"pagePath": "pages/tabBar/deal/deal",
"iconPath": "static/caozuo.png",
"selectedIconPath": "static/caozuoSLT.png",
"text": "操作"

178
pages/tabBar/deal/deal.vue Normal file
View File

@ -0,0 +1,178 @@
<template>
<view class="uni-container">
<view v-if="!hasLeftWin" class="uni-header-logo">
<image class="uni-header-image" src="/static/extuiIndex.png"></image>
</view>
<view v-if="!hasLeftWin" class="uni-hello-text">
<text class="hello-text"></text>
</view>
<view :class="{'pc-hide': hideList.indexOf(item.url) !== -1 && hasLeftWin}" class="uni-panel"
v-for="item in lists" :key="item.url">
<view :class="{'left-win-active': leftWinActive === item.url && hasLeftWin}" class="uni-panel-h"
@click="goDetailPage(item.url)">
<text class="uni-panel-text">{{item.name}}</text>
<text class="uni-panel-icon uni-icon">&#xe470;</text>
</view>
</view>
</view>
</template>
<script>
export default {
props: {
hasLeftWin: {
type: Boolean
},
leftWinActive: {
type: String
}
},
data() {
return {
hideList: [
'load-more'
],
lists: [
{
name: "uni-forms 表单",
url: "forms"
},
{
name: "uni-badge 数字角标",
url: "badge"
},
{
name: "uni-breadcrumb 面包屑",
url: "breadcrumb"
},
// {
// name: "uni-calendar 日历",
// url: "calendar"
// },
{
name: "uni-card 卡片",
url: "card"
},
{
name: "uni-collapse 折叠面板",
url: "collapse"
},
// #ifndef APP-NVUE
{
name: "uni-combox 组合框",
url: "combox"
},
// #endif
{
name: "uni-data-checkbox 数据选择器",
url: "data-checkbox"
},
{
name: "uni-data-picker 数据驱动的picker选择器",
url: "data-picker"
},
{
name: "uni-data-select 数据驱动的下拉框",
url: "data-select"
},
{
name: "uni-dateformat 日期格式化",
url: "dateformat"
},
{
name: "uni-datetime-picker 日期选择器",
url: "datetime-picker"
},
{
name: "uni-easyinput 增强输入框",
url: "easyinput"
},
{
name: "uni-fab 悬浮按钮",
url: "fab"
},
{
name: "uni-goods-nav 商品导航",
url: "goods-nav"
},
{
name: "uni-grid 宫格",
url: "grid"
},
{
name: "uni-group 分组",
url: "group"
},
{
name: "uni-icons 图标",
url: "icons"
},
{
name: "uni-notice-bar 通告栏",
url: "notice-bar"
},
{
name: "uni-number-box 数字输入框",
url: "number-box"
},
{
name: "uni-pagination 分页器",
url: "pagination"
},
{
name: "uni-popup 弹出层",
url: "popup"
},
{
name: "uni-tooltip 文字提示",
url: "tooltip"
},
]
};
},
onLoad() {},
onReady() {
// #ifdef APP-NVUE
uni.preloadPage({
url: "/pages/extUI/calendar/calendar",
success() {
console.log("preloadPage /pages/extUI/calendar/calendar")
},
fail() {}
})
// #endif
},
onShareAppMessage() {
return {
title: '欢迎体验uni-app',
path: '/pages/tabBar/extUI/extUI'
}
},
onNavigationBarButtonTap(e) {
uni.navigateTo({
url: '/pages/about/about'
});
},
methods: {
goDetailPage(path) {
const url = '/pages/extUI/' + path + '/' + path
if (this.hasLeftWin) {
uni.reLaunch({
url: url
})
} else {
uni.navigateTo({
url: url
})
}
}
}
}
</script>
<style lang="scss">
@import '../../../common/uni-nvue.scss';
</style>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 963 B

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 963 B

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 985 B

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 985 B

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -11,7 +11,8 @@
<script>
import Home from '@/pages/tabBar/home/home.vue'
import Mine from '@/pages/tabBar/mine/mine.vue'
import Search from '@/pages/tabBar/search/search.vue'
import Order from '@/pages/tabBar/order/order.vue'
import Deal from '@/pages/tabBar/deal/deal.vue'
import {
mapMutations,
@ -24,7 +25,8 @@
nav: [
'Home',
'Mine',
'Search'
'Order',
'Deal'
],
isPC: false
}
@ -32,7 +34,8 @@
components: {
Home,
Mine,
Search
Order,
Deal
},
computed: {
...mapState({