diff --git a/pages/coupon/detail/index.wxss b/pages/coupon/detail/index.wxss index e69de29..9ddd340 100644 --- a/pages/coupon/detail/index.wxss +++ b/pages/coupon/detail/index.wxss @@ -0,0 +1,871 @@ +@import "../../../app.wxss"; + +page { + background: #F4F5F9; +} + +button::after { + border: none; +} + +.coupons { + width: 100%; + position: relative; + overflow: hidden; + padding-bottom: 170rpx; + background: #F4F5F9; +} + +.banner { + position: relative; + width: 750rpx; + height: 454rpx; +} + +.banner swiper { + width: 750rpx; + height: 454rpx; +} + +.banner image { + width: 100%; + height: 454rpx; +} + +.dots { + position: absolute; + left: 0; + right: 0; + bottom: 50rpx; + display: flex; + justify-content: center; +} + +.dot { + margin: 0 8rpx; + width: 14rpx; + height: 14rpx; + background: #fff; + border-radius: 8rpx; + transition: all 0.6s; +} + +.dot.active { + width: 24rpx; + background: #f80; +} + + +.refound { + border: 1rpx solid red; + padding: 3rpx 0; + display: block; + width: 130rpx; + text-align: center; + margin-left: 14rpx; +} + +.coupons_info { + width: 92%; + padding: 0 4%; + background: #fff; + border-top-left-radius: 20rpx; + border-top-right-radius: 20rpx; + /* margin-top: -25rpx; */ +} + +.fenxiang { + position: absolute; + right: 28rpx; + top: 27rpx; + width: 108rpx; +} + +.fenxiang image { + width:48rpx; + height: 48rpx; + position: absolute; + top: 0; + right: 16rpx; +} +.gift{ + color: #3C3C3C; + font-size: 20rpx; + position: absolute; + top: 50rpx; + right: 0; +} + +.user-motto { + width: 270rpx; + border: 0; + background: none; + height: 260rpx; + color: #fff; + position: fixed; +} +.user-motto::after { + border: none; +} + +.title { + display: block; + font-weight: bold; + font-size: 32rpx; + color: #3C3C3C; + letter-spacing: 1.09rpx; + line-height: 45rpx; + width: 542rpx; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding-top: 30rpx; +} + +.subTitle { + display: block; + width: 588rpx; + /* height: 37rpx; */ + font-size: 26rpx; + color: #A6A6A6; + letter-spacing: 1.16rpx; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: 6rpx 0; +} + +.rest { + font-size: 24rpx; + color: #919191; + letter-spacing: 0; + height: 50rpx; + line-height: 50rpx; + /* border-bottom: 1px solid #eee; */ + border-bottom: 1px solid #f9f9f9; +} + +.restNum { + font-size: 24rpx; + color: #999; + letter-spacing: 1.16rpx; + text-align: right; +} + +.time { + font-size: 24rpx; + color: #A6A6A6; + letter-spacing: 0; + line-height: 33rpx; + display: inline-block; +} + +.txt01 { + font-size: 24rpx; + color: #919191; + letter-spacing: 0; +} + +.price { + font-size: 24rpx; + color: #999; + letter-spacing: 0; +} + +.salePriceStr { + font-size: 24rpx; + color: #999; + letter-spacing: 0; +} +.salePriceStr .rmb{ + color: #FD782D; + font-size: 24rpx; + float: left; +} +.salePriceStr .pri01 { + font-size: 40rpx; + color: #FD782D; + letter-spacing: 0; + line-height: 40rpx; + float: left; +} +.salePriceStr .pri01Hr { + font-size: 24rpx!important; +} +.use { + color: #FD782D; + margin-left: 10rpx; +} + +.salePriceStr .yuan { + font-size: 24rpx; + color: #FD782D; + letter-spacing: 0; +} + +.price text { + font-size: 24rpx; + color: #333; + letter-spacing: 0; +} + +.throgh { + text-decoration: line-through; + margin-left: 10rpx; + color: #999 !important; +} + +.fl { + float: left; + color: #FD782D; +} + +.fr { + float: right; +} + +.posi { + position: relative; + width: 100%; + background: #FFF; + margin: 18rpx 0 18rpx; +} + +/* .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 { + position: relative; + width: 92%; + display: flex; + padding: 20rpx 0; + background: #fff; + z-index: 10; + margin: 0 auto; +} + +.posi_logo view:nth-child(1) { + /* width: 100rpx; *//* margin-right: 16rpx; */ + border-radius: 16rpx; + /* height: 100rpx; */ +} + +.posi_logo view:nth-child(1) image { + display: block; + width: 100rpx; + height: 100rpx; + border-radius: 16rpx; + margin-right: 16rpx; + border: 1px solid #e5e5e5; +} + +.posi_logo view:nth-child(2) { + /* display: flex; *//* flex-direction: column; *//* flex: 8; */ + height: 100rpx; + /* padding-left: 30rpx; */ +} + +.posi_logo view:nth-child(2) view:nth-child(1) { + font-size: 32rpx; + color: #333; + width: 90%; + letter-spacing: 0; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.shopVoList { + display: flex !important; + padding-left: 0 !important; + flex-direction: row !important; +} + +.shopVoList text { + font-size: 20rpx !important; + display: inline-block !important; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: #b8b8b8 !important; +} + +.notes view:nth-child(1) { + height: 87rpx; + line-height: 87rpx; + background: #fff; + border-top: 1px solid #f9f9f9; +} + +.notes { + width:100%; + background: #FFF; +} +.active { + opacity: 0.6; +} + +.notes view:nth-child(1) text { + color: #333; + letter-spacing: 0; + font-size: 30rpx; + height: 70rpx; + line-height: 70rpx; +} +.notes view:nth-child(1) { + width: 92%; + margin: 0 auto; +} +.notes view:nth-child(2) { + display: flex; + flex-direction: column; + width: 92%; + margin: 0 auto; +} + +.notes view:nth-child(2)>text { + font-size: 24rpx; + color: #919191; + letter-spacing: 0; + line-height: 42rpx; +} + +.buy-view { + /* background: #fff; */ + height: 92rpx; + bottom: 0; + left: 0; + right: 0; + padding-bottom: 22rpx; + padding-top: 22rpx; +} + +.buy { + position: relative; + background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); + height: 94rpx; + width: 560rpx; + margin: 0 auto 30rpx; + color: #fff; + font-size: 36rpx; + line-height: 94rpx; + border-radius: 61rpx; +} +.buyHr{ + background: #CECECE!important; +} +.goback { + position: relative; + float: left; + width: 132rpx !important; + height: 96rpx; + background: rgba(255, 255, 255, 1)!important; + line-height: 95rpx; + border-radius: 32rpx; + margin-left: 20rpx; +} + +.goback image { + position: absolute; + width:52rpx; + height: 50rpx; + left: 0; + right: 0; + top: 0; + bottom:0; + margin:10rpx auto; +} + +.tel { + position: absolute; + right: 0; + top: 0; + bottom: 0; + margin: auto; + width: 50rpx; + height: 50rpx; +} + +.txt { + margin-right: 30rpx; +} + +.distance { + border: none; + border-radius: 16rpx; + width: 600rpx; + padding: 16rpx 6rpx 0 0; +} + +.distance .txt01 { + display: block; + font-size: 26rpx; + color: #ff4949; +} + +.clock { + width: 116rpx !important; + vertical-align: middle; + margin-right: 10rpx; + margin-top: -4rpx; +} + +.qiang { + position: inline-block; + width: 60rpx; + height: 40rpx; + line-height: 40rpx; + color: #ff4949; + text-align: center; + font-size: 28rpx; + margin-right: 10rpx; +} + +.times { + display: inline-block; + color: #ff4949; + font-weight: bold; + font-size: 26rpx; + text-align: center; +} +.timess{ + color: #FD782D; +} +.times text { + display: inline-block; + margin: 6rpx; + height: 56rpx; + padding: 0 6rpx; + text-align: center; + font-size: 28rpx; + line-height: 60rpx; + border-radius: 12rpx; + color: #fff; + font-weight: bold; + background: #ff4949; +} + +.b1 { + position: fixed; + top: 0px; + bottom: 0px; + left: 0px; + right: 0px; + background: rgba(0, 0, 0, 0.8); + overflow: hidden; + z-index: 10; +} + +.con { + position: absolute; + top: 35rpx; + right: 0; + bottom: 0; + left: 0; + margin: auto; + width: 587rpx; +} + +.con .image { + display: block; + width: 100%; +} + +.img { + margin-top: -50rpx; +} + +.question { + display: block; + width: 587rpx; + background: #fff; + border-bottom-left-radius: 22rpx; + border-bottom-right-radius: 22rpx; + overflow: hidden; +} + +.ques { + display: block; + width: 511rpx; + margin: 0 auto; + height: 95rpx; + line-height: 95rpx; + font-size: 30rpx; + color: #333; + border-bottom: 1rpx solid #eee; +} + +.titles { + width: 511rpx; + display: block; + text-align: center; + height: 50rpx; + margin: 0 auto; + padding-top: 10rpx; + padding-bottom: 20rpx; + font-size: 32rpx; + font-weight: bold; + line-height: 41rpx; + border-bottom: 1rpx solid #eee; +} + +.quessss >view:last-child { + border-bottom: 0; +} + +.wmclose { + position: relative; + z-index: 10000; + display: block; + width: 70rpx; +} + +.ques_gou { + position: absolute; + width: 20rpx; + top: 160rpx; + left: 23rpx; +} + +.btnss { + color: #f8755b; + font-weight: bold; + font-size: 30rpx !important; + text-align: center !important; +} + +.radios { + display: block; + font-size: 28rpx; + height: 95rpx; + line-height: 95rpx; + color: #333; + text-indent: 0.5em; +} + +.elecard { + display: inline-block; + margin-left: 6rpx; + color: #af6e34; + border: 1px solid #af6e34; + border-radius: 8rpx; + font-style: normal; + font-size: 30rpx; + line-height: 40rpx; + padding: 0 6rpx; +} + +.applyshop { + font-size: 30rpx; + height: 70rpx; + line-height: 70rpx; + color: #333; + text-indent: 1em; +} + +.btns { + /* padding: 0 33rpx; */ + position: fixed; + left: 0; + right: 0; + bottom: 0; + padding-bottom: 22rpx; + padding-top: 22rpx; + z-index: 12; + /* background: #fff; */ +} +.btnTxt{ + width: 50rpx; + height: 30rpx; + line-height: 50rpx; + color: #FD782D; + font-size: 20rpx; + position: absolute; + right:42rpx ; + bottom: 15rpx; +} + +.btns .fr,.btns .fl { + width: 277rpx; + height: 95rpx; + border-radius: 48rpx; + text-align: center; +} + +.btns .fl { + margin-left: 20rpx; + color: #fff; + background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); + /* box-shadow: 0px 8px 8px 1px rgba(255, 169, 2, 0.32); */ +} + +.btns .fl text { + display: block; + font-size: 30rpx; + line-height: 34rpx; +} + +.btns .fl text:nth-of-type(1) { + margin-top: 12rpx; +} + +.btns .fr { + font-size: 30rpx; + color: #fff; + margin-right: 20rpx; + line-height: 95rpx; + background: linear-gradient(90deg,rgba(40,179,255,1) 0%,rgba(48,103,255,1) 100%); + /* box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32); */ +} + +.support-tansfer { + width: 60%; + border-radius: 50rpx; + margin-top: 30rpx; + /* background: #02c0ff !important; */ + background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); +} + +.shaddow { + z-index: 100; + position: fixed; + width: 100%; + height: 100%; + top: 0px; + background: rgba(0, 0, 0, 0.8); + overflow: hidden; +} + +.alert-box { + position: fixed; + top: 200rpx; + left: 10%; + width: 80%; + height: auto; + padding-bottom: 20rpx; + background: #fff; + z-index: 200; + border-radius: 20rpx; +} + +.user-img { + position: absolute; + top: -50rpx; + left: 250rpx; + /* margin-left: -50rpx; */ + width: 100rpx; + height: 100rpx; + z-index: 300; + border-radius: 50rpx; + background: #fff; + overflow: hidden; +} + +.user-img image { + width: 100rpx; + height: 100rpx; +} + +.close { + position: absolute; + z-index: 300; + right: 0; + top: 0; + width: 100rpx; + height: 100rpx; + overflow: hidden; +} + +.close image { + display: block; + width: 26rpx; + height: 26rpx; + margin: 20rpx 0 0 52rpx; +} + +.a-title { + text-align: center; + margin-top: 76rpx; + font-size: 36rpx; + font-family: PingFang-SC-Medium; + font-weight: 500; + color: rgba(51, 51, 51, 1); + line-height: 44rpx; +} + +.a-img { + position: relative; + width: 80%; + border-radius: 20rpx; + height: 294rpx; + overflow: hidden; + text-align: center; + margin: 30rpx auto 0; +} + +.a-received { + position: absolute; + width: 100%; + height: 294rpx; + top: 0; + left: 0; + text-align: center; + line-height: 294rpx; + z-index: 320; + background: rgba(255, 255, 255, 1); + border: 0px solid rgba(151, 57, 117, 1); + opacity: 0.91; + font-size: 36rpx; + color: rgba(255, 51, 50, 1); + font-family: PingFang-SC-Medium; +} + +.a-img image { + width: 100%; + height: 100%; +} + +.bottom { + text-align: center; + height: 70rpx; + line-height: 70rpx; + color: #999; + font-size: 32rpx; +} + +.presslimit { + width: 300rpx; + height: 34rpx; + line-height: 34rpx; + margin-top: 8rpx; + margin-left: 12rpx; + color: #FD782D; + font-size: 20rpx; + letter-spacing: 1.16rpx; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.presslimit text{ + margin-left: 22rpx; + background:rgba(201,201,201,0.1); +} + +checkbox-group, radio-group { + height: 400rpx; + overflow-y: scroll; +} + +.detailImg { + width: 100%; + background: #FFF; + margin: auto; +} + +.detailImg image { + display: block; + width: 92%; + padding: 0 4% 0 4%; + margin-bottom: 20rpx; +} +.content { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + background: #f3f3f3; + position: relative; +} +.poster{ + width: 100%; + height: 100%; + padding: 20rpx; + position: absolute; + top: 0; + left: 0; +} +.bottomsave { + width: 100%; + height: 140rpx; + line-height: 140rpx; + margin: auto 0; + bottom:0; + left: 0; + right: 0; + border-top: 1px solid #ccc; + box-shadow: 0 0rpx 150rpx #ccc; + background: #fff; +} +.saveposter { + color: #fff; + width: 380rpx; + height: 80rpx; + border-radius: 50rpx; + background: #f08f04; + margin-top: 30rpx; + font-size: 32rpx; +} +.modal { + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.5); + overflow: hidden; + z-index: 10000; + color: #fff; +} + +.modal-content { + width: 540rpx; + height: 233rpx; + line-height: 60rpx; + overflow: hidden; + position: fixed; + top: 50%; + left: 0; + z-index: 11; + background: #f9f9f9; + margin: -130rpx 105rpx; + border-radius: 36rpx; + display: flex; +} + +.modal-content view { + display: inline-block; + flex: 1; + text-align: center; +} + +.modal-content view>text { + color: #000; + display: block; + font-size: 30rpx; +} + +.modal-content view>image { + margin-top: 40rpx; + width: 90rpx; + height: 90rpx; +} +.wx-swiper-dots{ + margin-bottom: 30rpx; +} + +.quan{ + float: left; + margin:18rpx 15rpx 0 0; + width: 12rpx; + height: 12rpx; + background: #E1E1E1; + border-radius: 50%; +} \ No newline at end of file