<!--
 * @page: 未登录组件
 * @Author: wangyadi
 * @Date: 2022-12-02 15:38:36
 * @LastEditors: wyd
-->
<script setup>
const goToLogin = () => {
  uni.navigateTo({
    url: '/base/login'
  })
}
defineProps({
  title: {
    type: String,
    default: '登录后查看更多'
  }
})
</script>
<template>
  <!-- 未登录 -->
  <view class="not-login">
    <image src="http://1.94.6.75:9000/zlhy-app/faq-illustration.png" mode="aspectFill" class="not-login-img" />
    <view class="mt20 mb20 w100 tc title-sub">{{ title }}</view>
    <view size="mini" @click="goToLogin" class="btn-round gradual-primary">登录/注册</view>
  </view>
</template>

<style lang="scss" scoped>
.not-login {
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  .not-login-img {
    width: 300rpx;
    height: 230rpx;
  }
}
</style>
