theme design

component/approve/Login.vue

@@ -10,15 +10,26 @@ export default {
 
 <template class="login">
 <div class="login">
-  <h4 style="color:orange;">登录页面</h4>
-  <label>用户名</label><input type="text" placeholder="请输入用户名"/><br/>
-  <label>密码</label><input type="password" placeholder="请输入密码"/><br/>
-  <button>登录</button>
+  <div>
+    <h4 style="color:orange;">登录页面</h4>
+  </div>
+  <div>
+    <label>用户名</label>
+    <input type="text" placeholder="请输入用户名"/>
+  </div>
+  <div>
+    <label>密码</label>
+    <input type="password" placeholder="请输入密码"/>
+  </div>
+  <div>
+    <button>登录</button>
+  </div>
 </div>
 </template>
 <style scoped>
 @import url(../../style/common.css);
 .login{
+  color:var(--font-color);
   width:80%;
   display: flex;
   justify-content: center;

component/approve/Register.vue

@@ -1,10 +1,23 @@
 <template>
 <div class="register">
-  <h4 style="color:orange;">注册页面</h4>
-  <label>用户名</label><input type="text" placeholder="请输入用户名"/><br/>
-  <label>密码</label><input type="password" placeholder="请输入密码"/><br/>
-  <label>确认密码</label><input type="password" placeholder="确认密码"/><br/>
-  <button>注册</button>
+  <div>
+    <h4 style="color:orange;">注册页面</h4>
+  </div>
+  <div>
+    <label>用户名</label>
+    <input type="text" placeholder="请输入用户名"/>
+  </div>
+  <div>
+    <label>密码</label>
+    <input type="password" placeholder="请输入密码"/>
+  </div>
+  <div>
+    <label>确认密码</label>
+    <input type="password" placeholder="确认密码"/>
+  </div>
+  <div>
+    <button>注册</button>
+  </div>
 </div>
 </template>
 <script type="module">
@@ -26,6 +39,7 @@ export default {
 <style scoped>
 /* @import url(../../style/common.css); */
 .register{
+  color:var(--font-color);
   width:80%;
   display: flex;
   justify-content: center;