|
|
|
@ -1,56 +0,0 @@ |
|
|
|
<template> |
|
|
|
<view class="content"> |
|
|
|
<image class="logo" src="/static/logo.png"></image> |
|
|
|
<view class="text-area"> |
|
|
|
<text class="title" @click="showLoginPrompt">{{ title }}</text> |
|
|
|
</view> |
|
|
|
<LoginPrompt ref="loginPrompt"></LoginPrompt> |
|
|
|
<button @click="toDeepMate">deepMate</button> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup> |
|
|
|
import { ref } from "vue"; |
|
|
|
import { useUserStore } from "../../../stores/modules/userInfo"; |
|
|
|
const title = ref("请先登录"); |
|
|
|
const loginPrompt = ref(null); |
|
|
|
|
|
|
|
const userStore = useUserStore(); |
|
|
|
function showLoginPrompt() { |
|
|
|
userStore.clearUserInfo(); |
|
|
|
} |
|
|
|
|
|
|
|
function toDeepMate() { |
|
|
|
uni.navigateTo({ |
|
|
|
url: "/pages/deepMate/deepMate", |
|
|
|
}); |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style> |
|
|
|
.content { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
|
|
|
|
.logo { |
|
|
|
height: 200rpx; |
|
|
|
width: 200rpx; |
|
|
|
margin-top: 200rpx; |
|
|
|
margin-left: auto; |
|
|
|
margin-right: auto; |
|
|
|
margin-bottom: 50rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.text-area { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
|
|
|
|
.title { |
|
|
|
font-size: 36rpx; |
|
|
|
color: #8f8f94; |
|
|
|
} |
|
|
|
</style> |