pda_uniapp/pages/mine/about/index.vue

84 lines
2.1 KiB
Vue

<template>
<view class="about-container">
<cu-custom bgColor="bg-gradual-pink" :isBack="true">
<block slot="backText">返回</block>
<block slot="content"></block>
</cu-custom>
<view class="header-section text-center">
<image style="width: 150rpx;height: 150rpx;" src="/static/logo200.png" mode="widthFix">
</image>
<uni-title type="h2" :title="title"></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">{{official_mail}}</view>
</view>
</view>
<view class="list-cell list-cell-arrow">
<view class="menu-item-box">
<view>服务热线</view>
<view class="text-right">{{hot_tel}}</view>
</view>
</view> -->
<view class="list-cell list-cell-arrow">
<view class="menu-item-box">
<view>WMS地址</view>
<view class="text-right">
<uni-link :href="url" :text="url" showUnderLine="false"></uni-link>
</view>
</view>
</view>
</view>
</view>
<view class="copyright">
<view>{{copyright}}</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: getApp().globalData.config.appInfo.name,
globalConfig: getApp().globalData.config,
url: getApp().globalData.config.appInfo.site_url + '/#/',
version: getApp().globalData.config.appInfo.version,
copyright: getApp().globalData.config.appInfo.copyright,
official_mail: getApp().globalData.config.appInfo.official_mail,
hot_tel: getApp().globalData.config.appInfo.hot_tel,
}
}
}
</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>