浏览代码

login form style update

hare8999@163.com 1 年之前
父节点
当前提交
942a0a91f0
共有 2 个文件被更改,包括 17 次插入16 次删除
  1. 4 0
      src/assets/styles/common.scss
  2. 13 16
      src/views/index/components/login-form-banner.vue

+ 4 - 0
src/assets/styles/common.scss

@@ -741,6 +741,10 @@
   color: #ffba00;
 }
 
+.f-blue {
+  color: #4D74D6;
+}
+
 .f-primary {
   color: #47C6A2
 }

+ 13 - 16
src/views/index/components/login-form-banner.vue

@@ -50,22 +50,19 @@
             <span>{{ currentUser.nickName }} {{ schoolName }}</span>
           </p>
         </div>
-        <div class="list-group-item" style="border: none">
-                                        <span style="display:inline-block;width:33%;text-align:center;cursor:pointer">
-                                            <img style="width: 16px;position: relative;top: 2px;margin-right: 5px;"
-                                                 src="@/assets/images/icon_jifen.png" alt/>
-                                            {{ currentUser.points || 0 }}积分
-                                        </span>
-          <span @click="handleGoUserCenter"
-                style="display:inline-block;width:33%;text-align:center;color:#4055F7;cursor:pointer">
-                                            <img style="width: 16px;position: relative;top: 2px;margin-right: 5px;"
-                                                 src="@/assets/images/icon_user.png" alt/>个人中心
-                                        </span>
-          <span @click="logout"
-                style="display:inline-block;width:33%;text-align:center;color:#C93C3C;cursor:pointer">
-                                            <img style="width: 16px;position: relative;top: 2px;margin-right: 5px;"
-                                                 src="@/assets/images/icon_back.png" alt/>退出
-                                        </span>
+        <div class="mt15 fx-row fx-bet-cen f13">
+          <div class="fx-row ai-cen">
+            <img class="icon16 mr5" src="@/assets/images/icon_jifen.png" alt/>
+            {{ currentUser.points || 0 }}积分
+          </div>
+          <div class="fx-row ai-cen pointer f-blue" @click="handleGoUserCenter">
+            <img class="icon16 mr5" src="@/assets/images/icon_user.png" alt/>
+            个人中心
+          </div>
+          <div class="fx-row ai-cen pointer f-red" @click="logout">
+            <img class="icon16 mr5" src="@/assets/images/icon_back.png" alt/>
+            退出
+          </div>
         </div>
       </div>
     </div>