1

pages/me/aboutMe.vue

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

pages/me/index.vue

@@ -0,0 +1,48 @@
+<template>
+  <view class="container">
+    <view class="x-f pb20 pt20">
+      <u-avatar src=""></u-avatar> <view class="user-name"><span>您好！</span>{{ userInfo.realname }}</view>
+    </view>
+    <u-cell-group>
+      <u-cell icon="setting-fill" title="切换系统" :isLink="true" @click="handleTo('/pages/index/index')"></u-cell>
+      <u-cell icon="info-circle-fill" title="关于我们" :isLink="true" @click="handleTo('/pages/me/aboutMe')"></u-cell>
+    </u-cell-group>
+    <u-button class="mt40" type="warning" :plain="true" text="退出当前账号" @click="handleLoginOut"></u-button>
+    <my-tabBar :currentTab="1" />
+  </view>
+</template>
+<script setup>
+import { computed, reactive } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import nx from '@/nx'
+
+const userInfo = computed(() => nx.$store('user').userInfo)
+
+function handleTo(url) {
+  nx.$router.go(url)
+}
+function handleLoginOut() {
+  uni.showModal({
+    title: '提示',
+    content: `确定退出登录吗？`,
+    success: res => {
+      if (res.confirm) {
+        nx.$store('user').logout()
+      }
+    }
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  padding: 0 30px;
+  .user-name {
+    padding-left: 30px;
+    font-size: 20px;
+  }
+}
+::v-deep .u-button__text {
+  font-size: 16px !important;
+}
+</style>