111

src/components/homeIndex.vue

 <template>
   <div class="homeIndex">
       <div class="head">
+          <div class="main-container">
+              <div style="text-align:right;padding-top:20px">
+                <el-dropdown>
+                    <span class="el-dropdown-link" style="color:#fff;font-size:16px">
+                        <i class="iconfont icon-iconzh1"></i>
+                        T1219561424<i class="el-icon-arrow-down el-icon--right"></i>
+                    </span>
+                    <el-dropdown-menu slot="dropdown">
+                        <el-dropdown-item>修改密码</el-dropdown-item>
+                        <el-dropdown-item>注销</el-dropdown-item>
+                    </el-dropdown-menu>
+                </el-dropdown>
+            </div>
+            <div style="font-size: 20px;margin-top: 35px;">管理中心</div>
+            <div class="tabHead" style="font-size: 14px;">
+                <span class="active">账户管理</span>
+                <span>小程序商城</span>
+                <span>设置</span>
+            </div>
+          </div>
+          
+      </div>
+      <div style="background:#f3f3f3;width:100%">
+          <div class="main-container div2">
+
+        </div>
+        <div class="main-container">
 
+        </div>
       </div>
+      
   </div>
 </template>
 
@@ -13,7 +42,48 @@ export default {
 </script>
 
 <style>
+.homeIndex .tabHead .active{
+    color: #409EFF;
+    border-bottom: 2px solid #409EFF;
+}
+.homeIndex .tabHead{
+    white-space: nowrap;
+    position: relative;
+    transition: -webkit-transform .3s;
+    transition: transform .3s;
+    transition: transform .3s,-webkit-transform .3s;
+    float: left;
+    z-index: 2;
+    transform: translateX(0px);
+    color:#fff;
+    margin-top: 58px;
+
+}
+.homeIndex .tabHead>span{
+    height: 40px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    line-height: 40px;
+    display: inline-block;
+    list-style: none;
+    font-size: 14px;
+    font-weight: 500;
+    position: relative;
+    margin-right: 40px;
+}
 .homeIndex .head{
-  
+    background-image: url('../assets/img/homeback.png');
+    height: 200px;
+    color:#fff;
+}
+.homeIndex .main-container {
+    max-width: 960px;
+    margin: 0 auto;
+}
+.homeIndex .div2{
+    background: rgb(255, 255, 255);
+    margin-bottom: 20px;
+    padding: 15px 20px;
+    border-radius: 5px;
 }
 </style>