Skip to content

F
fund_report
Commit 87525fa0 authored by 赵杰's avatar 赵杰
Browse files
Options

模板修改

parent fccb2110
Hide whitespace changes
Inline Side-by-side
Showing with 90 additions and 92 deletions
app/templates/v2/monthReportV2.1.html
View file @ 87525fa0
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
.box0 { .box0 {
display: {{box0}}; display: {{box0}};
position: relative; position: relative;
padding: 234px 0 184px 0; padding: 274px 0 209px 0;
} }
.box0 .cover_head { .box0 .cover_head {
...@@ -68,78 +68,75 @@ ...@@ -68,78 +68,75 @@
} }
.box0 .cover_head .cover_text { .box0 .cover_head .cover_text {
font-size: 17px; font-size: 19px;
line-height: 23px; line-height: 23px;
color: #B6172B; color: #B6172B;
font-weight: bold; font-weight: bold;
} }
.box0 .cover_people { .box0 .cover_back {
padding: 0 38px 0 858px; display: block;
width: 501px;
height: 275px;
}
.box0 .cover_title {
position: absolute;
top: 194px;
left: 0;
z-index: 1;
}
.box0 .cover_title .cover_people {
position: absolute;
top: -68px;
left: 194px;
} }
.box0 .cover_people .cover_pre { .box0 .cover_title .cover_people .cover_pre {
margin: 0 20px 0 0; margin: 0 20px 0 0;
font-size: 28px; font-size: 30px;
line-height: 40px; line-height: 40px;
color: #999999; color: #999999;
font-weight: bold; font-weight: bold;
} }
.box0 .cover_people .cover_name { .box0 .cover_title .cover_people .cover_name {
font-size: 32px; font-size: 34px;
line-height: 45px; line-height: 45px;
color: #B6172B; color: #B6172B;
font-weight: bold; font-weight: bold;
} }
.box0 .cover_people .cover_sir { .box0 .cover_title .cover_people .cover_sir {
font-size: 28px; font-size: 30px;
line-height: 45px; line-height: 45px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
} }
.box0 .cover_back { .box0 .cover_title .cover_img {
display: block; height: 446px;
width: 100%;
height: 218px;
}
.box0 .cover_date {
padding: 0 0 0 858px;
} }
.box0 .cover_date .cover_time { .box0 .cover_title .cover_title_text {
display: inline-block; position: absolute;
font-size: 40px; top: 139px;
line-height: 66px; left: 197px;
font-size: 48px;
line-height: 61px;
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;
padding: 0 66px 0 66px;
background: #B6172B;
-webkit-box-shadow: 0px 10px 26px 0px rgba(66, 5, 5, 0.18);
box-shadow: 0px 10px 26px 0px rgba(66, 5, 5, 0.18);
border: 1px solid #979797;
} }
.box0 .cover_title { .box0 .cover_title .cover_title_text .cover_date {
position: absolute; padding: 42px 0 0 0;
top: 100px;
left: 211px;
z-index: 1;
width: 282px;
height: 514px;
background: #B6172B;
-webkit-box-shadow: 0px 10px 26px 0px rgba(66, 5, 5, 0.44);
box-shadow: 0px 10px 26px 0px rgba(66, 5, 5, 0.44);
border: 1px solid #979797;
} }
.box0 .cover_title .cover_title_text { .box0 .cover_title .cover_title_text .cover_date .cover_time {
padding: 0 30px 0 50px; font-size: 34px;
font-size: 46px; line-height: 48px;
line-height: 61px;
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;
} }
...@@ -171,7 +168,7 @@ ...@@ -171,7 +168,7 @@
} }
.box1 .catalog_box .catalog_item .catalog_en { .box1 .catalog_box .catalog_item .catalog_en {
font-size: 72px; font-size: 74px;
line-height: 77px; line-height: 77px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -180,7 +177,7 @@ ...@@ -180,7 +177,7 @@
.box1 .catalog_box .catalog_item .catalog_ch { .box1 .catalog_box .catalog_item .catalog_ch {
margin: 30px 0 0 0; margin: 30px 0 0 0;
font-size: 58px; font-size: 60px;
line-height: 77px; line-height: 77px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -202,7 +199,7 @@ ...@@ -202,7 +199,7 @@
.box1 .catalog_box .catalog_item .catalog_li .catalog_name { .box1 .catalog_box .catalog_item .catalog_li .catalog_name {
padding: 0 0 0 40px; padding: 0 0 0 40px;
font-size: 32px; font-size: 34px;
line-height: 77px; line-height: 77px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -217,7 +214,7 @@ ...@@ -217,7 +214,7 @@
.page .page_title { .page .page_title {
width: 880px; width: 880px;
font-size: 40px; font-size: 42px;
line-height: 56px; line-height: 56px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -236,7 +233,7 @@ ...@@ -236,7 +233,7 @@
} }
.page .page_head .page_text { .page .page_head .page_text {
font-size: 17px; font-size: 19px;
line-height: 23px; line-height: 23px;
color: #B6172B; color: #B6172B;
font-weight: bold; font-weight: bold;
...@@ -258,7 +255,7 @@ ...@@ -258,7 +255,7 @@
} }
.tss1 .tss1_title { .tss1 .tss1_title {
font-size: 24px; font-size: 26px;
line-height: 33px; line-height: 33px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -279,7 +276,7 @@ ...@@ -279,7 +276,7 @@
.tss1 .tss1_table tr td { .tss1 .tss1_table tr td {
width: 25%; width: 25%;
padding: 12px 26px 12px 26px; padding: 12px 26px 12px 26px;
font-size: 16px; font-size: 18px;
line-height: 22px; line-height: 22px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -299,7 +296,7 @@ ...@@ -299,7 +296,7 @@
} }
.tss2 .tss2_title { .tss2 .tss2_title {
font-size: 24px; font-size: 26px;
line-height: 33px; line-height: 33px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -325,7 +322,7 @@ ...@@ -325,7 +322,7 @@
} }
.tss3 .tss3_head .tss3_title { .tss3 .tss3_head .tss3_title {
font-size: 24px; font-size: 26px;
line-height: 33px; line-height: 33px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -333,14 +330,14 @@ ...@@ -333,14 +330,14 @@
} }
.tss3 .tss3_head .tss3_title .tss3_start_time { .tss3 .tss3_head .tss3_title .tss3_start_time {
font-size: 18px; font-size: 20px;
line-height: 33px; line-height: 33px;
color: #666666; color: #666666;
font-weight: normal; font-weight: normal;
} }
.tss3 .tss3_head .tss3_now_time { .tss3 .tss3_head .tss3_now_time {
font-size: 14px; font-size: 16px;
line-height: 20px; line-height: 20px;
color: #333333; color: #333333;
text-align: right; text-align: right;
...@@ -349,7 +346,7 @@ ...@@ -349,7 +346,7 @@
.tss3 .tss3_tag { .tss3 .tss3_tag {
position: absolute; position: absolute;
padding: 0 16px 0 26px; padding: 0 16px 0 26px;
font-size: 16px; font-size: 18px;
line-height: 30px; line-height: 30px;
color: #ffffff; color: #ffffff;
background: #A2A2A2; background: #A2A2A2;
...@@ -375,7 +372,7 @@ ...@@ -375,7 +372,7 @@
.tss3 table tr { .tss3 table tr {
position: relative; position: relative;
font-size: 14px; font-size: 16px;
line-height: 20px; line-height: 20px;
color: #333333; color: #333333;
text-align: center; text-align: center;
...@@ -412,7 +409,7 @@ ...@@ -412,7 +409,7 @@
} }
.tss3 table tr td.summary { .tss3 table tr td.summary {
font-size: 18px; font-size: 20px;
line-height: 25px; line-height: 25px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -420,7 +417,7 @@ ...@@ -420,7 +417,7 @@
.tss3 .tss3_tip { .tss3 .tss3_tip {
margin: 10px 0 0 0; margin: 10px 0 0 0;
font-size: 12px; font-size: 14px;
line-height: 17px; line-height: 17px;
color: #333333; color: #333333;
} }
...@@ -445,7 +442,7 @@ ...@@ -445,7 +442,7 @@
} }
.par .par_item .par_title { .par .par_item .par_title {
font-size: 24px; font-size: 26px;
line-height: 33px; line-height: 33px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -496,7 +493,7 @@ ...@@ -496,7 +493,7 @@
height: 20px; height: 20px;
border-radius: 50%; border-radius: 50%;
background: #999999; background: #999999;
font-size: 12px; font-size: 14px;
line-height: 20px; line-height: 20px;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
...@@ -513,14 +510,14 @@ ...@@ -513,14 +510,14 @@
height: 20px; height: 20px;
border-radius: 50%; border-radius: 50%;
background: rgba(53, 63, 83, 0.5); background: rgba(53, 63, 83, 0.5);
font-size: 12px; font-size: 14px;
line-height: 20px; line-height: 20px;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
} }
.rcc_number { .rcc_number {
font-size: 12px; font-size: 14px;
line-height: 18px; line-height: 18px;
color: #666666; color: #666666;
} }
...@@ -542,7 +539,7 @@ ...@@ -542,7 +539,7 @@
.rtc_number_item { .rtc_number_item {
margin: 0 12px 0 0; margin: 0 12px 0 0;
font-size: 12px; font-size: 14px;
line-height: 18px; line-height: 18px;
color: #666666; color: #666666;
} }
...@@ -572,7 +569,7 @@ ...@@ -572,7 +569,7 @@
height: 20px; height: 20px;
border-radius: 50%; border-radius: 50%;
background: #999999; background: #999999;
font-size: 12px; font-size: 14px;
line-height: 20px; line-height: 20px;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
...@@ -580,7 +577,7 @@ ...@@ -580,7 +577,7 @@
.rcl_item_name { .rcl_item_name {
padding: 0 10px 0 30px; padding: 0 10px 0 30px;
font-size: 16px; font-size: 18px;
line-height: 24px; line-height: 24px;
color: #333333; color: #333333;
} }
...@@ -659,7 +656,7 @@ ...@@ -659,7 +656,7 @@
.geji_list_wrap .self_item .self_item_left .self_header .self_title { .geji_list_wrap .self_item .self_item_left .self_header .self_title {
position: relative; position: relative;
padding: 0 10px 0 20px; padding: 0 10px 0 20px;
font-size: 24px; font-size: 26px;
line-height: 33px; line-height: 33px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -680,7 +677,7 @@ ...@@ -680,7 +677,7 @@
.geji_list_wrap .self_item .self_item_left .self_header .self_type { .geji_list_wrap .self_item .self_item_left .self_header .self_type {
margin: 4px 0 0 0; margin: 4px 0 0 0;
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
font-size: 18px; font-size: 20px;
line-height: 26px; line-height: 26px;
color: #4C4C4C; color: #4C4C4C;
font-weight: bold; font-weight: bold;
...@@ -721,7 +718,7 @@ ...@@ -721,7 +718,7 @@
} }
.geji_list_wrap .self_item .self_item_left .self_description .self_description_item .self_description_text { .geji_list_wrap .self_item .self_item_left .self_description .self_description_item .self_description_text {
font-size: 16px; font-size: 18px;
line-height: 22px; line-height: 22px;
color: #666666; color: #666666;
text-align: justify; text-align: justify;
...@@ -755,7 +752,7 @@ ...@@ -755,7 +752,7 @@
padding: 4px 10px 4px 20px; padding: 4px 10px 4px 20px;
border-radius: 8px 0 0px 0px; border-radius: 8px 0 0px 0px;
background: #B6172B; background: #B6172B;
font-size: 24px; font-size: 26px;
line-height: 33px; line-height: 33px;
color: #FFFFFF; color: #FFFFFF;
} }
...@@ -794,7 +791,7 @@ ...@@ -794,7 +791,7 @@
.target_comment .comment_content .comment_text { .target_comment .comment_content .comment_text {
padding-left: 24px; padding-left: 24px;
font-size: 18px; font-size: 20px;
line-height: 42px; line-height: 42px;
color: #666666; color: #666666;
} }
...@@ -858,7 +855,7 @@ ...@@ -858,7 +855,7 @@
.financial_show .financial_left .financial_scene .financial_scene_text { .financial_show .financial_left .financial_scene .financial_scene_text {
margin: 94px 55px 0 94px; margin: 94px 55px 0 94px;
font-size: 26px; font-size: 28px;
line-height: 37px; line-height: 37px;
color: #FFFFFF; color: #FFFFFF;
letter-spacing: 4px; letter-spacing: 4px;
...@@ -869,7 +866,7 @@ ...@@ -869,7 +866,7 @@
.financial_show .financial_left .financial_scene .financial_scene_author { .financial_show .financial_left .financial_scene .financial_scene_author {
margin: 0 55px 0 0; margin: 0 55px 0 0;
font-size: 26px; font-size: 28px;
line-height: 49px; line-height: 49px;
color: #FFFFFF; color: #FFFFFF;
text-align: right; text-align: right;
...@@ -907,7 +904,7 @@ ...@@ -907,7 +904,7 @@
.statement_content .statement_block .statement_title { .statement_content .statement_block .statement_title {
margin: 0 0 10px 0; margin: 0 0 10px 0;
font-size: 10px; font-size: 12px;
line-height: 27px; line-height: 27px;
color: #717171; color: #717171;
font-weight: bold; font-weight: bold;
...@@ -916,14 +913,14 @@ ...@@ -916,14 +913,14 @@
.statement_content .statement_block .statement_p { .statement_content .statement_block .statement_p {
margin: 0 0 10px 0; margin: 0 0 10px 0;
font-size: 10px; font-size: 12px;
line-height: 27px; line-height: 27px;
color: #717171; color: #717171;
text-align: justify; text-align: justify;
} }
.statement_content .statement_block .statement_title2 { .statement_content .statement_block .statement_title2 {
font-size: 10px; font-size: 12px;
line-height: 27px; line-height: 27px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
...@@ -935,7 +932,7 @@ ...@@ -935,7 +932,7 @@
<body> <body>
<div class="all"> <div class="all">
<!-- 封面 --> <!-- 封面 -->
<div class="box0"> <div class="box0 clearfix">
<div class="cover_head dtable"> <div class="cover_head dtable">
<div class="dcell"> <div class="dcell">
<img src={{logo}} alt="" class="cover_logo"> <img src={{logo}} alt="" class="cover_logo">
...@@ -949,27 +946,28 @@ ...@@ -949,27 +946,28 @@
</div> </div>
</div> </div>
</div> </div>
<div class="cover_people"> <img src={{cover_back}} alt="" class="cover_back fr">
<span class="cover_pre">
敬呈
</span>
<span class="cover_name">
{{customer_name}}
</span>
<span class="cover_sir">
客户
</span>
</div>
<img src={{cover_back}} alt="" class="cover_back">
<div class="cover_date">
<div class="cover_time">
{{year_month}}
</div>
</div>
<div class="cover_title dtable"> <div class="cover_title dtable">
<div class="cover_people">
<span class="cover_pre">
敬呈
</span>
<span class="cover_name">
{{customer_name}}
</span>
<span class="cover_sir">
客户
</span>
</div>
<img class="cover_img" src="./img/red-rect.png" >
<div class="cover_title_text dcell"> <div class="cover_title_text dcell">
资产<br> 资产<br>
存续报告 存续报告
<div class="cover_date">
<div class="cover_time">
{{year_month}}
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
......
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