<template> <view class="content"> <view class="input-group"> <slot name="page"></slot> </view> <view v-if="footer" class="footer"> <p class="right">{{$company}}技术支持</p> <view class="left"> <uni-icons v-if="serverInfo.networkFlag==='内网'" type="neiwang" color="#cbcaca" /> <uni-icons v-else-if="serverInfo.networkFlag==='外网'" type="waiwang" color="#cbcaca"/> <uni-icons v-else type="weizhi" color="#cbcaca" /> <p>{{serverInfo.networkFlag}}</p> </view> </view> </view> </template> <script> import { mapState, mapMutations } from 'vuex'; export default { data() { return { } }, props:{ title:{ type:String, default:'' }, footer:{ type:Boolean, default:true } }, created() { }, mounted() { }, methods: { }, computed: { ...mapState(['serverInfo']), } } </script> <style> .footer{ color: #cbcaca; padding:0 10rpx; } .footer .left{ display: flex; float: left; } .footer .right{ float: right; } </style>