ruoyi-miniapp/pages/login.vue

<template>
  <view class="container">
    <u--image
      src="/static/favicon.png"
      width="180px"
      height="80px"
      mode="aspectFit"
      :fade="true"
      duration="450"
    ></u--image>
    <text class="title">智慧生态</text>
  </view>
</template>

<script>
export default {
  name: 'Login',
  data() {
    return {}
  },
  onLoad() {
    this.init()
  },
  methods: {
    init() {
      uni.login({
        success: res => {
          // 系统登录
          this.$store
            .dispatch('Login', {
              type: 34,
              code: res.code,
              state: 'default'
            })
            .then(() => {
              this.loginSuccess()
            })
        }
      })
    },
    loginSuccess() {
      this.$store.dispatch('GetInfo').then(res => {
        const { data } = res
        const { user } = data
        if (user.mobile) {
          uni.switchTab({
            url: '/pages/index'
          })
        } else {
          uni.navigateTo({
            url: '/sub/owner/edit'
          })
        }
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.container {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  gap: 20px;
  background: linear-gradient(180deg, #02815b 0%, #114636 100%);
  .icon {
    width: 40vw;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.12));
  }
  .title {
    color: #fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 2px;
  }
}
</style>