165 lines
3.2 KiB
Vue
165 lines
3.2 KiB
Vue
<template>
|
|
<view>
|
|
<view class="index_box">
|
|
|
|
<view class="onebox">
|
|
<view class="onebox_one">
|
|
<text class="onebox_one_text">我的订单</text>
|
|
<view class="onebox_one_one flex-around">
|
|
<view class="flex-colum" v-for="(item,index) in 4" :key="index" @click="order(index)">
|
|
<text>待付款</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="towbox flex-between">
|
|
<view class="towbox_item flex-start" v-for="(item,index) in 2">
|
|
<image src="@/static/logo.png" mode=""></image>
|
|
<view class="flex-colum">
|
|
<text>余额</text>
|
|
<view>0<text>元</text></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="therebox">
|
|
<view class="therebox_item flex-between" v-for="(item,index) in 3">
|
|
<view class="flex-start">
|
|
<image src="@/static/logo.png" mode=""></image>
|
|
<text>优惠券</text>
|
|
</view>
|
|
<u-icon name="arrow-right" color="#9b9b9b" size="14"></u-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<bottombbar :valuebbar='3'></bottombbar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
navtitle: '', //名称
|
|
navboxshow: '0', //显示
|
|
Background: 'none',
|
|
}
|
|
},
|
|
methods: {
|
|
order(e){
|
|
uni.pro.navigateTo('my/order/index',{e:e})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background: #F9F9F9;
|
|
}
|
|
|
|
.index_box {
|
|
padding: 0 32rpx;
|
|
width: 100%;
|
|
height: 502rpx;
|
|
background-size: cover;
|
|
|
|
.index_boxone {
|
|
image {
|
|
width: 124rpx;
|
|
height: 124rpx;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
.onebox {
|
|
position: relative;
|
|
top:40rpx;
|
|
.onebox_one {
|
|
width: 100%;
|
|
background: #FFFFFF;
|
|
border-radius: 12rpx;
|
|
padding: 32rpx;
|
|
.onebox_one_text{
|
|
font-size: 32rpx;
|
|
font-family: PingFang SC-Bold, PingFang SC;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
}
|
|
.onebox_one_one{
|
|
margin-top: 32rpx;
|
|
.flex-colum{
|
|
image{
|
|
width: 64rpx;
|
|
height: 64rpx;
|
|
}
|
|
text{
|
|
margin-top: 16rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.towbox{
|
|
margin-top: 64rpx;
|
|
.towbox_item{
|
|
width:48%;
|
|
background: #FFFFFF;
|
|
padding: 32rpx 30rpx;
|
|
border-radius:12rpx;
|
|
image{
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
}
|
|
.flex-colum{
|
|
margin-left: 28rpx;
|
|
text{
|
|
font-size: 28rpx;
|
|
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
|
|
font-weight: 500;
|
|
color: #999999;
|
|
}
|
|
view{
|
|
font-size: 32rpx;
|
|
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
text{
|
|
color: #333333;
|
|
font-size: 22rpx;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
.therebox{
|
|
margin-top: 32rpx;
|
|
width: 100%;
|
|
background: #FFFFFF;
|
|
border-radius:12rpx;
|
|
padding:0 32rpx 32rpx 32rpx;
|
|
.therebox_item{
|
|
padding-top: 32rpx;
|
|
.flex-start{
|
|
image{
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
text{
|
|
margin-left: 24rpx;
|
|
font-size: 28rpx;
|
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
</style> |