diff --git a/app.json b/app.json index 9dfc231..2973b07 100644 --- a/app.json +++ b/app.json @@ -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" diff --git a/pages/coupons/details/index.wxml b/pages/coupons/details/index.wxml index 8f451b2..df72178 100644 --- a/pages/coupons/details/index.wxml +++ b/pages/coupons/details/index.wxml @@ -1,6 +1,46 @@ - - {{list.subTitle}} - {{list.title}} - - + + + + 黑椒牛排限购一件 + 剩余时间:2天12小时25分钟 + 剩余件数:19件 + + + ¥1.00 + ¥59.00 + + + + + + 更多适用门店 + + + + + + 购买须知 + + + 有效期2018.01.16 至 2018.09.20 + 除特价酒水及特价菜外全场通用 + 无需预约,消费g高峰时可能需要等位 + 没人最多购买2张 + 不可使用包间 + 堂食外带均可,可免费打包 + 每桌限用2张 + + + + \ No newline at end of file diff --git a/pages/coupons/details/index.wxss b/pages/coupons/details/index.wxss index e69de29..fe52691 100644 --- a/pages/coupons/details/index.wxss +++ b/pages/coupons/details/index.wxss @@ -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; +} \ No newline at end of file