<template>
  <view class="uni-app">
    <view class="status-bar" />
    <view class="main-container">
      <wk-nav-bar title="关于我们" />
			
      <view class="container">
        <view class="logo-box">
          <image :src="$static('images/about_logo.png')" class="logo" />
          <view class="text">
            {{ appName }}
          </view>
        </view>
				
        <view class="wrapper">
          <view class="cell">
            <view class="cell-left">
              联系我们
            </view>
            <view class="cell-body" @click="ringUp">
              <text class="wk wk-arrow-right icon" />
            </view>
          </view>
          <view class="cell">
            <view class="cell-left">
              用户协议
            </view>
            <view class="cell-body" @click="handleTo('/pages_law/service')">
              <text class="wk wk-arrow-right icon" />
            </view>
          </view>
          <view class="cell">
            <view class="cell-left">
              隐私声明
            </view>
            <view class="cell-body" @click="handleTo('/pages_law/privacy')">
              <text class="wk wk-arrow-right icon" />
            </view>
          </view>
          <view class="cell">
            <view class="cell-left">
              版本号
            </view>
            <view class="cell-body">
              {{ appVersion }}
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  import { checkVersion } from 'UTIL/lib';
  import {appName, appVersion, businessCalls} from '@/config'

  export default {
    name: '',
    data() {
      return {}
    },
    computed: {
      appName() {
        return appName
      },
      appVersion() {
        return appVersion
      }
    },
    methods: {
      ringUp() {
        if (!businessCalls) return
        uni.makePhoneCall({
          phoneNumber: businessCalls
        })
      },
			
      handleUpdate() {},
			
      handleTo(path) {
        this.$Router.navigateTo(path)
      }
    }
  }
</script>

<style scoped lang="scss">
	.container {
		.logo-box {
			padding: 50rpx 0;
			flex-direction: column;
			@include center;
			.logo {
				width: 200rpx;
				height: 200rpx;
			}
			.text {
				font-size: 28rpx;
				color: $gray;
				margin-top: -10rpx;
			}
		}

		.wrapper {
			background-color: white;
			padding: 0 30rpx;
			.cell {
				border-bottom: 1rpx solid $border-color;
				padding: 20rpx 0;
				@include left;
				.cell-left {
					width: 200rpx;
					font-size: 30rpx;
				}
				.cell-body {
					flex: 1;
					font-size: 26rpx;
					color: $gray;
					@include right;
					
					.icon {
						font-size: 28rpx;
						color: $light;
					}
				}
			}
		}
	}
</style>
