diff --git a/combining.css b/combining.css index 065b29c..4cb3e4e 100644 --- a/combining.css +++ b/combining.css @@ -49,55 +49,31 @@ body { .content { min-height: 100%; - background-color: #f2f4fe; + background: linear-gradient(#ff2c02 0 10%, #f6f6f4 25% 70%); position: relative; box-sizing: border-box; border-radius: 0 0 0.08rem 0.08rem; -} - -.content .logo { - width: 100%; - height: 3rem; - display: flex; - align-items: center; - justify-content: center; - background-color: #fff; padding-top: 0.2rem; } -.content .logo img { - max-width: 100%; - max-height: 100%; -} - -.content .flex-but { - background-color: #fff; - position: fixed; - bottom: 0; - left: 0; - width: 100%; - padding: 0.16rem; - box-sizing: border-box; - z-index: 2; -} - -.content .flex-but .but { - margin-bottom: 0.1rem; - width: 100%; - border: 0; - outline: 0; - background: #FF0000; - height: 0.42rem; - border-radius: 0.2rem; +.content .nav { + text-align: center; + font-size: 0.18rem; color: #fff; - font-size: 0.16rem; +} + +.content .notis { + margin-top: 0.5rem; + background: rgba(0, 0, 0, 0.2); + color: #fff; + padding: 0.12rem; + box-sizing: border-box; } .content .box { padding: 0.16rem; } -.content .box .box-top, .content .box .box-cotent, .content .box .box-footer { border-radius: 0.12rem; @@ -107,6 +83,10 @@ body { box-sizing: border-box; } +.content .box .box-cotent { + padding: 0.2rem 0 0.3rem; +} + .content .box .b-t-t { font-size: 0.18rem; font-weight: bold; @@ -114,10 +94,37 @@ body { color: #333333; } +.content .box .logo { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0.3rem; +} + +.content .box .logo img { + width: 0.3rem; + margin-right: 0.06rem; +} + +.content .box .t-1 { + color: #666; + margin-bottom: 0.04rem; + font-size: 0.12rem; +} + .content .box .time { font-size: 0.12rem; margin-top: 0.08rem; color: #666666; + max-width: 82%; + margin: 0 auto; + word-spacing: 0.05rem; + line-height: 0.18rem; +} + +.content .box .dashedLine { + width: 100%; + margin: 0.2rem 0; } .content .box .box-footer .b-f-t { @@ -163,53 +170,26 @@ body { flex-direction: column; } -.content .box .box-cotent .b-c-t { - font-size: 0.16rem; - margin-bottom: 0.2rem; - font-weight: bold; - line-height: 0.2rem; - color: #333333; - display: flex; - align-items: center; - justify-content: center; -} - -.content .box .box-cotent .b-c-t img { - width: 0.12rem; -} - -.content .box .box-cotent .b-c-t img:first-child { - margin-right: 0.06rem; -} - -.content .box .box-cotent .b-c-t img:last-child { - margin-left: 0.06rem; - transform: rotateY(180deg); -} - .content .box .box-cotent input { - width: 100%; + width: 90%; border: 0; outline: 0; background: #f8f9fd; height: 0.42rem; border-radius: 0.2rem; padding: 0 0.2rem; - margin-bottom: 0.14rem; box-sizing: border-box; -} - -.content .box .box-cotent .tips { - color: #FF0000; - font-size: 0.12rem; + display: block; + margin: 0 auto; + margin-bottom: 0.14rem; } .content .box .box-cotent .but { margin-top: 0.2rem; - width: 100%; + width: 90%; border: 0; outline: 0; - background: #FF0000; + background: #e52600; height: 0.42rem; border-radius: 0.2rem; color: #fff; @@ -294,7 +274,7 @@ body { .mask .model .m-but { font-size: 0.16rem; color: #fff; - background-color: #FF0000; + background-color: #e52600; border-radius: 0.2rem; height: 0.42rem; border: 0; diff --git a/combining.html b/combining.html index 3352f47..5f945bc 100644 --- a/combining.html +++ b/combining.html @@ -11,7 +11,7 @@ type="text/javascript" charset="utf-8"> - + @@ -32,44 +32,44 @@ -
- +
+

领取页面

+

恭喜您领取立减金

-
+

{{goods.title}}

-

生效时间：{{goods.group_info.time_limit.effect_time.start_time}} ~ - {{goods.group_info.time_limit.effect_time.end_time}}

+ +

内含 {{goods.send_num}} 张

+

适用于：{{goods.group_info.channel==1?'支付宝':goods.group_info.channel==2?'微信':'云闪付'}} +

+ + + +

生效时间：{{goods.group_info.time_limit.effect_time.start_time}} ~ + {{goods.group_info.time_limit.effect_time.end_time}}，逾期不可领取

领取时间：{{goods.group_info.time_limit.receive_time.start_time}} ~ {{goods.group_info.time_limit.receive_time.end_time}}

-
-
-

- - {{goods.group_info.channel==3?'云闪付账号':'支付宝账号'}} - -

- - -

- *您可在支付宝的个人信息中查看【支付宝账号】 -

- - -
-
- + + +
-
+