90 lines
2.2 KiB
Vue
90 lines
2.2 KiB
Vue
<template>
|
||
<view>
|
||
<view>
|
||
<view class="aboutme">
|
||
<view class="content">
|
||
<image class="logo" src="../../static/images/logo_mas.png"></image>
|
||
<view style="font-size: 40px; padding-top: 20px">{{ state.appName }}</view>
|
||
<view style="padding-top: 20px; font-size: 22px">当前APP版本：{{ state.appVersion }}</view>
|
||
<rich-text :nodes="state.aboutMe"></rich-text>
|
||
</view>
|
||
<view class="foot">
|
||
<view class="foot-phone">技术支持：云南志者竟成科技有限公司</view>
|
||
<!-- <view class="foot-email">电子邮箱：support@will-way.cn</view>-->
|
||
<!-- <view class="copyright">Copyright © 2019-{{ copyrightYear }} 云南志者竟成科技有限公司</view>-->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { onLoad } from '@dcloudio/uni-app'
|
||
import { reactive } from 'vue'
|
||
let state = reactive({
|
||
pageHeight: 0,
|
||
appVersion: '1.1.0',
|
||
appName: '凉山矿业设备管理系统',
|
||
copyrightYear: '2019',
|
||
aboutMe:
|
||
'<div style="text-align:left;font-size:20px;padding:18px"><p style="text-indent:2em;line-height:32px"></p></div>'
|
||
})
|
||
onLoad(() => {
|
||
// #ifdef APP-PLUS
|
||
let appId = plus.runtime.appid
|
||
plus.runtime.getProperty(appId, function (wgtinfo) {
|
||
state.appName = wgtinfo.name
|
||
state.appVersion = wgtinfo.version
|
||
console.log(wgtinfo)
|
||
})
|
||
// #endif
|
||
state.copyrightYear = new Date().getFullYear()
|
||
//获取屏幕高度，减去4px是解决在pda上会使用屏幕高度会出现滚动条
|
||
state.pageHeight = uni.getSystemInfoSync().windowHeight - 4
|
||
})
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.aboutme {
|
||
height: calc(100vh - 70px);
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.content {
|
||
margin: 5% 1%;
|
||
flex-grow: 1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.logo {
|
||
height: 130px;
|
||
width: 130px;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.foot {
|
||
margin: 5% 1%;
|
||
height: 150px;
|
||
display: flex;
|
||
color: #666666;
|
||
text-align: center;
|
||
flex-direction: column;
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.foot-phone {
|
||
font-size: 15px;
|
||
}
|
||
|
||
.foot-email {
|
||
font-size: 15px;
|
||
}
|
||
|
||
.copyright {
|
||
font-size: 15px;
|
||
}
|
||
</style>
|