| | |
| | | <!-- 布局入口 --> |
| | | <template> |
| | | <div class="app-box"> |
| | | <div class="box-view"> |
| | | <!-- left --> |
| | | <div class="left-view"> |
| | | <!-- <div class="box-view"> --> |
| | | <!-- left --> |
| | | <!-- <div class="left-view"> |
| | | <div |
| | | v-for="(it, i) in list" |
| | | :key="i" |
| | |
| | | <img :src="$getImages(`headIcon/personal-menu/${it.imgKey}.png`)" /> |
| | | <span>{{ $t(`message.user.${it.label}`) }}</span> |
| | | </div> |
| | | </div> |
| | | <!-- right --> |
| | | <div class="right-view"> |
| | | <router-view /> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <!-- right --> |
| | | <!-- <div class="right-view"> --> |
| | | <router-view /> |
| | | <!-- </div> --> |
| | | <!-- </div> --> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .box-view{ |
| | | .box-view { |
| | | flex-direction: column; |
| | | align-items: center; |
| | | } |
| | |
| | | right: 0px; |
| | | width: calc(100% - 16px); |
| | | height: 3px; |
| | | background-color: rgb(42, 100, 251); |
| | | background-color: #f7b328; |
| | | } |
| | | .right-view{ |
| | | width: 1200px; |
| | | .right-view { |
| | | /* width: 1200px; */ |
| | | } |
| | | </style> |