| | |
| | | <template> |
| | | <div class="indexModel"> |
| | | <div class="item_top"> |
| | | <label-top></label-top> |
| | | </div> |
| | | <div class="item_center"> |
| | | <label-center></label-center> |
| | | </div> |
| | | </div> |
| | | <div class="title"></div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { ref, reactive } from 'vue' |
| | | import LabelTop from '../components/index/LabelTop.vue' |
| | | import LabelCenter from '../components/index/LabelCenter.vue'; |
| | | |
| | | export default { |
| | | components: { LabelTop,LabelCenter }, |
| | | setup() { |
| | | return { |
| | | |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .indexModel { |
| | | height: 88vh; |
| | | background-color: #f1f1f1; |
| | | color: #303133; |
| | | } |
| | | .indexModel .item_top{ |
| | | height: 20vh; |
| | | width: 98%; |
| | | margin: 0vh 1%; |
| | | } |
| | | .indexModel .item_center{ |
| | | height: 68vh; |
| | | width: 98%; |
| | | margin: 0vh 1%; |
| | | |
| | | .title { |
| | | line-height: 70vh; |
| | | text-align: center; |
| | | font-size: 28px; |
| | | color: orange; |
| | | } |
| | | </style> |