1
This commit is contained in:
89
pages/me/aboutMe.vue
Normal file
89
pages/me/aboutMe.vue
Normal file
@@ -0,0 +1,89 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user