Commit e62a44ba authored by christ's avatar christ

master

parent a1f9f9ad
...@@ -89,14 +89,16 @@ ...@@ -89,14 +89,16 @@
.notice-in:before, .notice-in:after { content: ''; position: absolute; } .notice-in:before, .notice-in:after { content: ''; position: absolute; }
.notice-in:before { color: #ff8b25; left: -16px; border-left: 8px dashed transparent; border-top: 8px dashed transparent; border-bottom-style: solid; border-bottom-width: 8px; border-right-style: solid; border-right-width: 8px; top: 9px; } .notice-in:before { color: #ff8b25; left: -16px; border-left: 8px dashed transparent; border-top: 8px dashed transparent; border-bottom-style: solid; border-bottom-width: 8px; border-right-style: solid; border-right-width: 8px; top: 9px; }
.notice-in:after { color: #fff; left: -14px; top: 8px; z-index: 2; border-left: 8px dashed transparent; border-top: 8px dashed transparent; border-right-style: solid; border-right-width: 8px; border-bottom-style: solid; border-bottom-width: 8px; } .notice-in:after { color: #fff; left: -14px; top: 8px; z-index: 2; border-left: 8px dashed transparent; border-top: 8px dashed transparent; border-right-style: solid; border-right-width: 8px; border-bottom-style: solid; border-bottom-width: 8px; }
.notice-hd { text-align: center; position: relative; z-index: 2; line-height: 1; } .notice-hd { text-align: center; position: relative; z-index: 2; line-height: 1; }
.notice-hd:before { content: ''; position: absolute; width: 100%; left: 0; height: 10px; top: 50%; margin-top: -5px; z-index: -1; background: #ffeddd; } .notice-hd:before { content: ''; position: absolute; width: 100%; left: 0; height: 10px; top: 50%; margin-top: -5px; z-index: -1; background: #ffeddd; }
.notice-hd .title { line-height: 1.5; font-size: 24px; display: inline-block; padding: 0 .5rem; background: #fff; vertical-align: middle; } .notice-hd .title { line-height: 1.5; font-size: 24px; display: inline-block; padding: 0 .5rem; background: #fff; vertical-align: middle; }
.notice-bd { padding-top: 12px; } .notice-bd { padding-top: 12px; }
.pn-share { padding: 20px 4% 0; } .pn-share { padding: 20px 4% 0; }
.pn-share .code-box { position: relative; margin-top: 90px; padding: 0 4%; text-align: center; } .pn-share .code-box { position: relative; margin-top: 90px; padding: 0 4%; text-align: center; }
.pn-share .code-box .code-in img { position: absolute; top: 50%; left: 50%; margin-left:-130px; margin-top:-130px; } .pn-share .code-box .code-in{width:250px; height:250px;}
.pn-share .code-box .code-in img { position: absolute; top: 50%; left: 50%; margin-left:-125px; margin-top:-125px; width:250px; height:250px;
display: block;}
.pn-share .code-box .code-txt { position: absolute; left: 0; right: 0; bottom: -1.5em; text-align: center; font-size: 22px; } .pn-share .code-box .code-txt { position: absolute; left: 0; right: 0; bottom: -1.5em; text-align: center; font-size: 22px; }
.pn-share .code-box .code1 { width: 320px; height: 320px; margin-left: -160px; margin-top: -160px; } .pn-share .code-box .code1 { width: 320px; height: 320px; margin-left: -160px; margin-top: -160px; }
.pn-share .code-box .code2 { width: 260px; height: 260px; margin-left: -125px; margin-top: -125px; } .pn-share .code-box .code2 { width: 260px; height: 260px; margin-left: -125px; margin-top: -125px; }
...@@ -151,7 +153,7 @@ ...@@ -151,7 +153,7 @@
<div class="code-box"> <div class="code-box">
<img src="/data/images/bg-code2.jpg" alt=""> <img src="/data/images/bg-code2.jpg" alt="">
<div id="qrcodeImg" class="code-in" > <div id="qrcodeImg" class="code-in" >
<img id="qrcodeImg" src="<?php echo $params['qrCode']."?x-oss-process=image/resize,m_fill,h_250,w_250";?>" alt=""> <img id="qrcodeImg" src="<?php echo $params['qrCode']."?x-oss-process=image/resize,m_fill,h_250,w_250";?>" alt="" width="250" height="250">
</div> </div>
<p class="code-txt">长按图片识别二维码</p> <p class="code-txt">长按图片识别二维码</p>
</div> </div>
......
...@@ -96,7 +96,9 @@ ...@@ -96,7 +96,9 @@
.pn-share { padding: 20px 4% 0; } .pn-share { padding: 20px 4% 0; }
.pn-share .code-box { position: relative; margin-top: 90px; padding: 0 4%; text-align: center; } .pn-share .code-box { position: relative; margin-top: 90px; padding: 0 4%; text-align: center; }
.pn-share .code-box .code-in img { position: absolute; top: 50%; left: 50%; margin-left:-130px; margin-top:-130px; } .pn-share .code-box .code-in{width:250px; height:250px;}
.pn-share .code-box .code-in img { position: absolute; top: 50%; left: 50%; margin-left:-125px; margin-top:-125px; width:250px; height:250px;
display: block;}
.pn-share .code-box .code-txt { position: absolute; left: 0; right: 0; bottom: -1.5em; text-align: center; font-size: 22px; } .pn-share .code-box .code-txt { position: absolute; left: 0; right: 0; bottom: -1.5em; text-align: center; font-size: 22px; }
.pn-share .code-box .code1 { width: 320px; height: 320px; margin-left: -160px; margin-top: -160px; } .pn-share .code-box .code1 { width: 320px; height: 320px; margin-left: -160px; margin-top: -160px; }
.pn-share .code-box .code2 { width: 260px; height: 260px; margin-left: -125px; margin-top: -125px; } .pn-share .code-box .code2 { width: 260px; height: 260px; margin-left: -125px; margin-top: -125px; }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment