<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>
