提交

src/view/allMedia/main.vue

@@ -1,7 +1,11 @@
 <template>
   <div class="mainMaster">
     <div class="menu">
-      <img src="../../assets/img/logo.png" style="width: 100%;margin-bottom: 2em;" alt="" />
+      <img
+        src="../../assets/img/logo.png"
+        style="width: 100%; margin-bottom: 2em"
+        alt=""
+      />
       <div
         @click="() => selectMenuFunc(item)"
         v-for="(item, index) in menu"
@@ -12,7 +16,7 @@
         }"
       >
         <img :src="item.icon" class="icon" />
-        <span v-text="item.title"></span>
+        {{ item.title }}
       </div>
     </div>
     <router-view class="rightMain" />
@@ -90,8 +94,7 @@ const selectMenuFunc = item => {
 .mainMaster .menu {
   position: relative;
   display: inline-block;
-  width: 35%;
-  max-width: 300px;
+  max-width: 230px;
   min-width: 200px;
   padding: 32px 15px 0;
   height: 99.7%;
@@ -101,6 +104,8 @@ const selectMenuFunc = item => {
 .mainMaster .icon {
   width: 1.8em;
   margin-right: 6px;
+  margin-top: 0.6em;
+  float: left;
 }
 
 .mainMaster .rightMain {
@@ -111,7 +116,9 @@ const selectMenuFunc = item => {
 }
 
 .menu-item {
-  padding: 10px 16px;
+  padding: 0 16px;
+  height: 3em;
+  line-height: 3em;
   cursor: pointer;
   font-size: 16px;
   color: rgb(96, 98, 102);