TBtools-注册页改版

htmldev/TBTools/src/assets/scss/_base.scss

@@ -8,8 +8,9 @@
 }
 
 body {
-  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+  font-family: PingFang SC, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
   font-size: 14px;
+  font-weight: 400;
   line-height: 1.15;
   color: #303133;
   background-color: #fff;
@@ -228,6 +229,7 @@ img {
 
     .el-dropdown-link {
       cursor: pointer;
+
       > img {
         width: 36px;
         height: auto;

htmldev/TBTools/src/views/common/home.vue

@@ -219,6 +219,7 @@ h3 + p {
         flex-direction: column;
         justify-content: center;
         align-items: center;
+        text-decoration: none;
       }
 
       img {

htmldev/TBTools/src/views/modules/account/register.vue

@@ -1,9 +1,13 @@
 <template>
   <div>
-    <el-row>
-      <el-col class="TT-main" :span="10" :offset="7">
+    <el-row style="padding-top: 45px;">
+      <el-col :span="11" :offset="1">
+        <img class="TT-logo_register" src="../../../../static/img/register/logo_register.png" alt="">
+      </el-col>
+      <el-col class="TT-main" :span="8" :offset="1">
         <h3 class="title">
           <span>注册</span>
+          <span>/Sign up</span>
         </h3>
         <el-form
           :model="dataForm"
@@ -37,7 +41,9 @@
             <el-input type="password" v-model="dataForm.checkPass" auto-complete="off" placeholder="确认密码"></el-input>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" @click="submitForm('dataForm')" style="width:100%;">注册</el-button>
+            <el-button type="primary" @click="submitForm('dataForm')"
+                       style="width:100%;background: #332C2B;color: #00EEFF;">注册
+            </el-button>
             <p class="login" @click="gotoLogin">已有账号？立即登录</p>
           </el-form-item>
         </el-form>
@@ -219,46 +225,30 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.TT-main {
-  padding: 30px 0 50px;
-  overflow: hidden;
+.TT-logo_register {
+  display: block;
+  width: 508px;
+  height: 399px;
 }
 
 .title {
-  position: relative;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 179px;
-  margin: 0 auto 22px;
-  border-top-left-radius: 10px;
-  border-top-right-radius: 10px;
-  color: #fff;
-  background: url(~@/assets/img/login_bg.jpg) center center/100% 100% no-repeat;
-  overflow: hidden;
-
-  &::before {
-    content: "";
-    display: block;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    background-color: rgba(54, 84, 99, 0.7);
-  }
+  text-align: right;
+  padding-right: 66px;
+  margin-bottom: 37px;
 
   span {
-    position: relative;
-    left: 0;
-    top: 0;
-    z-index: 1;
-    display: block;
-    width: 100%;
-    line-height: 179px;
-    font-size: 30px;
-    font-weight: 400;
-    text-align: center;
+    &:nth-of-type(1) {
+      line-height: 30px;
+      font-size: 22px;
+      color: #332C2B;
+    }
+
+    &:nth-of-type(2) {
+      line-height: 26px;
+      font-size: 18px;
+      font-weight: 400;
+      color: #DCDFE6;
+    }
   }
 }
 
@@ -301,11 +291,12 @@ export default {
     margin-left: 20px;
     width: 140px;
     text-align: center;
+    background: #332C2B;
+    color: #00EEFF;
 
     &.el-button--primary:focus {
-      background: #409EFF;
-      border-color: #409EFF;
-      color: #fff;
+      background: #332C2B;
+      color: #00EEFF;
     }
   }
 }