个人中心及注册页面跳转

This commit is contained in:
Jason 2022-09-09 15:59:18 +08:00
parent 0a1cf3fb1a
commit f1a80f7c5e
4 changed files with 37 additions and 9 deletions

View File

@ -1,5 +1,5 @@
<template>
<div class="user-info flex px-[50rpx] justify-between py-[50rpx]">
<view class="user-info flex px-[50rpx] justify-between py-[50rpx]">
<navigator
v-if="isLogin"
class="flex items-center"
@ -7,16 +7,19 @@
url="/pages/user_data/user_data"
>
<u-avatar :src="user.avatar" :size="120"></u-avatar>
<div class="text-white text-3xl ml-[20rpx]">{{ user.nickname }}</div>
<view class="text-white ml-[20rpx]">
<view class="text-2xl">{{ user.nickname }}</view>
<view class="text-xs mt-[18rpx]">账号{{ user.username }}</view>
</view>
</navigator>
<navigator v-else class="flex items-center" hover-class="none" url="/pages/login/login">
<u-avatar src="/static/images/user/default_avatar.png" :size="120"></u-avatar>
<div class="text-white text-3xl ml-[20rpx]">未登录</div>
<view class="text-white text-3xl ml-[20rpx]">未登录</view>
</navigator>
<navigator v-if="isLogin" hover-class="none" url="/pages/user_set/user_set">
<u-icon name="setting" color="#fff" :size="58"></u-icon>
</navigator>
</div>
</view>
</template>
<script lang="ts" setup>
const props = defineProps({

View File

@ -81,8 +81,20 @@
<u-checkbox v-model="isCheckAgreement" shape="circle">
<view class="text-xs flex">
已阅读并同意
<navigator class="text-primary" hover-class="none">服务协议</navigator>
<navigator class="text-primary" hover-class="none">
<navigator
@click.stop=""
class="text-primary"
hover-class="none"
url="/pages/agreement/agreement?type=service"
>
服务协议
</navigator>
<navigator
@click.stop=""
class="text-primary"
hover-class="none"
url="/pages/agreement/agreement?type=privacy"
>
隐私协议
</navigator>
</view>

View File

@ -35,8 +35,22 @@
<u-checkbox v-model="isCheckAgreement" shape="circle">
<view class="text-xs flex">
已阅读并同意
<navigator class="text-primary">服务协议</navigator>
<navigator class="text-primary">隐私协议</navigator>
<navigator
@click.stop=""
class="text-primary"
hover-class="none"
url="/pages/agreement/agreement?type=service"
>
服务协议
</navigator>
<navigator
@click.stop=""
class="text-primary"
hover-class="none"
url="/pages/agreement/agreement?type=privacy"
>
隐私协议
</navigator>
</view>
</u-checkbox>
</view>

View File

@ -243,7 +243,6 @@ export default {
.u-image {
position: relative;
transition: opacity 0.5s ease-in-out;
&__image {
width: 100%;
height: 100%;