|
@@ -1,8 +1,5 @@
|
|
|
<template>
|
|
|
<div class="main">
|
|
|
- <div class="img-box">
|
|
|
- <img src="../../assets/logo/logo2.png" alt="广东省教师继续教育学会">
|
|
|
- </div>
|
|
|
<div>
|
|
|
<router-view></router-view>
|
|
|
</div>
|
|
@@ -13,8 +10,21 @@
|
|
|
<style lang="scss">
|
|
|
.main {
|
|
|
text-align: left;
|
|
|
- margin: 100px auto;
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ // margin: 100px auto;
|
|
|
+ // width: 500px;
|
|
|
+ // position: absolute;
|
|
|
+ // left: 50%;
|
|
|
+ // top: 50%;
|
|
|
+ // transform: translate(-50%, -50%);
|
|
|
+}
|
|
|
+.main-content{
|
|
|
width: 500px;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
}
|
|
|
.img-box {
|
|
|
width: 360px;
|
|
@@ -79,4 +89,126 @@
|
|
|
.activeSpan{
|
|
|
color: #50ac55;
|
|
|
}
|
|
|
+
|
|
|
+.zs-title-img{
|
|
|
+ display: block;
|
|
|
+ margin: auto;
|
|
|
+ height: 75px;
|
|
|
+ transform: scale(1.7);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+::v-deep .el-dialog__body {
|
|
|
+ padding: 0px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+#pdfDom {
|
|
|
+ /* 要想pdf周边留白,要在这里设置 */
|
|
|
+ /* padding: 20px; */
|
|
|
+ width: 750px;
|
|
|
+ margin: auto;
|
|
|
+}
|
|
|
+.proBox {
|
|
|
+ /* background: url("../assets/Appointment_page-0001.jpg") no-repeat; */
|
|
|
+ background-size: cover;
|
|
|
+ width: 750px;
|
|
|
+ height: 525px;
|
|
|
+ /* padding: 90px 94px; */
|
|
|
+ padding: 40px 60px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+ color: #000;
|
|
|
+ font-family: 楷体;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+.tit {
|
|
|
+ color: #000;
|
|
|
+ /* color: #892f27; */
|
|
|
+ /* font-size: 36px; */
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: 700;
|
|
|
+ position: relative;
|
|
|
+ top: -6px;
|
|
|
+ left: 8px;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ font-family: STHeiti;
|
|
|
+ margin: 10px 0;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.proid {
|
|
|
+ text-align: right;
|
|
|
+ margin: 0;
|
|
|
+ font-weight: 500;
|
|
|
+ /* margin-right: 5px; */
|
|
|
+}
|
|
|
+.con {
|
|
|
+ font-size: 20px;
|
|
|
+ /* font-weight: 700; */
|
|
|
+ text-align: left;
|
|
|
+ margin: 10px 0;
|
|
|
+ line-height: 32px;
|
|
|
+ text-indent: 2em;
|
|
|
+ position: absolute;
|
|
|
+ /* top: 129px; */
|
|
|
+ bottom: 265px;
|
|
|
+}
|
|
|
+.con-name {
|
|
|
+ font-family:黑体 ;
|
|
|
+ margin-right: 10px;
|
|
|
+ font-size: 24px;
|
|
|
+}
|
|
|
+.con-unit {
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 700;
|
|
|
+ position: absolute;
|
|
|
+ right: 45px;
|
|
|
+ bottom: 100px;
|
|
|
+ z-index: 10;
|
|
|
+ text-align: center;
|
|
|
+ /* letter-spacing: 2px; */
|
|
|
+}
|
|
|
+.con-unit p {
|
|
|
+ margin: 5px 0;
|
|
|
+}
|
|
|
+.con-footer {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ right: 45px;
|
|
|
+ bottom: 65px;
|
|
|
+ font-size: 10px;
|
|
|
+ z-index: 10;
|
|
|
+}
|
|
|
+.con-footer p{
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.chapter {
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 45px;
|
|
|
+ right: 40px;
|
|
|
+}
|
|
|
+.cert-msg{
|
|
|
+ font-size: 20px;
|
|
|
+ font-size: 15px;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 50px;
|
|
|
+ left: 90px;
|
|
|
+}
|
|
|
+.foot-term{
|
|
|
+ position: absolute;
|
|
|
+ bottom: 124px;
|
|
|
+ left: 175px;
|
|
|
+}
|
|
|
+.foot-cert{
|
|
|
+ position: absolute;
|
|
|
+ bottom: 94px;
|
|
|
+ left: 175px;
|
|
|
+}
|
|
|
+.foot-date{
|
|
|
+ position: absolute;
|
|
|
+ bottom: 64px;
|
|
|
+ left: 175px;
|
|
|
+}
|
|
|
</style>
|