| | |
| | | <p>多维度数据库</p> |
| | | </div> |
| | | <div class="leftMenuList"> |
| | | <div |
| | | class="menuItem" |
| | | :class="{ active: $route.path == item.path }" |
| | | v-for="(item, index) in menuList" |
| | | :key="index" |
| | | @click="$router.push(item.path)" |
| | | > |
| | | <div class="menuItem" :class="{ active: $route.path == item.path }" v-for="(item, index) in menuList" |
| | | :key="index" @click="$router.push(item.path)"> |
| | | <div> |
| | | <i :class="item.icon"></i> |
| | | </div> |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | display: flex; |
| | | |
| | | // background-image: url("@/assets/images/homeBg.png"); |
| | | // background-repeat: no-repeat; |
| | | // background-size: 100% 95%; |
| | | .pageContentBox { |
| | | width: 100%; |
| | | min-height: calc(100% - 525px); |
| | | } |
| | | |
| | | .active{ |
| | | background: #6F5A3A; |
| | | color: #fff; |
| | | } |
| | | |
| | | .leftMenu { |
| | | width: 200px; |
| | | height: 100%; |
| | | background: #937950; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .leftMenuTitle { |
| | | width: 100%; |
| | | height: 50px; |
| | |
| | | color: #fff; |
| | | font-size: 24px; |
| | | } |
| | | |
| | | .leftMenuContent { |
| | | font-size: 20px; |
| | | line-height: 30px; |
| | |
| | | border-top: 1px solid #fff; |
| | | border-bottom: 1px solid #fff; |
| | | } |
| | | |
| | | .leftMenuList > menuItem:first-child { |
| | | border-top: 1px solid #fff; |
| | | } |
| | | |
| | | .leftMenuList { |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | font-size: 24px; |
| | | border-bottom: 1px solid #b9a587; |
| | | height: 180px; |
| | | |
| | | .menuText { |
| | | line-height: 50px; |
| | | } |
| | | |
| | | i { |
| | | font-size: 34px; |
| | | } |