更新底部导航
54
pages.json
@ -20,46 +20,28 @@
|
|||||||
"path": "pages/tabBar/home/home",
|
"path": "pages/tabBar/home/home",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
"navigationStyle":"custom",
|
"navigationStyle":"custom"
|
||||||
"app-plus": {
|
|
||||||
"titleNView": {
|
|
||||||
"buttons": [{
|
|
||||||
"text": "\ue534",
|
|
||||||
"fontSize": "24px",
|
|
||||||
"color": "#FFFFFF"
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/tabBar/search/search",
|
"path": "pages/tabBar/order/order",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "查件",
|
"navigationBarTitleText": "",
|
||||||
"app-plus": {
|
"navigationStyle":"custom"
|
||||||
"titleNView": {
|
}
|
||||||
"buttons": [{
|
},
|
||||||
"text": "\ue534",
|
{
|
||||||
"fontSize": "24px",
|
"path": "pages/tabBar/deal/deal",
|
||||||
"color": "#FFFFFF"
|
"style": {
|
||||||
}]
|
"navigationBarTitleText": "",
|
||||||
}
|
"navigationStyle":"custom"
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/tabBar/mine/mine",
|
"path": "pages/tabBar/mine/mine",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "我的",
|
"navigationBarTitleText": "",
|
||||||
"app-plus": {
|
"navigationStyle":"custom"
|
||||||
"titleNView": {
|
|
||||||
"buttons": [{
|
|
||||||
"text": "\ue534",
|
|
||||||
"fontSize": "24px",
|
|
||||||
"color": "#FFFFFF"
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
@ -87,9 +69,9 @@
|
|||||||
}],
|
}],
|
||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
"pageOrientation": "portrait",
|
"pageOrientation": "portrait",
|
||||||
"navigationBarTitleText": "Hello uniapp",
|
"navigationBarTitleText": "探路物流",
|
||||||
"navigationBarTextStyle": "white",
|
"navigationBarTextStyle": "black",
|
||||||
"navigationBarBackgroundColor": "#B12D29",
|
"navigationBarBackgroundColor": "#fff",
|
||||||
"backgroundColor": "#fff",
|
"backgroundColor": "#fff",
|
||||||
"backgroundColorTop": "#F4F5F6",
|
"backgroundColorTop": "#F4F5F6",
|
||||||
"backgroundColorBottom": "#F4F5F6",
|
"backgroundColorBottom": "#F4F5F6",
|
||||||
@ -117,13 +99,13 @@
|
|||||||
"text": "首页"
|
"text": "首页"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/tabBar/search/search",
|
"pagePath": "pages/tabBar/order/order",
|
||||||
"iconPath": "static/dingdan.png",
|
"iconPath": "static/dingdan.png",
|
||||||
"selectedIconPath": "static/dingdanSLT.png",
|
"selectedIconPath": "static/dingdanSLT.png",
|
||||||
"text": "订单"
|
"text": "订单"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/tabBar/search/search",
|
"pagePath": "pages/tabBar/deal/deal",
|
||||||
"iconPath": "static/caozuo.png",
|
"iconPath": "static/caozuo.png",
|
||||||
"selectedIconPath": "static/caozuoSLT.png",
|
"selectedIconPath": "static/caozuoSLT.png",
|
||||||
"text": "操作"
|
"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>
|
<script>
|
||||||
import Home from '@/pages/tabBar/home/home.vue'
|
import Home from '@/pages/tabBar/home/home.vue'
|
||||||
import Mine from '@/pages/tabBar/mine/mine.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 {
|
import {
|
||||||
mapMutations,
|
mapMutations,
|
||||||
@ -24,7 +25,8 @@
|
|||||||
nav: [
|
nav: [
|
||||||
'Home',
|
'Home',
|
||||||
'Mine',
|
'Mine',
|
||||||
'Search'
|
'Order',
|
||||||
|
'Deal'
|
||||||
],
|
],
|
||||||
isPC: false
|
isPC: false
|
||||||
}
|
}
|
||||||
@ -32,7 +34,8 @@
|
|||||||
components: {
|
components: {
|
||||||
Home,
|
Home,
|
||||||
Mine,
|
Mine,
|
||||||
Search
|
Order,
|
||||||
|
Deal
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapState({
|
...mapState({
|
||||||
|
|||||||