warewms-PDA/pages/person.vue

<template>
  <view class="login">
    <view class="content">
      <view class="content_badge">
        <u-icon name="account" color="aliceblue" size="82"></u-icon>
        <text>1.0.0</text>
        <text style="font-size: 15px">2023-07-16</text>
      </view>
      <view class="border-customl">
        <view class="border-boke">
          <view class="sawda" @click="Waereroter">
            <uni-icons type="person" color="#ff0505" size="45"></uni-icons>
            <text style="margin-top: 9px">注销登录</text>
          </view>
        </view>
      </view>
      <!-- 主体表单 -->
    </view>
  </view>
</template>

<script>
let _this;

export default {
  data() {
    return { time: "", dynamicTitle: "出库" };
  },
  onLoad() {},
  mounted() {
    _this = this;
  },
  onShow() {
    this.time = new Date();
  },
  methods: {
    Waereroter() {
      uni.reLaunch({
        url: "/pages/index/login",
      });
    },
  },
};
</script>
<style scoped>
/deep/.u-icon--right {
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: center;
}
</style>
<style lang="scss" scoped>
.content_badge {
  height: 190px;
  text-align: center;
  background: red;
  font-size: 19px;
  color: aliceblue;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.border-customl {
  display: flex;
  flex-wrap: wrap;
  .border-boke {
    border: 1px solid #e5e5e5;
    width: 30%;
    height: 7rem;
    background: white;
    justify-content: center;
    display: flex;
    align-items: center;
    .sawda {
      position: absolute;
      display: grid;
      text-align: center;
    }
  }
}
</style>