java/cath-app/pages/mine/about/index.vue

<template>
  <view class="about-container">
	<uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar title=""
					left-icon="left" @clickLeft="handleBack"/>
    <view class="header-section text-center">
      <image style="width: 150rpx;height: 150rpx;" src="/static/logo200.png" mode="widthFix">
      </image>
      <uni-title type="h2" title="MOM移动端"></uni-title>
    </view>

    <view class="content-section">
      <view class="menu-list">
        <view class="list-cell list-cell-arrow">
          <view class="menu-item-box">
            <view>版本信息</view>
            <view class="text-right">v{{version}}</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow">
          <view class="menu-item-box">
            <view>官方邮箱</view>
            <view class="text-right">ccczq@qq.com</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow">
          <view class="menu-item-box">
            <view>服务热线</view>
            <view class="text-right">13009116578</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow">
          <view class="menu-item-box">
            <view>公司网站</view>
            <view class="text-right">
              <uni-link :href="url" :text="url" showUnderLine="false">{{ url }}</uni-link>
            </view>
          </view>
        </view>
      </view>
    </view>

    <view class="copyright">
			<view>长春市开思科技有限公司</view>
      <view>Copyright © 2013-2024 ckaisi.com All Rights Reserved.</view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        url: getApp().globalData.config.appInfo.site_url,
        version: getApp().globalData.config.appInfo.version
      }
    },
	created() {
		try{
			plus.runtime.getProperty(plus.runtime.appid,(inf) => {
				this.version = inf.version
			})
		}catch(e){
			
		}
	},
	methods: {
		handleBack(){
			uni.showModal({
				title: '提示',
				content: '确认返回?',
				success: function (res) {
					if (res.confirm) {
						//用户点击确定;
						uni.navigateBack();
					} else if (res.cancel) {
						//用户点击取消;
					}
				}
			});
		},
	}
  }
</script>

<style lang="scss">
  page {
    background-color: #f8f8f8;
  }

  .copyright {
    margin-top: 50rpx;
    text-align: center;
    line-height: 60rpx;
    color: #999;
  }

  .header-section {
    display: flex;
    padding: 30rpx 0 0;
    flex-direction: column;
    align-items: center;
  }
</style>