uu
This commit is contained in:
parent
239f95f91c
commit
01cad72ebe
54
components/tpx-navigation-height/tpx-navigation-height.vue
Normal file
54
components/tpx-navigation-height/tpx-navigation-height.vue
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
<template>
|
||||||
|
<view class="" :style="contStyle">
|
||||||
|
<slot></slot>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
contStyle(){
|
||||||
|
let sty = ``
|
||||||
|
sty += `padding-top: ${this.menuTop}rpx;`
|
||||||
|
if(typeof this.menuHeight != 'undefined') {
|
||||||
|
sty += `min-height:${this.menuHeight}rpx;`
|
||||||
|
}
|
||||||
|
return sty
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
menuTop: 60, // 默认60
|
||||||
|
menuHeight: undefined, //
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getMenuButton()
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
unmounted() {},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
getMenuButton(){
|
||||||
|
const that = this;
|
||||||
|
// 获取系统信息
|
||||||
|
const systemInfo = wx.getSystemInfoSync();
|
||||||
|
if(uni.getMenuButtonBoundingClientRect) {
|
||||||
|
// 小程序 胶囊按钮位置信息
|
||||||
|
const menuButtonInfo = uni.getMenuButtonBoundingClientRect();
|
||||||
|
this.menuTop = menuButtonInfo.top + systemInfo.statusBarHeight;
|
||||||
|
this.menuHeight = menuButtonInfo.height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -2,10 +2,12 @@
|
|||||||
<tpx-page>
|
<tpx-page>
|
||||||
<tpx-layout>
|
<tpx-layout>
|
||||||
<template v-slot:header>
|
<template v-slot:header>
|
||||||
<view class="customer_nav_bar">
|
<view class="search_nav_bar">
|
||||||
<view class="com-jianju" style="width: 490rpx;">
|
<view class="com-jianju" style="width: 490rpx;">
|
||||||
<!-- 关键字搜索框 -->
|
<tpx-navigation-height>
|
||||||
<tpx-search placeholder="请输入运单号/订单号" v-model:value="searchParam.billCode" @change="handleSearch" bgColor="#FFF" :timelyTrigger="false"></tpx-search>
|
<!-- 关键字搜索框 -->
|
||||||
|
<tpx-search placeholder="请输入运单号/订单号" v-model:value="searchParam.billCode" @change="handleSearch" bgColor="#FFF" :timelyTrigger="false"></tpx-search>
|
||||||
|
</tpx-navigation-height>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="com-jianju" style="padding-top: 40rpx;">
|
<view class="com-jianju" style="padding-top: 40rpx;">
|
||||||
@ -263,9 +265,7 @@
|
|||||||
background-color: #F6F6F6;
|
background-color: #F6F6F6;
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
}
|
||||||
.customer_nav_bar {
|
.search_nav_bar {
|
||||||
// padding-top: --status-bar-height;
|
|
||||||
padding-top: 80rpx;
|
|
||||||
background-color: #B12D29;
|
background-color: #B12D29;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -72,16 +72,16 @@
|
|||||||
{ title: '专属小哥', subTitle: "下单给专属业务员", icon: getCdnUrl(`sdg/btn-bindbr.png`), url: 'user/exclusiveCourier' }
|
{ title: '专属小哥', subTitle: "下单给专属业务员", icon: getCdnUrl(`sdg/btn-bindbr.png`), url: 'user/exclusiveCourier' }
|
||||||
],
|
],
|
||||||
toolBtnlist: [
|
toolBtnlist: [
|
||||||
{ title: '进仓单', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-jcd.png`), url: 'warehousing/list' },
|
{ title: '进仓单', subTitle: "货物进仓信息", icon: getCdnUrl(`sdg/t-jcd.png`), url: 'warehousing/list' },
|
||||||
{ title: '运费时效', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-shisuan.png`), url: 'post/freightCalculate' },
|
{ title: '运费时效', subTitle: "运费预估,时效查看", icon: getCdnUrl(`sdg/t-shisuan.png`), url: 'post/freightCalculate' },
|
||||||
{ title: '运单列表', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-dingdan.png`), url: 'tabBar/search/search' },
|
{ title: '运单列表', subTitle: "寄件,收件运单", icon: getCdnUrl(`sdg/t-dingdan.png`), url: 'tabBar/search/search' },
|
||||||
{ title: '网点查询', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-wangdain.png`), url: 'service/list' },
|
{ title: '网点查询', subTitle: "查看收寄件网点", icon: getCdnUrl(`sdg/t-wangdain.png`), url: 'service/list' },
|
||||||
{ title: '地址簿', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-dizhi.png`), url: 'address/list' },
|
{ title: '地址簿', subTitle: "收件 寄件地址管理", icon: getCdnUrl(`sdg/t-dizhi.png`), url: 'address/list' },
|
||||||
{ title: '信息速递', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-xuzhi.png`), url: 'service/articlelist' },
|
{ title: '信息速递', subTitle: "快递信息列表", icon: getCdnUrl(`sdg/t-xuzhi.png`), url: 'service/articlelist' },
|
||||||
// { title: 'HSCODE', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-HS.png`), url: '' },
|
// { title: 'HSCODE', subTitle: "海关归类信息", icon: getCdnUrl(`sdg/t-HS.png`), url: '' },
|
||||||
// { title: 'RECP', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-RE.png`), url: '' },
|
// { title: 'RECP', subTitle: "优惠税率安排查询", icon: getCdnUrl(`sdg/t-RE.png`), url: '' },
|
||||||
{ title: '扫码寄件', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-saoma.png`), url: 'action:smjj' },
|
{ title: '扫码寄件', subTitle: "扫描条码发货", icon: getCdnUrl(`sdg/t-saoma.png`), url: 'action:smjj' },
|
||||||
{ title: '快递查询', subTitle: "这里是短语简介", icon: getCdnUrl(`sdg/t-yundan.png`), url: 'post/query' },
|
{ title: '快递查询', subTitle: "快递单跟踪查询", icon: getCdnUrl(`sdg/t-yundan.png`), url: 'post/query' },
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user