| | |
| | | <template> |
| | | <div class="project_list"> |
| | | <div class="left_content"> |
| | | <div :class="[isHidden? 'w50' : 'left_content']"> |
| | | <router-view /> |
| | | </div> |
| | | <div class="right_content"> |
| | |
| | | import Devices from '/@/pages/page-web/projects/devices.vue' |
| | | import { EBizCode, ERouterName } from '/@/types' |
| | | import { getRoot } from '/@/root' |
| | | const route = useRoute() |
| | | const isHidden = computed(() => { |
| | | const flag = !!route.meta?.hidden |
| | | return flag |
| | | }) |
| | | const root = getRoot() |
| | | </script> |
| | | |
| | |
| | | transition: width 0.2s ease; |
| | | height: 100%; |
| | | width: 100%; |
| | | |
| | | .w50 { |
| | | width: 50px; |
| | | max-height: 100vh; |
| | | background-color: black; |
| | | color: $text-white-basic !important; |
| | | } |
| | | .left_content { |
| | | width: 370px; |
| | | max-height: 100vh; |