继续完善购物逻辑闭环,consumer模块完成度80%

This commit is contained in:
2026-01-27 17:33:39 +08:00
parent f2f208f258
commit 4ab722a118
22 changed files with 5290 additions and 515 deletions

View File

@@ -17,7 +17,7 @@
<text class="item-text">个人资料</text>
<text class="item-arrow"></text>
</view>
<view class="list-item" @click="goToAddress">
<view class="list-item" @click="goToAddressList">
<text class="item-icon">📍</text>
<text class="item-text">收货地址</text>
<text class="item-arrow"></text>
@@ -192,7 +192,7 @@
<script setup lang="uts">
import { ref, onMounted } from 'vue'
import supa from '@/components/supadb/aksupainstance.uts'
// import supa from '@/components/supadb/aksupainstance.uts'
type UserType = {
id: string
@@ -288,9 +288,9 @@ const goToProfile = () => {
}
// 跳转到地址管理
const goToAddress = () => {
const goToAddressList = () => {
uni.navigateTo({
url: '/pages/mall/consumer/address'
url: '/pages/mall/consumer/address-list'
})
}
@@ -471,6 +471,7 @@ const logout = () => {
if (res.confirm) {
try {
// 调用登出接口
/*
const { error } = await supa.auth.signOut()
if (error !== null) {
@@ -481,6 +482,7 @@ const logout = () => {
})
return
}
*/
// 清除本地存储
uni.removeStorageSync('userInfo')
@@ -521,6 +523,7 @@ const deleteAccount = () => {
const userId = userInfo.value.id
// 这里应该调用注销账号的API
/*
const { error } = await supa
.from('users')
.update({ status: 0 }) // 标记为注销状态
@@ -529,6 +532,7 @@ const deleteAccount = () => {
if (error !== null) {
throw error
}
*/
// 清除本地存储
uni.removeStorageSync('userInfo')
@@ -568,6 +572,51 @@ const goBack = () => {
</script>
<style scoped>
/* 响应式布局优化 */
@media screen and (min-width: 768px) {
.settings-content {
padding: 20px;
background-color: #f5f5f5;
}
.settings-section {
border-radius: 8px;
margin-bottom: 20px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
/* 电脑端横向排列部分内容 */
.section-list {
display: flex;
flex-direction: column;
}
.logout-section, .delete-account-section {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1024px) {
.settings-page {
flex-direction: row; /* 大屏下改为横向布局,左侧导航,右侧内容 */
}
.settings-header {
display: none; /* 大屏下隐藏顶部栏,可能使用侧边栏或其他导航 */
}
/* 这里只是简单示例,实际可能需要更复杂的布局调整 */
.settings-content {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
}
.settings-page {
display: flex;
flex-direction: column;