Ver a proveniência

xx

tags/2.2.4
batman há 6 anos
ascendente
cometimento
9c3f2083c4
3 ficheiros alterados com 237 adições e 8 eliminações
  1. +2
    -3
      app.json
  2. +45
    -5
      pages/coupons/details/index.wxml
  3. +190
    -0
      pages/coupons/details/index.wxss

+ 2
- 3
app.json Ver ficheiro

@@ -1,14 +1,13 @@
{
"pages": [
"pages/index/index",
"pages/coupons/details/index",
"pages/coupons/index/index",
"pages/user/index",
"pages/index/index",
"pages/market/index",
"pages/login/index",
"pages/coupons/details/index",
"pages/order/index/index",
"pages/order/details/index",
"pages/rushToBuy/index",
"pages/shop/index/index",
"pages/shop/details/index",
"pages/success/index"


+ 45
- 5
pages/coupons/details/index.wxml Ver ficheiro

@@ -1,6 +1,46 @@
<view class='coupons'>
<image src='{{list.coverImg}}'></image>
<text>{{list.subTitle}}</text>
<text>{{list.title}}</text>
<button bindtap='aaa'>下单</button>
</view>
<view class='banner'>
<image src='http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'></image>
</view>
<view class='coupons_info'>
<view>
<text>黑椒牛排<text>限购一件</text></text>
<text>剩余时间:<text>2天12小时25分钟</text></text>
<text>剩余件数:<text>19件</text></text>
</view>
<view>
<text>¥1.00</text>
<text>¥59.00</text>
</view>
</view>
<view class='posi'>
<view class='posi_logo'>
<view>
<image src='http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'></image>
</view>
<view>
<text>iFORMALL(西单大悦城店)</text>
<text>北京市西城区西单北大街131号</text>
</view>
</view>
<view>
<text>更多适用门店</text>
<text class='iconfont icon-right'></text>
</view>
</view>
<view class='notes'>
<view>
<text>购买须知</text>
</view>
<view>
<text><text class='spot'></text>有效期2018.01.16 至 2018.09.20</text>
<text><text class='spot'></text>除特价酒水及特价菜外全场通用</text>
<text><text class='spot'></text>无需预约,消费g高峰时可能需要等位</text>
<text><text class='spot'></text>没人最多购买2张</text>
<text><text class='spot'></text>不可使用包间</text>
<text><text class='spot'></text>堂食外带均可,可免费打包</text>
<text><text class='spot'></text>每桌限用2张</text>
</view>
</view>
<button bindtap='aaa' class='buy'>立即购买</button>
</view>

+ 190
- 0
pages/coupons/details/index.wxss Ver ficheiro

@@ -0,0 +1,190 @@
@import '../../../app.wxss';

.coupons {
width: 100%;
height: 100%;
position: absolute;
background: #f6f6f6;
}

.banner {
width: 100%;
height: 465rpx;
}

.banner image {
width: 100%;
height: 100%;
}

.coupons_info {
width: 92%;
height: 186rpx;
display: flex;
justify-content: space-between;
padding: 0 4%;
background: #fff;
}

.coupons_info view {
display: flex;
flex-direction: column;
}

.coupons_info view:nth-child(1) text {
font-size: 30rpx;
margin-top: 3%;
}

.coupons_info view:nth-child(1) text:nth-child(1) text {
color: #ff3434;
font-size: 24rpx;
border: 1px solid #ff3434;
border-radius: 6rpx;
margin-left: 2%;
padding: 0 5rpx;
}

.coupons_info view:nth-child(1) text:nth-child(2),
.coupons_info view:nth-child(1) text:nth-child(3) {
color: #b8b8b8;
font-size: 24rpx;
margin-top: 4%;
}

.coupons_info view:nth-child(1) text:nth-child(2) text,
.coupons_info view:nth-child(1) text:nth-child(3) text {
color: #ff3434;
font-size: 24rpx;
}

.coupons_info view:nth-child(2) text:nth-child(1) {
font-size: 36rpx;
color: #ff3434;
margin-top: 40rpx;
font-weight: bold;
}

.coupons_info view:nth-child(2) text:nth-child(2) {
font-size: 24rpx;
color: #b4b4b4;
text-decoration: line-through;
padding-left: 10rpx;
padding-top: 4rpx;
}

.posi {
width: 92%;
display: flex;
flex-direction: column;
padding: 0 4%;
background: #fff;
margin-top: 2%;
}

.posi>view:nth-child(2) {
width: 100%;
height: 87rpx;
display: flex;
justify-content: space-between;
border-top: 1px solid #f6f6f6;
line-height: 87rpx;
}

.posi>view:nth-child(2) text:nth-child(1) {
font-size: 30rpx;
color: #a9a9a9;
}

.posi>view:nth-child(2) text:nth-child(2) {
font-size: 30rpx;
color: #a9a9a9;
}

.posi_logo {
width: 100%;
height: 156rpx;
display: flex;
margin-top: 30rpx;
}

.posi_logo view:nth-child(1) {
width: 126rpx;
height: 126rpx;
border-radius: 50%;
overflow: hidden;
flex: 2;
}

.posi_logo view:nth-child(1) image {
width: 100%;
height: 100%;
}

.posi_logo view:nth-child(2) {
display: flex;
flex-direction: column;
flex: 8;
padding-top: 20rpx;
padding-left: 30rpx;
}

.posi_logo view:nth-child(2) text:nth-child(1) {
font-size: 30rpx;
}

.posi_logo view:nth-child(2) text:nth-child(2) {
font-size: 24rpx;
color: #b8b8b8;
padding-top: 10rpx;
}

.notes{
margin-top: 2%;
}
.notes view:nth-child(1){
width: 92%;
height: 87rpx;
padding: 0 4%;
line-height: 87rpx;
background: #fff;
border-bottom: 1rpx solid #f5f5f5;
border-top: 1rpx solid #f5f5f5;
}
.notes view:nth-child(1) text{
font-size: 30rpx;
font-weight: bold;
}
.notes view:nth-child(2){
width: 92%;
height: 400rpx;
padding: 0 4%;
background: #fff;
border-bottom: 1rpx solid #f5f5f5;
display: flex;
flex-direction: column;
padding-top: 2%;
}
.notes view:nth-child(2)>text{
font-size: 28rpx;
color: #A9A9A9;
line-height: 56rpx;
}
.spot {
width: 12rpx;
height: 12rpx;
display: inline-block;
background: #A9A9A9;
margin-right: 16rpx;
position: relative;
bottom: 4rpx;
border-radius: 50%;
}
.buy {
width: 100%;
height: 88rpx;
background: #00C0FF;
color: #fff;
font-size: 36rpx;
line-height: 88rpx;
}

Carregando…
Cancelar
Guardar