| | |
| | | <router-view></router-view> |
| | | </transition> |
| | | </div> |
| | | <foot v-if="$route.meta.show !== true"></foot> |
| | | <foot v-if="$route.meta.show !== true" @close="footColse"></foot> |
| | | <elalert></elalert> |
| | | <loginPopup @close="dialogClose"/> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import elalert from "@/components/elalert.vue"; |
| | | import foot from "@/components/foot.vue"; |
| | | import foot from "@/components/foot.vue"; |
| | | import loginPopup from "@/components/loginDialog.vue"; |
| | | export default { |
| | | components: { |
| | | foot, |
| | | elalert |
| | | elalert, |
| | | loginPopup |
| | | }, |
| | | name: "App", |
| | | created() { |
| | |
| | | }, |
| | | watch: { |
| | | $route(to, from) { |
| | | |
| | | let title = to.meta.title || "首页"; |
| | | this.title = title; |
| | | if (to.meta.iconRight) { |
| | |
| | | is_Show:true, |
| | | is_foot:true, |
| | | }; |
| | | }, |
| | | methods: { |
| | | footColse(){ |
| | | this.$store.commit('dialogVisible',true); |
| | | }, |
| | | dialogClose(){ |
| | | this.$store.commit('dialogVisible',false); |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | .topLeft{ |
| | | |
| | | } |
| | | |
| | | /deep/.el-alert{ |
| | | width: 75%!important; |
| | | height: 1.1rem!important; |
| | | position: absolute!important; |
| | | top: 0!important; |
| | | bottom: 0!important; |
| | | left: 0!important; |
| | | right: 0!important; |
| | | margin: auto!important; |
| | | font-size: 0.36rem!important; |
| | | } |
| | | /deep/.el-alert__title{ |
| | | font-size: 0.36rem!important; |
| | | } |
| | | /deep/.el-icon-close::before{ |
| | | display: none; |
| | | } |
| | | </style> |