优化页面样式

This commit is contained in:
weipengfei 2023-08-09 10:31:02 +08:00
parent e4f4a3b58f
commit 1f07efe624

View File

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