littlegreen vor 2 Jahren
Ursprung
Commit
2b72d08528
1 geänderte Dateien mit 136 neuen und 4 gelöschten Zeilen
  1. 136 4
      ruoyi-ui/src/views/certInquire/index.vue

+ 136 - 4
ruoyi-ui/src/views/certInquire/index.vue

@@ -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>