<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>