鍍金池/ 問答/HTML5  HTML/ 為什么elment-ui的子菜單 寬度這么大

為什么elment-ui的子菜單 寬度這么大

clipboard.png

 <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"  @open="" @close=""  router>
      <el-menu-item index="/">首頁</el-menu-item>
       <el-submenu index="5" >
        <template slot="title"> 關(guān)于我們</template>
        <el-menu-item index="/aboutus">關(guān)于我們</el-menu-item>
        </el-submenu>
        </el-menu>
回答
編輯回答
瘋浪

不一定全都要使用它的，可以自己編寫樣式替換掉不合適掉

2017年9月15日 08:52
編輯回答
巫婆

兩個答案：

  1. 如果你讓項目中所有地方菜單都進行修改可以自己創(chuàng)建一個CSS文件，在項目中引用，即可把樣式進行重置

  2. 如果你只在某一個頁面改變element ui 某個組件樣式，你可以使用vue-loader中的深度作用選擇器
    地址：https://vue-loader.vuejs.org/...

       (SCSS)例子如下 :
 .menu {
            &__dialog {
              color: red;
              /deep/ .el-dialog__body {
                padding: 0 20px;
              }
            }
          }
2018年8月2日 05:20
編輯回答
哚蕾咪

可以直接修改源碼，也可以自己寫class樣式替換。

2018年3月28日 10:44
編輯回答
念初

自己寫個樣式替換掉不就行了

2018年9月12日 09:49
編輯回答
玄鳥

那你換啊，自己加id換css

2018年3月17日 05:00