Element Plus 的el-menu sample

 一个el-menu的Sample,正常运行

     <el-menu router unique-opened :collapse="isCollapse">
        
       <div class="book-navbar-left">
          <span><IconSvg c name="logo_200" width="35px" height="35px" style="margin-left:10px;margin-right: 1px;"/></span>
          <h1>System</h1>
        </div>
       
        <el-sub-menu class="book-navbar-menutree" index="1">
          <template #title>
          <el-icon><IconSvg class="IconSvg"  name="icon-sales" width="18px" height="18px" /></el-icon>
            <span>SaAAAA</span>
          </template>
          <el-menu-item index="/customerMaster">
            <el-icon><IconSvg class="IconSvg"  name="icon-customer-master" width="18px" height="18px" /></el-icon>
            <span>CustBBBB</span>
          </el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="5">
          <template #title>
            <el-icon><IconSvg class="IconSvg"  name="icon-billing" width="18px" height="18px" /></el-icon>
            <span>BilAAAA</span>
          </template>
          <el-menu-item index="/debitNote">
            <IconSvg class="IconSvg"  name="icon-debit" width="18px" height="18px" />
            <span>DebAAAA Note</span>
          </el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="9">
          <template #title>
            <el-icon><IconSvg class="IconSvg"  name="icon-email" width="18px" height="18px" /></el-icon>
            <span>EmaiAAA</span>
          </template>
          <el-menu-item index="/sentEmail">
            <IconSvg class="IconSvg"  name="icon-send" width="18px" height="18px" />
            <span>Sent BBBB</span>
          </el-menu-item>
          <el-menu-item index="/emailAddress">
            <IconSvg class="IconSvg"  name="icon-email-address" width="18px" height="18px" />
            <span>Email Address</span>
          </el-menu-item>
        </el-sub-menu>

        <el-menu-item index="/about">
          <el-icon><IconSvg class="IconSvg"  name="icon-about" width="18px" height="18px" /></el-icon>
          <span><a href="/about">About</a></span>
        </el-menu-item>
        
      </el-menu>

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值