outsource/mahjong_group
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

22

Browse Source
This commit is contained in:
zpc 2025-09-10 13:54:09 +08:00
parent 4e191d6c39
commit 4b6f7641b6
6 changed files with 518 additions and 318 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
common/env.js
View File

@ -9,6 +9,8 @@ const development = {
// baseUrl: 'https://ydsapi.zpc-xy.com', // baseUrl: 'https://ydsapi.zpc-xy.com',
baseUrl: 'http://1.15.21.245:2401', baseUrl: 'http://1.15.21.245:2401',
host: ['http://1.15.21.245:2401'], host: ['http://1.15.21.245:2401'],
// baseUrl: 'http://localhost:2015',
// host: ['http://localhost:2015'],
imageUrl: 'https://guyu-1308826010.cos.ap-shanghai.myqcloud.com', imageUrl: 'https://guyu-1308826010.cos.ap-shanghai.myqcloud.com',
}; };

22
common/server/interface/user.js
View File

@ -51,4 +51,26 @@ export const getUserInfo = async () => {
return res.data; return res.data;
} }
return null; return null;
}
/**
* 修改用户信息
* @param {*} nickName
* @param {*} avatar
* @param {*} sex
* @param {*} birthday
* @returns
*/
export const editUserInfo = async (nickName, avatar, sex, birthday) => {
const res = await request.post("user/EditUserInfo", {
nickName,
avatar,
sex,
birthday
});
if (res.code == 0) {
return true;
}
return false;
} }

11
common/server/user.js
View File

