学时证明样式

src/containers/reset/reset.vue

@@ -31,10 +31,10 @@
         </el-form-item>
 
 
-        <div class="submit">
+        <el-form-item class="">
           <el-button type="primary" class="submit-btn" @click="submitForm('regForm')">重置密码</el-button>
           <el-button type="primary" class="submit-btn" @click="goLogin">回到登入</el-button>
-        </div>
+        </el-form-item>
       </el-form>
     </div>
   </div>

src/containers/sign/index.css

@@ -30,7 +30,7 @@
     }
 }
 
-.title-2{
+.sign-title-2{
     width: 70%;
     margin-left: auto;
     margin-right: auto;
@@ -41,7 +41,7 @@
     display: block;
 }
 
-.content-box {
+.sign-content-box {
     width: 80%;
     background-color: white;
     border-radius: .6rem;
@@ -51,19 +51,19 @@
     margin-bottom: 1.2rem;
 }
 
-.title {
+.sign-title {
     font-weight: bold;
     font-size: 20px;
     color: #439fff;
 }
 
-.content {
+.sign-content {
     width: 100%;
     margin-top: .6rem;
     border-top: 1px solid #e6e6e6;
 }
 
-.course-name {
+.sign-course-name {
     font-size: 1.1rem;
     font-weight: bold;
     color: #333;
@@ -76,30 +76,30 @@
     margin-bottom: -0.3rem;
 }
 
-.ul-info {
+.sign-ul-info {
     font-size: .9rem;
     margin-top: .6rem;
     color: #333;
 }
 
-.info {
+.sign-info {
     margin-top: .15rem;
 }
 
-.info-2 {
+.sign-info-2 {
     width: 40%;
     float: left;
 }
-.info-3 {
+.sign-info-3 {
     width: 60%;
     float: left;
 }
 
-.con {
+.sign-con {
     font-size: .72rem;
 }
 
-.tips {
+.sign-tips {
     margin-left: auto;
     margin-right: auto;
     font-size: .72rem;

src/containers/sign/index.vue

@@ -1,34 +1,34 @@
 <template>
   <div class="sign-body">
-    <img class="title-2" src="/static/sign/title.png" alt="继续教育信息验证结果">
-    <div class="content-box">
-      <div class="title">人员信息</div>
-      <div class="content">
-        <ul class="ul-info">
-          <li class="info"><span>姓名：</span><span>{{info.nickname}}</span>
+    <img class="sign-title-2" src="/static/sign/title.png" alt="继续教育信息验证结果">
+    <div class="sign-content-box">
+      <div class="sign-title">人员信息</div>
+      <div class="sign-content">
+        <ul class="sign-ul-info">
+          <li class="sign-info"><span>姓名：</span><span>{{info.nickname}}</span>
           </li>
-          <li class="info"><span>身份证号码：</span><span>{{info.cardId}}</span></li>
-          <li class="info">
+          <li class="sign-info"><span>身份证号码：</span><span>{{info.cardId}}</span></li>
+          <li class="sign-info">
             <span>培训类别：</span><span>{{info.courseName}}</span>
           </li>
         </ul>
       </div>
     </div>
-    <div class="content-box">
-      <div class="title">选修课-课程
+    <div class="sign-content-box">
+      <div class="sign-title">选修课-课程
         <span style="font-size: 20px;color: black">（共</span>
         <span style="font-size: 20px;color: black">{{info.mediaList|totalXs}}</span>
         <span style="font-size: 20px;color: black">学时）</span>
       </div>
 
-      <div class="content" v-for="item in info.mediaList">
-        <div class="course-name">{{item.name}}</div>
-        <ul class="ul-info clear">
-          <li class="info">
+      <div class="sign-content" v-for="item in info.mediaList">
+        <div class="sign-course-name">{{item.name}}</div>
+        <ul class="sign-ul-info clear">
+          <li class="sign-info">
             <span>学时：</span>
             <span>{{item.xs/10}}</span>
           </li>
-          <li class="info">
+          <li class="sign-info">
             <span>培训师资：</span>
             <span>{{item.author}}</span>
           </li>