* 'develop' of https://gitee.com/likeshop_gitee/likeadmin-java:
  修改pages.json
  【移动端】修复头像上传bug
  个人中心及注册页面跳转
This commit is contained in:
linjinyuan 2022-09-09 17:00:10 +08:00
commit 18bb453f04
8 changed files with 55 additions and 22 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="user-info flex px-[50rpx] justify-between py-[50rpx]"> <view class="user-info flex px-[50rpx] justify-between py-[50rpx]">
<navigator <navigator
v-if="isLogin" v-if="isLogin"
class="flex items-center" class="flex items-center"
@ -7,16 +7,19 @@
url="/pages/user_data/user_data" url="/pages/user_data/user_data"
> >
<u-avatar :src="user.avatar" :size="120"></u-avatar> <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>
<navigator v-else class="flex items-center" hover-class="none" url="/pages/login/login"> <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> <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>
<navigator v-if="isLogin" hover-class="none" url="/pages/user_set/user_set"> <navigator v-if="isLogin" hover-class="none" url="/pages/user_set/user_set">
<u-icon name="setting" color="#fff" :size="58"></u-icon> <u-icon name="setting" color="#fff" :size="58"></u-icon>
</navigator> </navigator>
</div> </view>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
const props = defineProps({ const props = defineProps({

View File

@ -52,7 +52,8 @@
"path": "pages/user_set/user_set", "path": "pages/user_set/user_set",
"style": { "style": {
"navigationBarTitleText": "个人设置" "navigationBarTitleText": "个人设置"
} },
"auth": true
}, },
{ {
"path": "pages/collection/collection", "path": "pages/collection/collection",
@ -77,13 +78,15 @@
"path": "pages/change_password/change_password", "path": "pages/change_password/change_password",
"style": { "style": {
"navigationBarTitleText": "修改密码" "navigationBarTitleText": "修改密码"
} },
"auth": true
}, },
{ {
"path": "pages/user_data/user_data", "path": "pages/user_data/user_data",
"style": { "style": {
"navigationBarTitleText": "个人资料" "navigationBarTitleText": "个人资料"
} },
"auth": true
}, },
{ {
"path": "pages/search/search", "path": "pages/search/search",

View File

@ -48,9 +48,11 @@ getData()
<style lang="scss"> <style lang="scss">
.article-title { .article-title {
&::before { &::before {
content: '';
width: 8rpx; width: 8rpx;
height: 34rpx; height: 34rpx;
display: block; display: block;
margin-right: 10rpx;
background: $u-type-primary; background: $u-type-primary;
} }
} }

View File

@ -81,8 +81,20 @@
<u-checkbox v-model="isCheckAgreement" shape="circle"> <u-checkbox v-model="isCheckAgreement" shape="circle">
<view class="text-xs flex"> <view class="text-xs flex">
已阅读并同意 已阅读并同意
<navigator class="text-primary" hover-class="none">服务协议</navigator> <navigator
<navigator class="text-primary" hover-class="none"> @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> </navigator>
</view> </view>

View File

@ -35,8 +35,22 @@
<u-checkbox v-model="isCheckAgreement" shape="circle"> <u-checkbox v-model="isCheckAgreement" shape="circle">
<view class="text-xs flex"> <view class="text-xs flex">
已阅读并同意 已阅读并同意
<navigator class="text-primary">服务协议</navigator> <navigator
<navigator class="text-primary">隐私协议</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>
</u-checkbox> </u-checkbox>
</view> </view>

View File

@ -3,8 +3,7 @@
<!-- 头部修改头像 --> <!-- 头部修改头像 -->
<view class="header bg-white pt-[30rpx]"> <view class="header bg-white pt-[30rpx]">
<view class="flex justify-center"> <view class="flex justify-center">
<image @click="uploaderAvatar" <image @click="uploaderAvatar" :src="userInfo?.avatar"></image>
:src="userInfo?.avatar ? userInfo?.avatar : '/static/images/icon_default_user.png'"></image>
</view> </view>
<view class="mt-[20rpx] text-center text-muted text-xs" @click="uploaderAvatar">点击修改头像</view> <view class="mt-[20rpx] text-center text-muted text-xs" @click="uploaderAvatar">点击修改头像</view>
</view> </view>
@ -242,8 +241,8 @@
// //
const changeUserNameConfirm = () => { const changeUserNameConfirm = () => {
if (newUsername.value == '') return toast('账号不能为空') if (newUsername.value == '') return uni.$u.toast('账号不能为空')
if (newUsername.value.length > 10) return toast('账号长度不得超过十位数') if (newUsername.value.length > 10) return uni.$u.toast('账号长度不得超过十位数')
fieldType.value = FieldType.USERNAME fieldType.value = FieldType.USERNAME
setUserInfoFun(newUsername.value) setUserInfoFun(newUsername.value)
@ -252,8 +251,8 @@
// //
const changeNameConfirm = () => { const changeNameConfirm = () => {
if (newNickname.value == '') return toast('昵称不能为空') if (newNickname.value == '') return uni.$u.toast('昵称不能为空')
if (newNickname.value.length > 10) return toast('昵称长度不得超过十位数') if (newNickname.value.length > 10) return uni.$u.toast('昵称长度不得超过十位数')
showNickName.value = false showNickName.value = false
fieldType.value = FieldType.NICKNAME fieldType.value = FieldType.NICKNAME
setUserInfoFun(newNickname.value) setUserInfoFun(newNickname.value)
@ -295,11 +294,11 @@
uploadFile(path) uploadFile(path)
.then((res) => { .then((res) => {
uni.hideLoading() uni.hideLoading()
setUserInfoFun(res.uri) setUserInfoFun(res.url)
}) })
.catch(() => { .catch(() => {
uni.hideLoading() uni.hideLoading()
toast('上传失败') uni.$u.toast('上传失败')
}) })
}) })

View File

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

View File

@ -113,7 +113,7 @@ export function uploadFile(path: any) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
const token = getToken() const token = getToken()
uni.uploadFile({ uni.uploadFile({
url: `${import.meta.env.VITE_APP_BASE_URL}/api/Upload/image`, url: `${import.meta.env.VITE_APP_BASE_URL}/api/upload/image`,
filePath: path, filePath: path,
name: 'file', name: 'file',
header: { header: {
@ -123,7 +123,8 @@ export function uploadFile(path: any) {
success: (res) => { success: (res) => {
console.log('uploadFile res ==> ', res) console.log('uploadFile res ==> ', res)
const data = JSON.parse(res.data) const data = JSON.parse(res.data)
if (data.code == 1) { console.log('data.code', data.code)
if (data.code == 200) {
resolve(data.data) resolve(data.data)
} else { } else {
reject() reject()