Skip to content

A
allCampaign
Commit ffe8b4eb by Sweet Zhang
Options

样式修改

parent 34a784c2
Showing with 42 additions and 14 deletions
autoGoodNews/css/style.css
...@@ -7,7 +7,6 @@ ul, li { ...@@ -7,7 +7,6 @@ ul, li {
html, body { html, body {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 14px;
overflow: hidden; overflow: hidden;
} }
...@@ -26,7 +25,6 @@ html, body { ...@@ -26,7 +25,6 @@ html, body {
left: 0; left: 0;
top: 52%; top: 52%;
color: #f4e1af; color: #f4e1af;
font-size: 28px;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -34,16 +32,45 @@ html, body { ...@@ -34,16 +32,45 @@ html, body {
padding: 0 30px; padding: 0 30px;
word-break: break-all; word-break: break-all;
} }
.relativeContent{
.relativeContent {
position: relative; position: relative;
background: url(https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/pic/lifeoffline.png) no-repeat left top; background: url(https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/pic/online.png) no-repeat center center;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-size: cover; background-size: cover;
} }
#fyp {
font-size: 40px;
}
#name {
font-size: 22px;
}
@media (min-width: 375px) {
.content {
font-size: 28px;
top: 52%;
}
#fyp ,#name{
font-size: 40px;
}
}
@media (max-width: 375px) {
.content {
font-size: 19px;
top: 50%;
}
}
@media (max-width: 320px) { @media (max-width: 320px) {
.content { .content {
font-size: 20px; font-size: 16px;
top: 48%;
}
#fyp {
font-size: 36px;
} }
} }
\ No newline at end of file
autoGoodNews/index.html
...@@ -24,16 +24,18 @@ ...@@ -24,16 +24,18 @@
<body> <body>
<div class="container"> <div class="container">
<div class="relativeContent"> <div class="relativeContent">
<!--<img src="https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/pic/onlinebackground.png" alt="喜报"--> <!--<img src="https://yindun-images.oss-cn-shanghai-finance-1-pub.aliyuncs.com/pic/online.png" alt="喜报"-->
<!--id="goodNewsImg" class="img-responsive">--> <!--id="goodNewsImg" class="img-responsive">-->
<div class="content"> <div class="content">
<div id="insurerName"></div> <div id="insurerName"></div>
<div id="productName" style="margin: 3% 0;text-align: center"></div> <div id="productName" style="margin: 3% 0;text-align: center"></div>
<div id="paymentPeriod" style="font-size:22px;"></div> <div id="paymentPeriod"></div>
<div id="fyp" style="position: relative;font-size:40px;color:#edff00;font-weight: bold;border-radius: 30px"></div> <div id="fyp" style="position: relative;color:#edff00;font-weight: bold;border-radius: 30px"></div>
<div id="belongToCompany" style="margin: 3% 0;font-size: 22px;"></div> <div id="belongToCompany" style="margin: 3% 0;"></div>
<div>
<span id="subordinateName"></span>
</div>
<div style="font-weight: bold"> <div style="font-weight: bold">
<span id="subordinateName" style="margin-right:10px;"></span>
<span id="name"></span> <span id="name"></span>
</div> </div>
</div> </div>
......
autoGoodNews/js/base.js
...@@ -32,11 +32,9 @@ $(function () { ...@@ -32,11 +32,9 @@ $(function () {
}, },
success: function (res) { success: function (res) {
if (res['success']) { if (res['success']) {
$('.relativeContent').css({'background':'url(' + res['data']['xbUrl'] + ') no-repeat left top','background-size':'cover'}); $('.relativeContent').css({'background':'url(' + res['data']['xbUrl'] + ') no-repeat center center','background-size':'cover'});
$('.content #productName').html(res['data']['orderInfo']['productName']); $('.content #productName').html(res['data']['orderInfo']['productName']);
if (res['data']['orderInfo']['productName'].indexOf(res['data']['orderInfo']['insurerName']) < 0) { $('.content #insurerName').html(res['data']['orderInfo']['insurerName']);
$('.content #insurerName').html(res['data']['orderInfo']['insurerName']);
}
if (res['data']['orderInfo']['paymentPeriod'] && parseInt(res['data']['orderInfo']['paymentPeriod'], 0) > 0) { if (res['data']['orderInfo']['paymentPeriod'] && parseInt(res['data']['orderInfo']['paymentPeriod'], 0) > 0) {
$('.content #paymentPeriod').html(`${res['data']['orderInfo']['paymentPeriod']}期`); $('.content #paymentPeriod').html(`${res['data']['orderInfo']['paymentPeriod']}期`);
} }
......
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