菜单样式

src/views/Home.vue

@@ -4,10 +4,10 @@
       <el-header style="background-color: #ccc; line-height: 50px">
         <div class="navs">
           <!-- <div class="maintitle">神豚医疗信息系统</div> -->
-          <div>
-            <el-dropdown  style="width:120px;display:">
+          <div style="">
+            <el-dropdown  >
               <span class="el-dropdown-link">
-                用户权限管理<i class="el-icon-arrow-down el-icon--right"></i>
+                用户权限管理
               </span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item
@@ -30,10 +30,10 @@
             </el-dropdown>
           </div>
           <!-- 基础字典 -->
-          <div style="margin-left: 1%;width:120px" class="basicdictionany" >
+          <div style="margin-left: 15px" class="basicdictionany" >
             <el-dropdown>
               <span class="el-dropdown-link">
-                基础字典<i class="el-icon-arrow-down el-icon--right"></i>
+                基础字典
               </span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item
@@ -125,10 +125,10 @@
             </el-dropdown>
           </div>
           <!-- 收费设置 -->
-          <div class="feesettings" style="width:120px">
+          <div class="feesettings" style="margin-left:20px">
             <el-dropdown>
               <span class="el-dropdown-link">
-                收费设置<i class="el-icon-arrow-down el-icon--right"></i>
+                收费设置
               </span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item
@@ -143,10 +143,10 @@
             </el-dropdown>
           </div>
           <!--常用设置  -->
-          <div class="commonsettings" style="width:120px">
+          <div class="commonsettings" style="margin-left:20px">
             <el-dropdown>
               <span class="el-dropdown-link">
-                常用设置<i class="el-icon-arrow-down el-icon--right"></i>
+                常用设置
               </span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item
@@ -209,10 +209,10 @@
             </el-dropdown>
           </div>
           <!-- 体检登记 -->
-          <div class="examinationregistration" style="margin-left: 1%;width:120px">
+          <div class="examinationregistration" style="margin-left: 15px;">
             <el-dropdown>
               <span class="el-dropdown-link">
-                体检登记<i class="el-icon-arrow-down el-icon--right"></i>
+                体检登记
               </span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item
@@ -247,10 +247,10 @@
             </el-dropdown>
           </div>
           <!-- 体检 -->
-          <div class="physicalexamination" style="margin-left: 1%;width:100px">
+          <div class="physicalexamination" style="margin-left: 15px;">
             <el-dropdown>
               <span class="el-dropdown-link">
-                体检<i class="el-icon-arrow-down el-icon--right"></i>
+                体检
               </span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item
@@ -269,7 +269,7 @@
              <!-- <i class="el-icon-arrow-down el-icon--right"></i> -->
             <el-dropdown>
               <span class="el-dropdown-link">
-                操作  
+                操作  <i class="el-icon-arrow-down el-icon--right"></i>
               </span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item @click.native="logout"
@@ -531,12 +531,6 @@ export default {
   display: block;
   position: relative;
 }
-.commonsettings {
-  margin-left: 1%;
-}
-.feesettings {
-  margin-left: 1%;
-}
 .el-menu {
   border-right: none;
 }
@@ -581,7 +575,10 @@ export default {
 }
 
 .btn {
-  margin-left: 45%;
+  /* margin-left: 60%; */
+  /* position: relative;
+  right: -70%; */
+ margin-left:auto;
 }
 
 .collapseandunfoled {