Kaynağa Gözat

gxx

tags/2.2.4
batman 6 yıl önce
ebeveyn
işleme
1ffd6ec9a4
5 değiştirilmiş dosya ile 270 ekleme ve 10 silme
  1. +8
    -8
      app.json
  2. +61
    -1
      pages/order/details/index.wxml
  3. +145
    -0
      pages/order/details/index.wxss
  4. +9
    -1
      pages/success/index.wxml
  5. +47
    -0
      pages/success/index.wxss

+ 8
- 8
app.json Dosyayı Görüntüle

@@ -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",


+ 61
- 1
pages/order/details/index.wxml Dosyayı Görüntüle

@@ -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>

+ 145
- 0
pages/order/details/index.wxss Dosyayı Görüntüle

@@ -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;
}

+ 9
- 1
pages/success/index.wxml Dosyayı Görüntüle

@@ -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>

+ 47
- 0
pages/success/index.wxss Dosyayı Görüntüle

@@ -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;
}

Yükleniyor…
İptal
Kaydet