From 0ba5628cb5282ebbb1eac30c886f1af0d7d431f8 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Wed, 03 Nov 2021 15:38:44 +0800
Subject: [PATCH] 样式调整
---
src/views/securityGuard/securityCertificate.vue | 44 ++++++++++++++++++++++++++++++--------------
1 files changed, 30 insertions(+), 14 deletions(-)
diff --git a/src/views/securityGuard/securityCertificate.vue b/src/views/securityGuard/securityCertificate.vue
index 0d34d13..ac7322e 100644
--- a/src/views/securityGuard/securityCertificate.vue
+++ b/src/views/securityGuard/securityCertificate.vue
@@ -23,22 +23,22 @@
<div v-if="!data.avatar">暂无照片</div>
<img :src="data.avatar" alt="" v-else />
</div>
- <div class="security_m_l_titleName">{{ data.realName }}</div>
- <div class="security_m_l_titlepaperTimenian">
+ <div class="security_m_l_titleName widt">{{ data.realName }}</div>
+ <div class="security_m_l_titlepaperTimenian widt">
{{ data.paperTime.slice(0, 4) }}
</div>
- <div class="security_m_l_titlepaperTimeyue">
+ <div class="security_m_l_titlepaperTimeyue widt">
{{ data.paperTime.slice(5, 7) }}
</div>
- <div class="security_m_l_titlepaperTimeri">
+ <!-- <div class="security_m_l_titlepaperTimeri">
{{ data.paperTime.slice(8, 10) }}
- </div>
- <div class="security_m_l_downsecuritynumber">
+ </div> -->
+ <div class="security_m_l_downsecuritynumber widt">
{{ data.securitynumber }}
</div>
- <div class="security_m_r_o_right">{{ data.realName }}</div>
- <div class="security_m_r_o_rightbirthday">{{ data.birthday }}</div>
- <div class="security_m_r_o_rightaddress security_m_r_o_l_r">
+ <div class="security_m_r_o_right widt">{{ data.realName }}</div>
+ <div class="security_m_r_o_rightbirthday widt">{{ data.cardid.slice(6, 10) }}. {{ data.cardid.slice(10, 12) }}. {{ data.cardid.slice(12, 14) }}</div>
+ <div class="security_m_r_o_rightaddress security_m_r_o_l_r widt">
{{ data.address }}
</div>
<div class="security_m_r_o_rightcardid">{{ data.cardid }}</div>
@@ -96,7 +96,7 @@
}
// 标题
$upTop: 55px;
-$downTop: 280px;
+$downTop: 230px; //整体高度
//经国家保安员考试审查合格。<br />特颁此证。
.security_main-title {
position: absolute;
@@ -121,6 +121,7 @@
top: 421px;
left: 32px;
font-size: 24px;
+ font-weight: 500;
}
$rightLeft: 343px;
@@ -137,6 +138,7 @@
width: $rightWidth;
text-align: justify;
text-align-last: justify;
+ font-weight: 500;
}
//出生年月
.security_m_r_b {
@@ -186,7 +188,7 @@
// 抬头名字
.security_m_l_titleName {
position: absolute;
- top: 46px;
+ top: 16px;
left: 85px;
line-height: 45px;
font-size: 22px;
@@ -194,7 +196,7 @@
letter-spacing: 3px;
}
//发证时间
-$timeTop: 320px;
+$timeTop: 280px; //整体高度
//年
.security_m_l_titlepaperTimenian {
position: absolute;
@@ -202,6 +204,7 @@
left: 104px;
font-size: 18px;
line-height: 40px;
+ // font-weight: 500;
}
//月
.security_m_l_titlepaperTimeyue {
@@ -210,6 +213,7 @@
left: 164px;
font-size: 18px;
line-height: 40px;
+ // font-weight: 500;
}
//日
.security_m_l_titlepaperTimeri {
@@ -218,22 +222,28 @@
left: 209px;
font-size: 18px;
line-height: 40px;
+ // font-weight: 500;
}
//证件编号
.security_m_l_downsecuritynumber {
position: absolute;
- top: 419px;
+ top: 369px; //整体高度
left: 146px;
font-size: 24px;
}
+
+
+
+//内容
// 姓名
-$centerLeft: 430px;
+$centerLeft: 440px;
.security_m_r_o_right {
position: absolute;
top: $downTop;
left: $centerLeft;
font-size: $rightFontSize;
// width: $rightWidth;
+ // font-weight: 500;
}
// 生日
.security_m_r_o_rightbirthday {
@@ -242,6 +252,7 @@
left: $centerLeft;
font-size: $rightFontSize;
// width: $rightWidth;
+ // font-weight: 500;
}
// 地址
.security_m_r_o_rightaddress {
@@ -250,6 +261,7 @@
left: $centerLeft;
font-size: $rightFontSize;
width: 160px;
+ // font-weight: 500;
}
// 身份证
.security_m_r_o_rightcardid {
@@ -258,6 +270,7 @@
left: $centerLeft;
font-size: $rightFontSize;
// width: $rightWidth;
+ // font-weight: 500;
}
//背景图
.security_main_backImge {
@@ -268,4 +281,7 @@
background-size: 100% 100%;
background-repeat: no-repeat;
}
+// .widt{
+// font-weight: 550;
+// }
</style>
\ No newline at end of file
--
Gitblit v1.9.3