<script setup lang="ts"></script>

<template>
 <!-- 关于校快送页面-->
  <view class="about">
    <view class="logo">
      <image src="../../static/logo1.png"></image>
    </view>
    <view class="list">
      <button class="item">
        访问校快送官网
        <text class="phone">http://www.XiaoKuaiSong.com</text>
      </button>
    </view>
    <view class="list">
      <button class="item">
        校快送官方邮箱
        <text class="phone">XiaoKuaiSong@qq.com</text>
      </button>
      <button class="item">
        客户热线服务
        <text class="phone">12345</text>
      </button>
    </view>
    <view class="list">
      <button class="item">举报信息</button>
    </view>
  </view>
</template>

<style lang="scss">
page {
  height: 100%;
  background-color: #f7f7f8;
}

.about {
  padding: 20rpx;
}

.logo {
  text-align: center;

  image {
    width: 220rpx;
    height: 220rpx;
    margin-top: 5vh;
    margin-bottom: 5vh;
    border-radius: 50%;
  }
}

.list {
  padding: 10rpx 20rpx;
  background-color: #fff;
  margin-bottom: 20rpx;
  border-radius: 20rpx;

  .item {
    line-height: 90rpx;
    padding-left: 10rpx;
    font-size: 30rpx;
    color: #333;
    border-top: 1rpx solid #ddd;
    position: relative;
    text-align: left;
    border-radius: 10;
    background-color: #fff;
	border: none;
  }
  
  .phone {
    font-size: 25rpx;
    color: #c1c1c3;
  }
}
</style>
