<template>
  <view>
    <view class="footer">
      <view class="footer-l">
        <image class="image" :src="appInfo.logo" mode="aspectFill"></image>
      </view>
      <view class="footer-c">
        <view class="p">{{ appInfo.name }} 出品</view>
        <view class="p">合作电话: {{ appInfo.phone }}</view>
      </view>
      <view class="footer-r">
        <view class="span" @click="cell"><text class="i icon iconfont icon-tongxun inline"></text>拨打</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
	data () {
		return {
			appInfo: {}
		}
	},
	mounted () {
		if(this.$store.state.appInfo !== ''){
			this.appInfo = this.$store.state.appInfo
		}
	},
  methods: {
    cell (e) {
			let _this = this
      uni.makePhoneCall({
        phoneNumber: _this.appInfo.phone
      })
    }
  }
}
</script>

<style scoped>
.footer {
  width: auto;
  margin: 0 auto;
  padding: 90upx 30upx 30upx 30upx;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.footer-l {
  width: 84upx;
  height: 84upx;
  border-radius: 6upx;
}
.footer-l .image {
  width: 100%;
  height: 100%;
}
.footer-c .p {
  height: 42upx;
  line-height: 42upx;
  font-size: 26upx;
  padding: 0 20upx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.footer-r {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.footer-r .span {
  height: 48upx;
  line-height: 46upx;
  font-size: 26upx;
  color: #232323;
  text-align: center;
  background-color: #FFD93F;
  padding: 0 16upx;
  border-radius: 6upx;
  display: block;
	z-index: 1;
}
.footer-r .i {
  color: #666;
  font-size: 26upx;
}
</style>
