浏览代码

perf: 处理云中心内容方案优化

wangcz 7 年之前
父节点
当前提交
ae4a28a42d
共有 3 个文件被更改,包括 10 次插入8 次删除
  1. 5 3
      components/default/CloudHeader.vue
  2. 2 2
      components/mobile/cloudcenter/cloudCenter.vue
  3. 3 3
      pages/cloudcenter/index.vue

+ 5 - 3
components/default/CloudHeader.vue

@@ -4,16 +4,15 @@
       <div class="navbar-container container">
       <div class="navbar-container container">
         <div class="navbar-header">
         <div class="navbar-header">
           <a href="http://www.usoftchina.com" class="item navbar-link">
           <a href="http://www.usoftchina.com" class="item navbar-link">
-            <img src="/images/logo/uas.png" class="navbar-logo">
+            <img src="/images/logo/uas.png" class="navbar-logo"> | &nbsp;&nbsp; 云中心
           </a>
           </a>
-          <a href=""><span class="navbar-slogan">云中心</span></a>
         </div>
         </div>
         <ul class="nav nav-pills f-nav">
         <ul class="nav nav-pills f-nav">
           <li>
           <li>
             <nuxt-link to="/cloudcenter" class="menu-item" exact>基本信息</nuxt-link>
             <nuxt-link to="/cloudcenter" class="menu-item" exact>基本信息</nuxt-link>
           </li>
           </li>
           <li>
           <li>
-            <nuxt-link to="/cloudcenter/enterprise" class="menu-item">企业管理</nuxt-link>
+            <nuxt-link to="/cloudcenter/enterprise" class="menu-item">员工管理</nuxt-link>
           </li>
           </li>
         </ul>
         </ul>
       </div>
       </div>
@@ -208,6 +207,9 @@
   .navbar-logo {
   .navbar-logo {
     margin-bottom: 2px;
     margin-bottom: 2px;
   }
   }
+    .navbar-link {
+      font-size:14px;
+    }
 
 
   .navbar-slogan {
   .navbar-slogan {
     margin-left: $sm-pad;
     margin-left: $sm-pad;

+ 2 - 2
components/mobile/cloudcenter/cloudCenter.vue

@@ -3,8 +3,8 @@
     <div class="box-header"><img src="/images/all/uas-m.png" alt="">账号中心</div>
     <div class="box-header"><img src="/images/all/uas-m.png" alt="">账号中心</div>
     <div class="w-over-box">
     <div class="w-over-box">
       <div class="basic-nav">
       <div class="basic-nav">
-        <span @click="activeTab = 0" :class="{active: activeTab === 0}">个人账号信息<em></em></span>
-        <span @click="activeTab = 1" :class="{active: activeTab === 1}" v-show="user.userspace">绑定企业信息<em></em></span>
+        <span @click="activeTab = 0" :class="{active: activeTab === 0}">个人信息<em></em></span>
+        <span @click="activeTab = 1" :class="{active: activeTab === 1}" v-show="user.userspace">企业信息<em></em></span>
       </div>
       </div>
       <div class="basic-info" v-show="activeTab === 0">
       <div class="basic-info" v-show="activeTab === 0">
         <div class="basic-top">
         <div class="basic-top">

+ 3 - 3
pages/cloudcenter/index.vue

@@ -8,8 +8,8 @@
       <div class="w-over-box">
       <div class="w-over-box">
         <div class="container">
         <div class="container">
           <div class="basic-nav">
           <div class="basic-nav">
-            <span @click="activeTab = 0" :class="{active: activeTab === 0}">个人账号信息<em></em></span>
-            <span @click="activeTab = 1" :class="{active: activeTab === 1}" v-show="user.userspace">绑定企业信息<em></em></span></div>
+            <span @click="activeTab = 0" :class="{active: activeTab === 0}">个人信息<em></em></span>
+            <span @click="activeTab = 1" :class="{active: activeTab === 1}" v-show="user.userspace">企业信息<em></em></span></div>
           <div class="basic-info" v-show="activeTab === 0">
           <div class="basic-info" v-show="activeTab === 0">
             <div class="basic-top">
             <div class="basic-top">
               <div class="line">
               <div class="line">
@@ -303,7 +303,7 @@
           content: '';
           content: '';
           position: absolute;
           position: absolute;
           bottom: 0;
           bottom: 0;
-          left: 30px;
+          left: 15px;
           width: 52px;
           width: 52px;
           height: 6px;
           height: 6px;
           background: transparent ;
           background: transparent ;