mkm/OfficeApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化页面样式

Browse Source
This commit is contained in:
weipengfei 2023-08-09 10:31:02 +08:00
parent e4f4a3b58f
commit 1f07efe624
1 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
pages/logistics/index.vue
View File

@ -1,17 +1,18 @@
<template> <template>
<view class="content"> <view class="content">
<u-search placeholder="搜索你的订单" @search="getOrderList" :show-action='false' bg-color='white' <view style="background-color: #fff;padding: 18rpx 28rpx 0 18rpx;">
<u-search placeholder="搜索你的订单" @search="getOrderList" :show-action='false' bg-color='#f5f5f5'
v-model="keywords"></u-search> v-model="keywords"></u-search>
<view style="margin: 10rpx 0 0 0;">
</view> </view>
<u-sticky bgColor="#F5F5F5"> <!-- <view style="margin: 10rpx 0 0 0;"></view> -->
<u-subsection :list="list" :current="curNow" @change="sectionChange"></u-subsection> <u-sticky bgColor="#fff">
<u-tabs :list="list" :current="curNow" @change="sectionChange" :scrollable="false"></u-tabs>
</u-sticky> </u-sticky>
<view v-if="!orderlist.length"> <view v-if="!orderlist.length">
<u-empty mode="data" icon="../../static/img/empty/data.png"> <u-empty mode="data" icon="../../static/img/empty/data.png">
</u-empty> </u-empty>
</view> </view>
<view v-else> <view v-else style="padding: 28rpx;">
<logistiCard v-for='(item,index) in orderlist' @getlist="getOrderList" :goodsInfo="item" :key="index"> <logistiCard v-for='(item,index) in orderlist' @getlist="getOrderList" :goodsInfo="item" :key="index">
</logistiCard> </logistiCard>
</view> </view>
@ -33,14 +34,14 @@
data() { data() {
return { return {
keywords: "", keywords: "",
list: ['待取货', '已取货', '已送达'], list: [{name:'待取货'}, {name:'已取货'}, {name:'已送达'}],
curNow: 0, curNow: 0,
orderlist: [] orderlist: []
} }
}, },
methods: { methods: {
sectionChange(index) { sectionChange(e) {
this.curNow = index; this.curNow = e.index;
this.getOrderList() this.getOrderList()
// console.log(this.curNow) // console.log(this.curNow)
}, },
@ -71,8 +72,4 @@
</script> </script>
<style lang='scss'> <style lang='scss'>
.content {
background-color: #F5F5F5;
padding: 1vh 2vw;
}
</style> </style>