<template>
  <view class="nine-content-001">
    <view class="text-center ptb120">
      <image class="image400" :src="url" mode="scaleToFill" ></image>
      <view class="font-size18 mt10">微信账号：{{account}}</view>
    </view>
    <view class="nine-nav-001">
      <view class="nine-nav-001-item ma10 ptb25">
        <view class="nine-nav-001-item-left">
          <text class="nine-nav-001-item-left-text">联系人</text>
        </view>
        <view class="nine-nav-001-item-right">      
          <text class="nine-nav-001-item-left-text">{{name}}</text>
        </view>
      </view>
      <view class="nine-nav-001-item ma10 ptb25">
        <view class="nine-nav-001-item-left">
          <text class="nine-nav-001-item-left-text">联系电话</text>
        </view>
        <view class="nine-nav-001-item-right">      
          <text class="nine-nav-001-item-left-text color-blue" @click="callPhone(phone)">{{phone}}</text>
        </view>
      </view>
      <view class="nine-nav-001-item ma10 ptb25">
        <view class="nine-nav-001-item-left">
          <text class="nine-nav-001-item-left-text">微信号</text>
        </view>
        <view class="nine-nav-001-item-right">      
          <text class="nine-nav-001-item-left-text">{{phone}}</text>
        </view>
      </view>
      <view class="nine-nav-001-item ma10 ptb25">
        <view class="nine-nav-001-item-left">
          <text class="nine-nav-001-item-left-text">邮箱账号</text>
        </view>
        <view class="nine-nav-001-item-right">      
          <text class="nine-nav-001-item-left-text">{{mail}}</text>
        </view>
      </view>
    </view>
    <view class="ptb30">
      <view class="text-center color-blue font-size15">
        开放平台《服务协议》
      </view>
      <view class="text-center font-size15">
        平台开发者 版权所有
      </view>
      <view class="text-center font-size15">
        Copyright © 2024-2031 NineCloud.
      </view>
      <view class="text-center font-size15">
        All Rights Reserved
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        url: import.meta.env.VITE_APP_CONTACT_QRCODE,
        name: import.meta.env.VITE_APP_CONTACT_NAME,
        account: import.meta.env.VITE_APP_CONTACT_ACOUNT,
        phone: import.meta.env.VITE_APP_CONTACT_PHONE,
        mail: import.meta.env.VITE_APP_CONTACT_MAIL,
      };
    },
    methods: {
      callPhone(phoneNumber) {
        uni.makePhoneCall({
          phoneNumber: phoneNumber
        });
      }
    }
  };
</script>
