159 lines
2.8 KiB
Vue
159 lines
2.8 KiB
Vue
<template>
|
||
<view class="pages">
|
||
<u-navbar title="订单管理" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff"
|
||
title-size='36' height='50'></u-navbar>
|
||
<view class="time">
|
||
<view class="timetit">
|
||
时间范围
|
||
</view>
|
||
<view class="timert">
|
||
<view class="xztime"></view> - <view class="xztime"></view>
|
||
<view class="qinc">×</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="serch">
|
||
<input type="text" placeholder="请输入SN码或手机号" />
|
||
<view class="">搜索</view>
|
||
</view>
|
||
|
||
<u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
|
||
|
||
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
bgc: {
|
||
backgroundColor: "#8883F0",
|
||
},
|
||
list: [{
|
||
name: '待收货'
|
||
}, {
|
||
name: '待付款'
|
||
}, {
|
||
name: '待评价',
|
||
}],
|
||
current: 0
|
||
}
|
||
},
|
||
onLoad() {
|
||
|
||
},
|
||
// 分享到好友（会话）
|
||
onShareAppMessage: function() {
|
||
return {
|
||
title: '创想物联',
|
||
path: '/pages/shouye/index'
|
||
}
|
||
},
|
||
|
||
// 分享到朋友圈
|
||
onShareTimeline: function() {
|
||
return {
|
||
title: '创想物联',
|
||
query: '',
|
||
path: '/pages/shouye/index'
|
||
}
|
||
},
|
||
methods: {
|
||
change(index) {
|
||
this.current = index;
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
/deep/ .u-title {
|
||
padding-bottom: 22rpx;
|
||
}
|
||
|
||
/deep/ .u-icon__icon {
|
||
padding-bottom: 22rpx;
|
||
}
|
||
|
||
.serch {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
// margin-top: 30rpx;
|
||
padding: 0 40rpx;
|
||
box-sizing: border-box;
|
||
// margin-bottom: 30rpx;
|
||
height: 120rpx;
|
||
background-color: #fff;
|
||
input {
|
||
width: 100%;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
padding-left: 50rpx;
|
||
border: 1px solid #ccc;
|
||
border-radius: 10rpx;
|
||
}
|
||
|
||
view {
|
||
width: 170rpx;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
text-align: center;
|
||
color: #fff;
|
||
background-color: #8883F0;
|
||
border-radius: 10rpx;
|
||
margin-left: 30rpx;
|
||
}
|
||
}
|
||
|
||
.time {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
// margin-top: 50rpx;
|
||
height: 110rpx;
|
||
padding-top: 40rpx !important;
|
||
padding: 0 40rpx;
|
||
box-sizing: border-box;
|
||
background-color: #fff;
|
||
.timetit {
|
||
font-weight: 600;
|
||
font-size: 30rpx;
|
||
}
|
||
|
||
.timert {
|
||
display: flex;
|
||
line-height: 60rpx;
|
||
justify-content: space-between;
|
||
|
||
.xztime {
|
||
width: 200rpx;
|
||
height: 60rpx;
|
||
border: 1px solid #ccc;
|
||
border-radius: 10rpx;
|
||
text-align: center;
|
||
margin-left: 10rpx;
|
||
margin-right: 10rpx;
|
||
}
|
||
|
||
.qinc {
|
||
font-size: 50rpx;
|
||
color: #ccc;
|
||
width: 80rpx;
|
||
height: 60rpx;
|
||
text-align: center;
|
||
}
|
||
}
|
||
}
|
||
|
||
page {
|
||
background-color: #F7FAFE !important;
|
||
}
|
||
|
||
.pages {
|
||
// padding: 0 40rpx;
|
||
// box-sizing: border-box;
|
||
}
|
||
</style> |