更新底部导航
54
pages.json
@ -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
@ -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"></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>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 963 B After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 963 B After Width: | Height: | Size: 2.1 KiB |
BIN
static/shouy.png
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 3.0 KiB |
BIN
static/wode.png
|
Before Width: | Height: | Size: 985 B After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 985 B After Width: | Height: | Size: 2.3 KiB |
@ -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({
|
||||
|
||||