@@ -1,16 +1,16 @@ | |||
{ | |||
"pages": [ | |||
"pages/index/index", | |||
"pages/coupons/details/index", | |||
"pages/coupons/index/index", | |||
"pages/user/index", | |||
"pages/order/details/index", | |||
"pages/market/index", | |||
"pages/order/index/index", | |||
"pages/user/index", | |||
"pages/coupons/index/index", | |||
"pages/coupons/details/index", | |||
"pages/success/index", | |||
"pages/login/index", | |||
"pages/order/index/index", | |||
"pages/order/details/index", | |||
"pages/index/index", | |||
"pages/shop/index/index", | |||
"pages/shop/details/index", | |||
"pages/success/index" | |||
"pages/shop/details/index" | |||
], | |||
"tabBar": { | |||
"color":"#9F9F9F", | |||
@@ -1 +1,61 @@ | |||
<text>pages/t/index.wxml</text> | |||
<view class='order'> | |||
<view class='tips'> | |||
<text class='iconfont icon-choose'></text> | |||
<text>付款成功,请尽快到门店使用</text> | |||
</view> | |||
<view class='section'> | |||
<view class='detail_msg'> | |||
<view class='logo'> | |||
<image src='http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'></image> | |||
</view> | |||
<view class='info'> | |||
<view> | |||
<text>黑椒牛排</text> | |||
</view> | |||
<view> | |||
<text>购买数量:</text>1件</view> | |||
<view> | |||
<text>下单时间:</text>2018-07-10 11:30</view> | |||
</view> | |||
</view> | |||
<view class='payment'> | |||
<view></view> | |||
<view> | |||
<text>¥1.00</text> | |||
<text>¥59.00</text> | |||
</view> | |||
</view> | |||
</view> | |||
<view class='classif'> | |||
<view> | |||
<text>有效期:</text> | |||
<text>2018-07-10 至 2018-07-10</text> | |||
</view> | |||
<view> | |||
<text>适用门店</text> | |||
<text class='iconfont icon-right'></text> | |||
</view> | |||
<view> | |||
<view> | |||
<text>兑换码:</text> | |||
<text>1234567890</text> | |||
</view> | |||
<view> | |||
<icon class='iconfont icon-dingweib'></icon> | |||
<icon class='iconfont icon-right'></icon> | |||
</view> | |||
</view> | |||
<view> | |||
<text>下单时间</text> | |||
<text>2018-07-10 11:30</text> | |||
</view> | |||
<view> | |||
<text>订单编号</text> | |||
<text>1234567890</text> | |||
</view> | |||
<view> | |||
<text>订单金额</text> | |||
<text>¥1.00</text> | |||
</view> | |||
</view> | |||
</view> |
@@ -0,0 +1,145 @@ | |||
@import '../../../app.wxss'; | |||
.order { | |||
width: 100%; | |||
} | |||
.tips { | |||
width: 92%; | |||
height: 88rpx; | |||
background: #00C0FF; | |||
color: #fff; | |||
padding: 0 4%; | |||
line-height: 88rpx; | |||
} | |||
.tips text:nth-child(2) { | |||
font-size: 24rpx; | |||
padding-left: 16rpx; | |||
} | |||
.tips text:nth-child(1) { | |||
width: 32rpx; | |||
height: 32rpx; | |||
background: #fff; | |||
border-radius: 50%; | |||
color: #00C0FF; | |||
line-height: 32rpx; | |||
text-align: center; | |||
display: inline-block; | |||
font-size: 28rpx; | |||
} | |||
.section { | |||
margin-top: 2%; | |||
} | |||
.detail_msg { | |||
width: 92%; | |||
height: 220rpx !important; | |||
background: #fff; | |||
display: flex; | |||
margin: 0 4%; | |||
margin-top: 2%; | |||
border-bottom: 1px solid #ededed; | |||
} | |||
.logo { | |||
width: 248rpx; | |||
height: 184rpx; | |||
border-radius: 30rpx; | |||
} | |||
.logo image { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.info view:nth-child(1) { | |||
display: flex; | |||
justify-content: space-between; | |||
padding: 0 4%; | |||
} | |||
.info { | |||
width: 100%; | |||
} | |||
.info view:nth-child(1) { | |||
margin-bottom: 72rpx; | |||
} | |||
.info view:nth-child(1) text { | |||
font-size: 30rpx; | |||
} | |||
.info view:nth-child(1) text:nth-child(2) { | |||
color: #ffae00; | |||
font-size: 24rpx; | |||
} | |||
.info view:nth-child(2), .info view:nth-child(3) { | |||
color: #ff3434; | |||
font-size: 24rpx; | |||
padding-left: 4%; | |||
} | |||
.info view:nth-child(2) text, .info view:nth-child(3) text { | |||
font-size: 22rpx; | |||
color: #b8b8b8; | |||
} | |||
.info view:nth-child(3) { | |||
margin-top: 5rpx; | |||
} | |||
.payment { | |||
width: 92%; | |||
height: 120rpx; | |||
line-height: 120rpx; | |||
padding: 0 4%; | |||
display: flex; | |||
justify-content: space-between; | |||
border-bottom: 20rpx solid #EDEDED; | |||
} | |||
.payment view:nth-child(2) text:nth-child(1) { | |||
font-size: 36rpx; | |||
color: #ff3434; | |||
font-weight: bold; | |||
} | |||
.payment view:nth-child(2) text:nth-child(2) { | |||
font-size: 24rpx; | |||
color: #b4b4b4; | |||
padding-left: 18rpx; | |||
text-decoration: line-through; | |||
} | |||
.classif { | |||
width: 100%; | |||
} | |||
.classif>view{ | |||
height: 88rpx; | |||
line-height: 88rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
padding-left: 4%; | |||
padding-right: 4%; | |||
} | |||
.classif>view text{ | |||
font-size: 30rpx; | |||
} | |||
.classif>view text:nth-child(2){ | |||
color: #B8B8B8; | |||
font-size: 30rpx; | |||
} | |||
.classif>view:nth-child(1) { | |||
display: block; | |||
} | |||
.classif>view:nth-child(1) text:nth-child(2) { | |||
padding-left: 15rpx; | |||
} | |||
.classif>view:nth-child(3),.classif>view:nth-child(4) { | |||
border-top: 20rpx solid #EDEDED; | |||
} | |||
.classif>view:nth-child(3) view text:nth-child(2) { | |||
padding-left: 15rpx; | |||
} | |||
.classif>view:nth-child(6) text:nth-child(2){ | |||
color: #FF3434; | |||
font-weight: bold; | |||
} |
@@ -1 +1,9 @@ | |||
<text>pages/t/index.wxml</text> | |||
<view class='success'> | |||
<view class='success_logo'> | |||
<icon class='iconfont icon-choose'></icon> | |||
<text>购买成功</text> | |||
</view> | |||
<button class='check'>查看订单</button> | |||
<button>继续逛逛</button> | |||
<button>去使用</button> | |||
</view> |
@@ -0,0 +1,47 @@ | |||
.success { | |||
width: 100%; | |||
height: 100%; | |||
background: #f6f6f6; | |||
position: absolute; | |||
} | |||
.success_logo { | |||
width: 201rpx; | |||
height: 281rpx; | |||
margin: 10% auto; | |||
display: flex; | |||
flex-direction: column; | |||
margin-bottom: 20%; | |||
} | |||
.success_logo icon { | |||
width: 201rpx; | |||
height: 201rpx; | |||
background: #00c0ff; | |||
border-radius: 50%; | |||
color: #fff; | |||
font-size: 40px; | |||
text-align: center; | |||
line-height: 201rpx; | |||
} | |||
.success_logo text { | |||
font-size: 36rpx; | |||
text-align: center; | |||
padding-top: 3%; | |||
} | |||
.success button { | |||
width: 504rpx; | |||
height: 88rpx; | |||
background: #00c0ff; | |||
color: #fff; | |||
margin: 3% auto; | |||
font-size: 36rpx; | |||
} | |||
.check { | |||
background: #fff!important; | |||
color: #00c0ff!important; | |||
border:1px solid #00c0ff; | |||
} |