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 {
html, body {
width: 100%;
height: 100%;
font-size: 14px;
overflow: hidden;
}
......@@ -26,7 +25,6 @@ html, body {
left: 0;
top: 52%;
color: #f4e1af;
font-size: 28px;
width: 100%;
display: flex;
flex-direction: column;
......@@ -34,16 +32,45 @@ html, body {
padding: 0 30px;
word-break: break-all;
}
.relativeContent{
.relativeContent {
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%;
height: 100%;
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) {
.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 @@
<body>
<div class="container">
<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">-->
<div class="content">
<div id="insurerName"></div>
<div id="productName" style="margin: 3% 0;text-align: center"></div>
<div id="paymentPeriod" style="font-size:22px;"></div>
<div id="fyp" style="position: relative;font-size:40px;color:#edff00;font-weight: bold;border-radius: 30px"></div>
<div id="belongToCompany" style="margin: 3% 0;font-size: 22px;"></div>
<div id="paymentPeriod"></div>
<div id="fyp" style="position: relative;color:#edff00;font-weight: bold;border-radius: 30px"></div>
<div id="belongToCompany" style="margin: 3% 0;"></div>
<div>
<span id="subordinateName"></span>
</div>
<div style="font-weight: bold">
<span id="subordinateName" style="margin-right:10px;"></span>
<span id="name"></span>
</div>
</div>
......
autoGoodNews/js/base.js
......@@ -32,11 +32,9 @@ $(function () {
},
success: function (res) {
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']);
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) {
$('.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