lcoco/pages/my/agreement/about-us.vue

<template>
  <view class="about-box">
    <en-nav title="关于我们" :title-color="'#333'" ></en-nav>
    <view class="about-data">
      <image class="about-img" src="/static/img/common/logo-black.png" mode="aspectFill"></image>
      <view class="about-title sys-color-black sys-weight-600">
        ICOCO是为了人们摆脱自己单身的生活 而去结交 认识他人的过程一个网络交友平台
      </view>
      <view class="about-item">
        <view class="item-title sys-color-black sys-height-44">当前版本</view>
        <view class="item-text sys-color-black-black sys-height-44 sys-weight-600">5.6.00 !</view>
      </view>
      <view class="about-item">
        <view class="item-title sys-color-black sys-height-44">ICOCO官网</view>
        <view class="item-text sys-color-black sys-height-44 sys-weight-600">http://www.gmuapp.cn/</view>
      </view>
      <view class="about-item">
        <view class="item-title sys-color-black sys-height-44">客服电话</view>
        <view class="item-text sys-color-black sys-height-44 sys-weight-600">4008255900</view>
      </view>
      <view class="about-item">
        <view class="item-title sys-color-black sys-height-44">商务合作</view>
        <view class="item-text sys-color-black sys-height-44 sys-weight-600">business @ itsgmu.com</view>
      </view>
      <view class="about-item">
        <view class="item-title sys-color-black sys-height-44">版权所有</view>
        <view class="item-text sys-color-black sys-height-44">湖南高佳网络信息有限公司</view>
        <view class="item-text sys-color-black sys-height-44 sys-weight-600">Copyright</view>
        <view class="item-text sys-color-black sys-height-44 sys-weight-600">Hunan Gaojia Network Infomation Co., Ltd</view>
      </view>
    </view>

  </view>
</template>

<script>
import EnNav from "@/components/en-utils/en-nav/en-nav";
export default {
  components: {EnNav},
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>

<style scoped lang="scss">
.about-data{
  padding:80rpx 60rpx;
  .about-img{
    width: 124rpx;
    height: 124rpx;
    border-radius:24rpx ;
  }
  .about-title{
    margin-top: 16rpx;
    font-size: 28rpx;
    padding-bottom: 32rpx;
  }
  .about-item{
    margin-top: 48rpx;
    .item-title{
      font-size: 30rpx;
    }
    .item-text{
      margin-top: 12rpx;
      font-size: 28rpx;
    }
  }
}

</style>