<template>
  <view class="about">
    <view>
      <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
        <view class="about-title">关于纸掌柜</view>
        <view slot="left"></view>
        <view slot="right"></view>
      </uni-nav-bar>
    </view>
    <view class="about-main">
      <view><image class="about-image" src="../../static/logo.png" mode=""></image></view>
      <view class="about-text"><text>纸掌柜</text></view>
      <view class="about-subtext"><text>帮你卖好每一吨纸</text></view>
      <view class="about-vs"><text>版本号： 纸掌柜 V1.0.0</text></view>
    </view>
  </view>
</template>

<script>
import { back } from '@/utils/hook.js'
export default {
  data() {
    return {}
  },
  methods: {
    back
  }
}
</script>

<style lang="scss">
.about {
  .about-main {
    text-align: center;
  }
  .about-title {
    width: 100%;
    font-size: 36rpx;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    font-weight: 500;
  }
  .about-image {
    width: 160rpx;
    height: 160rpx;
    margin-top: 180rpx;
  }
  .about-text {
    opacity: 0.8;
    font-size: 64rpx;
    color: #000000;
    font-weight: 400;
    margin-top: 40rpx;
  }
  .about-subtext {
    font-size: 28rpx;
    color: #555555;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 18rpx;
  }
  .about-vs {
    font-size: 28rpx;
    color: #888888;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 100rpx;
  }
}
</style>
