修改首页

董国庆

6 天以前 3f0d4c3df5d21e48da5d4ec658d9bcf54ec10319

 src/layouts/index.vue

@@ -3,42 +3,15 @@
    <div class="header relative" style="align-items: flex-end">

      <div @click="$router.push('/home')" class="title">

        <img src="@/assets/logo.png" alt="" />

        <span> 射洪两客一危监管平台 </span>

        <span> 射洪市 两客一危 监管平台 </span>

      </div>

      <div></div>

      <div class="flex a-center pr--40">

        <div class="flex a-center mr--72">

          <img

            src="@/assets/header/photo.png"

            class="w--32 h--32 shrink0 mr--10"

            style="border-radius: 50%"

          />

          <div class="fs-- 18 lh--25 color2">

            {{ $store.state.userInfo.nickName }}

          </div>

        </div>

        <div

          class="dropdown"

          @mouseenter="toggleDropdown(true)"

          @mouseleave="toggleDropdown(false)"

        >

          <img src="@/assets/header/more.png" class="w--16 h--16" />

          <div v-if="isOpen" class="dropdown-menu">

            <div

              @click="clickItem(item)"

              class="dropdown-item"

              v-for="item in menuItems"

              :key="item.text"

            >

              <i :class="item.icon"></i> {{ item.text }}

            </div>

          </div>

        </div>

      </div>

      
    </div>

    <div class="menu w100 bgColor1">

      <template v-for="(item, index) in routesList">

        <template v-if="!item.meta || !item.meta.title">

    <div style="display: flex;justify-content: space-between;">

      <div class="menu w100 bgColor1">

        <template v-for="(item, index) in routesList">

          <template v-if="!item.meta || !item.meta.title">

          <template v-for="(item2, index2) in item.children">

            <div

              v-if="!item2.meta.hide"

@@ -89,6 +62,42 @@
          </div>

        </div>

      </template>

      </div>

      <div class="flex a-center" 
      style="background: #3367ce;justify-content: space-between;padding:0 60px 0 30px;">

        <div class="flex a-center" style="padding-right: 20px;">

          <el-tooltip

            :content="$store.state.userInfo.nickName"

            placement="bottom"

            effect="light"

            :show-after="0"

            :hide-after="2000"

          >

            <img

              src="@/assets/header/photo.png"

              class="w--32 h--32 shrink0 mr--10"

              style="border-radius: 50%"

            />

          </el-tooltip>

        </div>

        <div

          class="dropdown"

          @mouseenter="toggleDropdown(true)"

          @mouseleave="toggleDropdown(false)"

        >

          <img src="@/assets/header/more.png" class="w--16 h--16" />

          <div v-if="isOpen" class="dropdown-menu">

            <div

              @click="clickItem(item)"

              class="dropdown-item"

              v-for="item in menuItems"

              :key="item.text"

            >

              <i :class="item.icon"></i> {{ item.text }}

            </div>

          </div>

        </div>

      </div>

    </div>

    <div class="main">

      <router-view></router-view>

@@ -121,6 +130,7 @@
      menuItems: [{ text: "密码设置" }, { text: "退出登录" }],

      passwordVisible: false,

      row: {},

      showNickname: false,

    };

  },

  created() {

@@ -247,7 +257,7 @@
    font-size: 30px;

    align-items: center;

    position: absolute;

    top: 38%;

    top: 48%;

    left: 48.5%;

    transform: translate(-50%, -50%);

    // color: rgba(0, 0, 0, .8);