@ -1,4 +1,4 @@
import { getUserInfo } from '@/common/server/interface/user' import { getUserInfo, editUserInfo } from '@/common/server/interface/user'
import { ref } from 'vue' import { ref } from 'vue'
export var userInfo = ref(null); export var userInfo = ref(null);
@ -6,7 +6,7 @@ export var userInfo = ref(null);
export const loadUserInfo = async () => { export const loadUserInfo = async () => {
const res = await getUserInfo(); const res = await getUserInfo();
if (res == null) { if (res == null) {
userInfo.value = null; userInfo.value = null;
uni.removeStorageSync('tokenInfo'); uni.removeStorageSync('tokenInfo');
uni.removeStorageSync('userInfo'); uni.removeStorageSync('userInfo');
@ -16,3 +16,10 @@ export const loadUserInfo = async () => {
uni.setStorageSync('userInfo', res); uni.setStorageSync('userInfo', res);
} }
export const updateUserInfo = async (nickName, avatar, sex, birthday) => {
const res = await editUserInfo(nickName, avatar, sex, birthday);
if (!res) {
return;
}
loadUserInfo();
}

342
pages/index/index.vue
View File

@ -9,9 +9,9 @@
</view> </view>
</view> </view>
<view style="z-index: 100;margin-top:10rpx;" <view style="z-index: 100;margin-top:10rpx;height:532rpx;">
v-if="homeData != null && homeData.advertList != null && homeData.advertList.length > 0"> <view style="width: 100%;width:100%;display:flex;justify-content: center;"
<view style="width: 100%;width:100%;display:flex;justify-content: center;"> v-if="homeData != null && homeData.advertList != null && homeData.advertList.length > 0">
<view class="" style="width:97%; height: 386rpx;border-radius: 25rpx;"> <view class="" style="width:97%; height: 386rpx;border-radius: 25rpx;">
<swiper class="img-swiper" :indicator-dots="false" circular autoplay interval="3000"> <swiper class="img-swiper" :indicator-dots="false" circular autoplay interval="3000">
<swiper-item v-for="(item, index) in homeData.advertList" :key="index"> <swiper-item v-for="(item, index) in homeData.advertList" :key="index">
@ -174,189 +174,195 @@
</template> </template>
<script setup> <script setup>
import { import {
ref, ref,
reactive, reactive,
onMounted onMounted
} from 'vue' } from 'vue'
import zPaging from '@/uni_modules/z-paging/components/z-paging/z-paging.vue' import zPaging from '@/uni_modules/z-paging/components/z-paging/z-paging.vue'
import MahjongCard from '@/components/index/MahjongCard.vue' import MahjongCard from '@/components/index/MahjongCard.vue'
import { import {
homeData, homeData,
preloadHomeData preloadHomeData
} from '@/common/server/index' } from '@/common/server/index'
import { import {
configData, configData,
getConfigData, getConfigData,
preloadConfigData preloadConfigData
} from '@/common/server/config' } from '@/common/server/config'
const statusBarHeight = ref(uni.getSystemInfoSync().statusBarHeight); const statusBarHeight = ref(uni.getSystemInfoSync().statusBarHeight);
const getBackgroundImg = () => { const getBackgroundImg = () => {
return { return {
background: `url(${configData.value.config.defaultImage}) 100% 100% `, background: `url(${configData.value.config.defaultImage}) 100% 100% `,
backgroundSize: '100% 100%' backgroundSize: '100%',
}; backgroundRepeat: "no-repeat",
} backgroundRepeatX: "0px",
// 响应式数据 backgroundSize: "100%",
const title = ref('Hello') backgroundRepeatY: "0px",
const imgList = ref([1, 2, 3, 4, 5]) backgroundPositionX: "0px",
const dataList = ref([]) // 分页数据列表 backgroundPositionY: statusBarHeight.value + "px",
const rateValue = ref(3.5) };
const mockData = ref([]) // 模拟数据源 }
// 响应式数据
const title = ref('Hello')
const imgList = ref([1, 2, 3, 4, 5])
const dataList = ref([]) // 分页数据列表
const rateValue = ref(3.5)
const mockData = ref([]) // 模拟数据源
// 组件引用 // 组件引用
const pagePaging = ref(null) const pagePaging = ref(null)
const cardInfo = ref(null) const cardInfo = ref(null)
const userInfo = ref(null) const userInfo = ref(null)
// 初始化模拟数据 // 初始化模拟数据
const initMockData = () => { const initMockData = () => {
mockData.value = [] mockData.value = []
for (let i = 1; i <= 50; i++) { for (let i = 1; i <= 50; i++) {
// 随机生成不同人数的麻将局 // 随机生成不同人数的麻将局
const personCount = [2, 3, 4][Math.floor(Math.random() * 3)] const personCount = [2, 3, 4][Math.floor(Math.random() * 3)]
const joinedCount = Math.floor(Math.random() * (personCount + 1)) const joinedCount = Math.floor(Math.random() * (personCount + 1))
// 生成已加入的玩家 // 生成已加入的玩家
const joinPerson = [] const joinPerson = []
for (let j = 0; j < joinedCount; j++) { for (let j = 0; j < joinedCount; j++) {
joinPerson.push({ joinPerson.push({
id: j + 1, id: j + 1,
name: `玩家${j + 1}`, name: `玩家${j + 1}`,
avatar: '', avatar: '',
phone: `138****${String(j + 1).padStart(4, '0')}` phone: `138****${String(j + 1).padStart(4, '0')}`
})
}
mockData.value.push({
id: i,
title: `麻将局 ${i}`,
status: joinedCount >= personCount ? '已满员' : '组局中',
time: '20：00 ~ 04：30 共8小时30分钟',
room: `304包厢-大包，${personCount}人`,
description: '休闲局，随便来',
requirements: '麻将、斗地主、不可吸烟、性别不限、信誉≧4.0',
personCount: personCount,
joinPerson: joinPerson
}) })
} }
}
mockData.value.push({ // 分页查询方法
id: i, const queryList = (pageNo, pageSize) => {
title: `麻将局 ${i}`, console.log(`加载第${pageNo}页，每页${pageSize}条数据`)
status: joinedCount >= personCount ? '已满员' : '组局中',
time: '20：00 ~ 04：30 共8小时30分钟', // 模拟网络请求延迟
room: `304包厢-大包，${personCount}人`, setTimeout(() => {
description: '休闲局，随便来', const startIndex = (pageNo - 1) * pageSize
requirements: '麻将、斗地主、不可吸烟、性别不限、信誉≧4.0', const endIndex = startIndex + pageSize
personCount: personCount, const pageData = mockData.value.slice(startIndex, endIndex)
joinPerson: joinPerson
// 调用 z-paging 的完成方法
pagePaging.value.complete(pageData)
// 如果是第一页，显示加载完成提示
// if (pageNo === 1) {
// uni.showToast({
// title: '刷新成功',
// icon: 'success',
// duration: 1500
// })
// }
}, 100) // 模拟1秒网络延迟
}
// 手动刷新
const refreshData = () => {
pagePaging.value.reload()
}
// 清空数据
const clearData = () => {
pagePaging.value.clear()
}
// 弹窗相关方法
const openPop = () => {
cardInfo.value.open()
}
const clasePop = () => {
cardInfo.value.close()
}
const openUserPop = () => {
userInfo.value.open()
}
const closeUserPop = () => {
userInfo.value.close()
}
const onChange = (e) => {
console.log('rate发生改变:' + JSON.stringify(e))
}
// 处理加入麻将局事件
const handleJoin = (item) => {
console.log('加入麻将局:', item)
// 这里可以添加加入逻辑，比如调用API
uni.showToast({
title: '加入成功',
icon: 'success',
duration: 1500
}) })
} }
}
// 分页查询方法 // 生命周期
const queryList = (pageNo, pageSize) => { onMounted(() => {
console.log(`加载第${pageNo}页，每页${pageSize}条数据`) // 初始化模拟数据
initMockData()
// 模拟网络请求延迟
setTimeout(() => {
const startIndex = (pageNo - 1) * pageSize
const endIndex = startIndex + pageSize
const pageData = mockData.value.slice(startIndex, endIndex)
// 调用 z-paging 的完成方法
pagePaging.value.complete(pageData)
// 如果是第一页，显示加载完成提示
// if (pageNo === 1) {
// uni.showToast({
// title: '刷新成功',
// icon: 'success',
// duration: 1500
// })
// }
}, 100) // 模拟1秒网络延迟
}
// 手动刷新
const refreshData = () => {
pagePaging.value.reload()
}
// 清空数据
const clearData = () => {
pagePaging.value.clear()
}
// 弹窗相关方法
const openPop = () => {
cardInfo.value.open()
}
const clasePop = () => {
cardInfo.value.close()
}
const openUserPop = () => {
userInfo.value.open()
}
const closeUserPop = () => {
userInfo.value.close()
}
const onChange = (e) => {
console.log('rate发生改变:' + JSON.stringify(e))
}
// 处理加入麻将局事件
const handleJoin = (item) => {
console.log('加入麻将局:', item)
// 这里可以添加加入逻辑，比如调用API
uni.showToast({
title: '加入成功',
icon: 'success',
duration: 1500
}) })
}
// 生命周期 onLoad(async () => {
onMounted(() => { if (!homeData.value) preloadHomeData();
// 初始化模拟数据 if (!configData.value) preloadConfigData();
initMockData() });
})
onLoad(async () => {
if (!homeData.value) preloadHomeData();
if (!configData.value) preloadConfigData();
});
</script> </script>
<style lang="scss"> <style lang="scss">
.content { .content {
height: 100vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
} }
.img-swiper { .img-swiper {
width: 100%; width: 100%;
height: 386rpx; height: 386rpx;
} }
.slide-img { .slide-img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
/* 网格容器 - 2列布局 */ /* 网格容器 - 2列布局 */
.grid-container { .grid-container {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
/* 2列，每列宽度相等 */ /* 2列，每列宽度相等 */
gap: 20rpx; gap: 20rpx;
/* 网格间距（行列间距相同） */ /* 网格间距（行列间距相同） */
padding: 0 15rpx; padding: 0 15rpx;
} }
/* 网格项内容 */ /* 网格项内容 */
.item-content { .item-content {
height: 630rpx; height: 630rpx;
// background-color: #E6E6E6; // background-color: #E6E6E6;
color: white; color: white;
border-radius: 10rpx; border-radius: 10rpx;
font-size: 32rpx; font-size: 32rpx;
} }
</style> </style>

399
pages/me/edit-info.vue
View File

@ -1,182 +1,347 @@
<template> <template>
<view class="content column"> <view class="content column">
<view class="row" style="width: 90%; margin: 100rpx auto 0; justify-content: space-between;"> <view class="header">
<image src="/static/back.png" style="width: 40rpx; height: 40rpx;" @click="goBack()" mode=""></image> <image src="/static/back.png" class="back-icon" @click="goBack()" mode=""></image>
<text style="font-size: 30rpx;">修改信息</text> <text class="header-title">修改信息</text>
<view style="width: 40rpx;"></view> <view class="header-spacer"></view>
</view> </view>
<view class="column" style="width: 90%; margin: 80rpx auto 0;"> <view class="form-container">
<view class="row" <view class="form-row">
style="justify-content: space-between; width: 100%; align-items: center; margin-top: 40rpx; font-size: 26rpx;"> <text class="form-label">我的UID</text>
<text style="">我的UID</text> <text class="form-value">{{ user.id }}</text>
<text style="">{{ user.id }}</text>
</view> </view>
<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view> <view class="divider"></view>
<view class="row" <view class="form-row avatar-row">
style="justify-content: space-between; width: 100%; align-items: center;margin-top:20rpx;"> <text class="form-label">我的头像</text>
<text style="font-size: 26rpx;">我的头像</text>
<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"> <button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
<image :src="user.avatarImage" <image :src="user.avatarImage" class="avatar-image" mode="">
style="width: 70rpx; height: 70rpx; background-color: aquamarine; border-radius: 50%;" mode="">
</image> </image>
</button> </button>
</view> </view>
<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view> <view class="divider"></view>
<view class="row" <view class="form-row">
style="justify-content: space-between; width: 100%; align-items: center; margin-top: 40rpx; font-size: 26rpx;"> <text class="form-label">我的昵称</text>
<input type="nickname" v-model="user.nickName" class="form-input" />
<text style="">我的昵称</text>
<input type="nickname" v-model="user.nickName" style="text-align: right;" />
</view> </view>
<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view> <view class="divider"></view>
<view class="row" <view class="form-row">
style="justify-content: space-between; width: 100%; align-items: center; margin-top: 40rpx; font-size: 26rpx;"> <text class="form-label">我的年龄</text>
<text class="form-value">{{ calculatedAge }}岁</text>
</view>
<text style="">我的年龄</text> <view class="divider"></view>
<picker mode="selector" :value="ageIndex" :range="ageOptions" @change="onAgeChange"> <view class="form-row">
<text class="form-label">我的性别</text>
<picker mode="selector" :value="genderIndex" :range="GENDER_OPTIONS" @change="onGenderChange">
<view class="picker-text"> <view class="picker-text">
{{ ageOptions[ageIndex] }}岁 {{ currentGender }}
</view> </view>
</picker> </picker>
</view> </view>
<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view> <view class="divider"></view>
<view class="row" <view class="form-row">
style="justify-content: space-between; width: 100%; align-items: center; margin-top: 40rpx; font-size: 26rpx;"> <text class="form-label">我的生日</text>
<picker mode="date" :value="user.birthday" @change="onBirthdayChange">
<text style="">我的性别</text>
<picker mode="selector" :value="genderIndex" :range="genderOptions" @change="onGenderChange">
<view class="picker-text"> <view class="picker-text">
{{ genderOptions[genderIndex] }} {{ user.birthday || '请选择生日' }}
</view> </view>
</picker> </picker>
</view> </view>
<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view> <view class="divider"></view>
</view> </view>
<!-- 保存按钮 -->
<view class="save-button-container">
<button class="save-button" @click="saveUserInfo" :disabled="isSaving">
{{ isSaving ? '保存中...' : '保存修改' }}
</button>
</view>
</view> </view>
</template> </template>
<script setup> <script setup>
import { ref } from 'vue' import { ref, computed, onMounted } from 'vue'
import { userInfo } from '@/common/server/user' import { userInfo, updateUserInfo } from '@/common/server/user'
// 性别选项 // 常量配置
const genderOptions = ['男', '女'] const GENDER_OPTIONS = ['男', '女']
// 响应式数据
const genderIndex = ref(0) const genderIndex = ref(0)
const isSaving = ref(false)
// 年龄选项 (18-90岁) // 用户信息
const ageOptions = Array.from({ length: 73 }, (_, i) => i + 18)
const ageIndex = ref(0)
const user = ref({ const user = ref({
avatarImage: userInfo.value.avatarImage, avatarImage: userInfo.value.avatarImage || '',
nickName: userInfo.value.nickName, nickName: userInfo.value.nickName || '',
age: userInfo.value.age ?? 18, id: userInfo.value.id || '',
id: userInfo.value.id, sex: userInfo.value.sex == 1 ? '男' : '女',
sex: userInfo.value.sex == 1 ? '男' : '女' birthday: userInfo.value.birthday ?? "1990-01-01"
}) })
onLoad(() => { // 计算属性
console.log("userInfo", userInfo.value); const currentGender = computed(() => GENDER_OPTIONS[genderIndex.value])
// 根据用户性别设置picker的初始值
if (userInfo.value.sex === '女') { // 根据生日计算年龄
genderIndex.value = 1 const calculatedAge = computed(() => {
} else { if (!user.value.birthday) return 0
genderIndex.value = 0
const today = new Date()
const birthDate = new Date(user.value.birthday)
let age = today.getFullYear() - birthDate.getFullYear()
const monthDiff = today.getMonth() - birthDate.getMonth()
// 如果还没到生日，年龄减1
if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
age--
} }
// 根据用户年龄设置picker的初始值 return age
const userAge = userInfo.value.age ?? 18 })
const ageIndexValue = Math.max(0, Math.min(72, userAge - 18))
ageIndex.value = ageIndexValue // 初始化picker索引
const initializePickerIndexes = () => {
// 设置性别索引
genderIndex.value = userInfo.value.sex === '女' ? 1 : 0
}
onMounted(() => {
console.log("userInfo", userInfo.value)
initializePickerIndexes()
}) })
// 方法 // 方法
const goBack = () => { const goBack = () => {
// 返回上一页 uni.navigateBack({ delta: 1 })
uni.navigateBack({
delta: 1
});
} }
/** /**
* 选择头像 * 选择头像
*/ */
const onChooseAvatar = (e) => { const onChooseAvatar = (e) => {
if (e && e.detail && e.detail.avatarUrl) { const { avatarUrl } = e?.detail || {}
// user.value.avatarImage = e.detail.avatarUrl; console.log("avatarUrl", avatarUrl);
convertToBase64(user.value.avatarImage);
if (avatarUrl) {
convertToBase64(avatarUrl)
} }
} }
/** /**
* 性别选择变化 * 性别选择变化
*/ */
const onGenderChange = (e) => { const onGenderChange = (e) => {
genderIndex.value = e.detail.value const selectedIndex = e.detail.value
user.value.sex = genderOptions[genderIndex.value] genderIndex.value = selectedIndex
user.value.sex = GENDER_OPTIONS[selectedIndex]
} }
/** /**
* 年龄选择变化 * 生日选择变化
*/ */
const onAgeChange = (e) => { const onBirthdayChange = (e) => {
ageIndex.value = e.detail.value user.value.birthday = e.detail.value
user.value.age = ageOptions[ageIndex.value]
} }
/** /**
* 将图片转换为Base64 * 将图片转换为Base64
*/ */
const convertToBase64 = (filePath) => { const convertToBase64 = (filePath) => {
console.log(filePath); if (!filePath) {
showErrorToast('图片路径无效')
return
}
uni.getFileSystemManager().readFile({ uni.getFileSystemManager().readFile({
filePath: filePath, filePath,
encoding: "base64", encoding: "base64",
success: (res) => { success: (res) => {
user.value.avatarImage = "data:image/png;base64," + res.data; user.value.avatarImage = `data:image/png;base64,${res.data}`
}, },
fail: (err) => { fail: (err) => {
console.error("读取文件失败:", err); console.error("读取文件失败:", err)
uni.showToast({ showErrorToast("图片处理失败")
title: "图片处理失败",
icon: "none",
});
}, },
}); })
}
/**
* 保存用户信息
*/
const saveUserInfo = async () => {
if (isSaving.value) return
// 验证必填字段
if (!user.value.nickName.trim()) {
showErrorToast('请输入昵称')
return
}
if (!user.value.birthday) {
showErrorToast('请选择生日')
return
}
isSaving.value = true
try {
// 准备保存的数据
const saveData = {
avatarImage: user.value.avatarImage,
nickName: user.value.nickName.trim(),
sex: user.value.sex === '男' ? 1 : 2,
birthday: user.value.birthday,
}
console.log('保存用户信息:', saveData)
// 这里应该调用实际的API保存数据
// await updateUserInfo(saveData)
//async (nickName, avatar, sex, birthday)
await updateUserInfo(user.value.nickName.trim(), user.value.avatarImage,
user.value.sex === '男' ? 1 : 2,
user.value.birthday
);
// 模拟API调用延迟
// await new Promise(resolve => setTimeout(resolve, 1000))
// 更新全局用户信息
// Object.assign(userInfo.value, saveData)
uni.showToast({
title: '保存成功',
icon: 'success',
duration: 2000
})
// 延迟返回上一页
setTimeout(() => {
uni.navigateBack({ delta: 1 })
}, 1500)
} catch (error) {
console.error('保存失败:', error)
showErrorToast('保存失败，请重试')
} finally {
isSaving.value = false
}
}
/**
* 显示错误提示
*/
const showErrorToast = (message) => {
uni.showToast({
title: message,
icon: "none",
duration: 2000
})
} }
</script> </script>
<style lang="scss"> <style lang="scss">
// 变量定义
$primary-color: #333;
$border-color: antiquewhite;
$font-size-normal: 26rpx;
$font-size-title: 30rpx;
$avatar-size: 70rpx;
$border-radius: 50%;
$container-width: 90%;
$header-margin-top: 100rpx;
$form-margin-top: 80rpx;
$row-margin-top: 40rpx;
$divider-margin-top: 20rpx;
.content { .content {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
} }
// 头部样式
.header {
width: $container-width;
margin: $header-margin-top auto 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.back-icon {
width: 40rpx;
height: 40rpx;
}
.header-title {
font-size: $font-size-title;
}
.header-spacer {
width: 40rpx;
}
// 表单容器样式
.form-container {
width: $container-width;
margin: $form-margin-top auto 0;
}
// 表单行样式
.form-row {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: $row-margin-top;
font-size: $font-size-normal;
&.avatar-row {
margin-top: $divider-margin-top;
}
}
.form-label {
font-size: $font-size-normal;
}
.form-value {
font-size: $font-size-normal;
}
.form-input {
text-align: right;
font-size: $font-size-normal;
}
// 分割线样式
.divider {
width: 100%;
height: 1rpx;
background-color: $border-color;
margin-top: $divider-margin-top;
}
// 头像相关样式
.avatar-wrapper { .avatar-wrapper {
margin: 0rpx; margin: 0;
float: right; float: right;
border-radius: 128rpx; border-radius: 128rpx;
overflow: hidden; overflow: hidden;
border: 0rpx solid #F3F3F3; border: 0;
background-color: transparent; background-color: transparent;
padding: 0; padding: 0;
line-height: normal; line-height: normal;
@ -188,14 +353,56 @@ const convertToBase64 = (filePath) => {
.avatar { .avatar {
width: 170rpx; width: 170rpx;
height: 160rpx; height: 160rpx;
border-radius: 50%; border-radius: $border-radius;
} }
} }
.avatar-image {
width: $avatar-size;
height: $avatar-size;
background-color: aquamarine;
border-radius: $border-radius;
}
// Picker样式
.picker-text { .picker-text {
display: flex; display: flex;
align-items: center; align-items: center;
color: #333; color: $primary-color;
font-size: 26rpx; font-size: $font-size-normal;
}
// 保存按钮样式
.save-button-container {
width: $container-width;
margin: 60rpx auto 0;
padding-bottom: 40rpx;
}
.save-button {
width: 100%;
height: 80rpx;
background: linear-gradient(135deg, #F36903 0%, #E55A00 100%);
color: white;
border: none;
border-radius: 40rpx;
font-size: 32rpx;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8rpx 20rpx rgba(243, 105, 3, 0.3);
transition: all 0.3s ease;
&:active {
transform: translateY(2rpx);
box-shadow: 0 8rpx 20rpx rgba(243, 105, 3, 0.3);
}
&:disabled {
background: #ccc;
box-shadow: none;
transform: none;
}
} }
</style> </style>

60
pages/me/me-page.vue
View File

@ -314,17 +314,9 @@ const clasePop = () => {
} }
const toAppointment = () => { const toAppointment = () => {
// 未登录状态，提示登录 if (userInfo.value == null) {
if (!userInfo.uid) { uni.navigateTo({
uni.showModal({ url: '/pages/me/login'
title: '提示',
content: '请先登录查看预约记录',
showCancel: false,
success: () => {
uni.navigateTo({
url: '/pages/me/login'
});
}
}); });
return; return;
} }
@ -336,7 +328,7 @@ const toAppointment = () => {
const toEditInfo = () => { const toEditInfo = () => {
// 未登录状态，跳转到登录页面 // 未登录状态，跳转到登录页面
if (userInfo == null) { if (userInfo.value == null) {
uni.navigateTo({ uni.navigateTo({
url: '/pages/me/login' url: '/pages/me/login'
}); });
@ -348,21 +340,12 @@ const toEditInfo = () => {
} }
const toBlacklist = () => { const toBlacklist = () => {
// 未登录状态，提示登录 if (userInfo.value == null) {
if (!userInfo.uid) { uni.navigateTo({
uni.showModal({ url: '/pages/me/login'
title: '提示',
content: '请先登录查看黑名单',
showCancel: false,
success: () => {
uni.navigateTo({
url: '/pages/me/login'
});
}
}); });
return; return;
} }
uni.navigateTo({ uni.navigateTo({
url: '/pages/me/blacklist-page' url: '/pages/me/blacklist-page'
}); });
@ -379,31 +362,6 @@ const toLogin = () => {
}); });
} }
// 加载用户数据 - 未登录状态
const loadUserData = async () => {
loading.value = true
try {
// 未登录状态，不加载用户数据
// 保持默认的未登录状态
userInfo.nickname = '未登录'
userInfo.uid = ''
userInfo.rating = 0
userInfo.reputation = 0
userInfo.cardQuality = 0
userInfo.cardSkill = 0
userInfo.pigeonCount = 0
} catch (error) {
console.error('加载用户数据失败:', error)
uni.showToast({
title: '加载失败',
icon: 'error'
})
} finally {
loading.value = false
}
}
// 加载当前预约信息 - 未登录状态 // 加载当前预约信息 - 未登录状态
const loadCurrentAppointment = async () => { const loadCurrentAppointment = async () => {
try { try {
@ -418,7 +376,6 @@ const loadCurrentAppointment = async () => {
// 组件挂载时加载数据 // 组件挂载时加载数据
onMounted(() => { onMounted(() => {
loadUserData()
loadCurrentAppointment() loadCurrentAppointment()
}) })
@ -428,9 +385,8 @@ onShow(() => {
// getUserInfoData(); // getUserInfoData();
}) })
onLoad(async () => { onLoad(async () => {
console.log('kiad');
await loadUserInfo(); await loadUserInfo();
}) });
</script> </script>
<style lang="scss"> <style lang="scss">