pizhengyu/threeonecheck_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页。我的

Browse Source
This commit is contained in:
皮
2026-01-21 15:19:08 +08:00
parent 8fe0c4d893
commit 1ad538f351
7 changed files with 100 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
pages/index/index.vue
View File

@@ -10,19 +10,19 @@
<view>用户：</view>
<view>{{ userInfo.nickName || userInfo.username || '未登录' }}</view>
</view>
<view class="flex justify-between">
<!-- <view class="flex justify-between">
<view></view>
<view class="cu-btn text-blue margin-top text-bold">切换</view>
</view>
</view> -->
</view>
</view>
<view class="padding" style="background: #EBF2FC;">
<view class="padding page-content" style="background: #EBF2FC;">
<view class="bg-white padding radius">
<view class="flex margin-bottom-xl">
<view class="border-tite"></view>
<view class="margin-left-xs text-bold " >功能菜单</view>
</view>
<view class=" grid col-3 ">
<view class=" grid col-3 grid-square">
<view class="list " v-for="(item, index) in infoList" :key="index" @click="handleMenuClick(item)">
<image style="width: 102rpx;height: 102rpx;" :src="item.src"></image>
<view>{{ item.name}}</view>
@@ -299,6 +299,16 @@
</script>
<style lang="scss" scoped>
.page-content {
background: #EBF2FC;
border-radius: 40rpx 40rpx 0rpx 0rpx;
margin-top: -30rpx;
padding: 30rpx;
padding-bottom: 50rpx;
position: relative;
z-index: 10;
min-height: calc(100vh - 400rpx);
}
.content {}
.grid-list {

72
pages/personalcenter/my.vue
View File

@@ -1,21 +1,20 @@
<template>
<view class="title">
<view class="padding">
<view class="text-center">我的</view>
<view class="flex justify-around" style="padding-top:60rpx;" >
<view class="flex">
<view class="cu-avatar xl round margin-left" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg);"></view>
<view>
<view>测试</view>
<view>17374339800</view>
<view class="text-center margin-top-xl text-white text-bold">我的</view>
<view class="flex justify-between align-center" style="padding-top:60rpx;" >
<view class="flex align-center">
<view class="cu-avatar xl round" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg);"></view>
<view class="margin-left">
<view class="text-white text-lg text-bold">hhhrrrr</view>
<view class="text-white" style="opacity: 0.8;">17374339800</view>
</view>
</view>
<button class="bg-blue round cu-btn">编辑资料</button>
<button class="cu-btn round edit-btn bg-blue text-white ">编辑资料</button>
</view>
</view>
</view>
<view class="padding page">
<view class="page-content">
<view class="padding bg-white radius">
<view class="flex justify-between padding-bottom solid-bottom">
<view class="flex " @click="Helpcenter()">
@@ -73,7 +72,32 @@
</template>
<script setup>
import { ref } from 'vue'
import { ref, reactive, onMounted } from 'vue'
// 用户信息
const userInfo = reactive({
nickName: '',
phonenumber: ''
});
// // 获取用户信息
// const getUserInfo = () => {
// try {
// const storedUserInfo = uni.getStorageSync('userInfo');
// if (storedUserInfo) {
// const info = JSON.parse(storedUserInfo);
// userInfo.nickName = info.nickName || '';
// userInfo.phonenumber = info.phonenumber || info.username || '';
// }
// } catch (e) {
// console.error('获取用户信息失败:', e);
// }
// };
onMounted(() => {
getUserInfo();
});
//帮助中心
const Helpcenter = () => {
uni.navigateTo({
@@ -120,12 +144,22 @@
</script>
<style lang="scss" scoped>
.page {
// min-height: 100vh;
background: #EBF2FC;
}
.title {
height: 516rpx;
background: radial-gradient( 0% 0% at 78% 8%, #2667E9 0%, #FDFDFD 100%, #719BF0 100%);
}
page {
background: #EBF2FC;
}
.page-content {
background: #EBF2FC;
border-radius: 40rpx 40rpx 0rpx 0rpx;
margin-top: -40rpx;
padding: 30rpx;
padding-bottom: 50rpx;
position: relative;
z-index: 10;
min-height: calc(100vh - 400rpx);
}
.title {
height: 440rpx;
background: linear-gradient(135deg, #2667E9 0%, #4A8AF4 50%, #719BF0 100%);
padding-top: 60rpx;
}
</style>

2
unpackage/dist/dev/mp-weixin/pages/index/index.wxml vendored
View File

File diff suppressed because one or more lines are too long

10
unpackage/dist/dev/mp-weixin/pages/index/index.wxss vendored
View File

@@ -24,6 +24,16 @@
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.page-content.data-v-1cf27b2a {
background: #EBF2FC;
border-radius: 40rpx 40rpx 0rpx 0rpx;
margin-top: -30rpx;
padding: 30rpx;
padding-bottom: 50rpx;
position: relative;
z-index: 10;
min-height: calc(100vh - 400rpx);
}
.grid-list.data-v-1cf27b2a {
gap: 30rpx;
margin-top: 30rpx;

7
unpackage/dist/dev/mp-weixin/pages/personalcenter/my.js vendored
View File

@@ -4,6 +4,13 @@ const common_assets = require("../../common/assets.js");
const _sfc_main = {
__name: "my",
setup(__props) {
common_vendor.reactive({
nickName: "",
phonenumber: ""
});
common_vendor.onMounted(() => {
getUserInfo();
});
const Helpcenter = () => {
common_vendor.index.navigateTo({
url: "/pages/personalcenter/helpcenter"

2
unpackage/dist/dev/mp-weixin/pages/personalcenter/my.wxml vendored
View File

@@ -1 +1 @@
<view class="title data-v-02345808"><view class="padding data-v-02345808"><view class="text-center data-v-02345808">我的</view><view class="flex justify-around data-v-02345808" style="padding-top:60rpx"><view class="flex data-v-02345808"><view class="cu-avatar xl round margin-left data-v-02345808" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg)"></view><view class="data-v-02345808"><view class="data-v-02345808">测试</view><view class="data-v-02345808">17374339800</view></view></view><button class="bg-blue round cu-btn data-v-02345808">编辑资料</button></view></view></view><view class="padding page data-v-02345808"><view class="padding bg-white radius data-v-02345808"><view class="flex justify-between padding-bottom solid-bottom data-v-02345808"><view class="flex data-v-02345808" bindtap="{{b}}"><image class="data-v-02345808" src="{{a}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">帮助中心</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808"><image class="data-v-02345808" src="{{c}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">智能客服</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808" bindtap="{{e}}"><image class="data-v-02345808" src="{{d}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">账号安全</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808" bindtap="{{g}}"><image class="data-v-02345808" src="{{f}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">新消息通知</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808"><image class="data-v-02345808" src="{{h}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">清除缓存</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808" bindtap="{{j}}"><image class="data-v-02345808" src="{{i}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">通用设置</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808"><image class="data-v-02345808" src="{{k}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">关于</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view></view><button class="bg-blue round margin-top-xl data-v-02345808" bindtap="{{l}}">退出登录</button></view>
<view class="title data-v-02345808"><view class="padding data-v-02345808"><view class="text-center margin-top-xl text-white text-bold data-v-02345808">我的</view><view class="flex justify-between align-center data-v-02345808" style="padding-top:60rpx"><view class="flex align-center data-v-02345808"><view class="cu-avatar xl round data-v-02345808" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg)"></view><view class="margin-left data-v-02345808"><view class="text-white text-lg text-bold data-v-02345808">hhhrrrr</view><view class="text-white data-v-02345808" style="opacity:0.8">17374339800</view></view></view><button class="cu-btn round edit-btn bg-blue text-white data-v-02345808">编辑资料</button></view></view></view><view class="page-content data-v-02345808"><view class="padding bg-white radius data-v-02345808"><view class="flex justify-between padding-bottom solid-bottom data-v-02345808"><view class="flex data-v-02345808" bindtap="{{b}}"><image class="data-v-02345808" src="{{a}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">帮助中心</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808"><image class="data-v-02345808" src="{{c}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">智能客服</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808" bindtap="{{e}}"><image class="data-v-02345808" src="{{d}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">账号安全</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808" bindtap="{{g}}"><image class="data-v-02345808" src="{{f}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">新消息通知</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808"><image class="data-v-02345808" src="{{h}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">清除缓存</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808" bindtap="{{j}}"><image class="data-v-02345808" src="{{i}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">通用设置</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view><view class="flex justify-between padding-bottom padding-top solid-bottom data-v-02345808"><view class="flex data-v-02345808"><image class="data-v-02345808" src="{{k}}" style="width:40rpx;height:40rpx"></image><view class="margin-left data-v-02345808">关于</view></view><view class="lg text-gray cuIcon-right data-v-02345808"></view></view></view><button class="bg-blue round margin-top-xl data-v-02345808" bindtap="{{l}}">退出登录</button></view>

17
unpackage/dist/dev/mp-weixin/pages/personalcenter/my.wxss vendored
View File

@@ -24,10 +24,21 @@
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.page.data-v-02345808 {
page.data-v-02345808 {
background: #EBF2FC;
}
.page-content.data-v-02345808 {
background: #EBF2FC;
border-radius: 40rpx 40rpx 0rpx 0rpx;
margin-top: -40rpx;
padding: 30rpx;
padding-bottom: 50rpx;
position: relative;
z-index: 10;
min-height: calc(100vh - 400rpx);
}
.title.data-v-02345808 {
height: 516rpx;
background: radial-gradient(0% 0% at 78% 8%, #2667E9 0%, #FDFDFD 100%, #719BF0 100%);
height: 440rpx;
background: linear-gradient(135deg, #2667E9 0%, #4A8AF4 50%, #719BF0 100%);
padding-top: 60rpx;
}