UI优化

src/components/Signin.vue

@@ -96,7 +96,7 @@ const handleLogin = () => {
         type="nickname"
         class="nickname-input"
         placeholder="请输入昵称"
-        placeholder-style="color: #ccc"
+        placeholder-style="color: #fff9"
         @change="onNicknameChange"
         @blur="onNicknameBlur"
       />
@@ -136,7 +136,9 @@ const handleLogin = () => {
   width: 80%;
   display: flex;
   align-items: center;
-  margin: 20px 0;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #fff3;
+  padding: 20px 2px;
 }
 .avatar {
   margin: 0;
@@ -144,14 +146,15 @@ const handleLogin = () => {
 .avatar > text,
 .nickname > text {
   width: 20%;
-  margin-right: 10px;
   color: #fff9;
+  font-size: 14px;
+}
+.avatar > button > text {
+  color: #fff9;
+  font-size: 14px;
 }
 .nickname > input {
   flex: 1;
-  background-color: #fff;
-  border-radius: 20px;
-  padding: 7px 15px;
   font-size: 14px;
   color: #000;
 }
@@ -169,13 +172,13 @@ const handleLogin = () => {
   color: #8a8a8a;
 }
 .protocol > image {
-  width: 18px;
-  height: 18px;
+  width: 16px;
+  height: 16px;
   margin-right: 10px;
 }
 .protocol > view:first-child {
-  width: 16px;
-  height: 16px;
+  width: 14px;
+  height: 14px;
   border-radius: 50%;
   margin-right: 10px;
   border: 1px solid #fff;