aiot-app/pages/center/about/about.vue

<template>
  <view>
    <uni-nav-bar
      fixed="true"
      statusBar="true"
      left-icon="back"
      @clickLeft="back"
    >
      <view class="title">关于株洲硬质合金集团型材分公司</view>
    </uni-nav-bar>

    <image class="zcc-img" mode="widthFix" src="../../../static/u3.png"></image>
    <view class="content">
      <view class="font-color"> 株洲硬质合金集团有限公司型材分公司 </view>
      <view class="font-grey p-desc">
        ZHUZHOU CEMENTEO CRRBIDE GAOUP CO .,LTD.
      </view>
      <view class="font-color p-v"> 版本号：{{ currentVersion }} </view>
    </view>
    <view class="content content-fixed">
      <view class="font-grey"> 版权所有© 2019-2021中赢合力 </view>
      <view class="font-grey"> 湘ICP备20015098号 </view>
    </view>
  </view>
</template>

<script>
export default {
  data () {
    return {
      currentVersion: ''
    }
  },
  created () {
    this.currentVersion = plus?.runtime.version
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
.title {
  display: flex;
  font-size: 28rpx;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.zcc-img {
  width: 232rpx;
  margin: 80rpx auto;
  display: block;
}
.content {
  text-align: center;
  view {
    margin: 2rpx 0;
  }
  .p-v {
    margin: 80rpx 0;
    font-size: $uni-font-size-base;
  }
  .p-desc {
    font-size: $uni-font-size-ssm;
    text-indent: 92rpx;
  }
}
.content-fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 60rpx;
  font-size: $uni-font-size-sm;
}
</style>