后台管理系统(页面布局模板)使用 element-ui

<template>
  <el-container>
    <!-- 头部 -->
    <el-header>
      <div class="header">
        <div class="header-left">
          <span v-if="!isFold">电商后台管理系统</span>
          <span v-else class="el-icon-eleme"></span>
          <span class="fold-btn" :class="foldIcon" @click="changeFold"></span>
        </div>
        <div class="header-right">
          <span>admin</span>
          <span class="iconfont icon-tuichu"></span>
        </div>
      </div>
    </el-header>
    <el-container>
      <!-- 左侧导航 -->
      <el-aside :width="`${asideWidth}px`"

你可能感兴趣的:(vue.js,vue.js)