解决了已知问题

This commit is contained in:
Ling53666
2025-05-11 15:12:01 +08:00
parent 36cc2fe7ba
commit bb84973913
41 changed files with 2980 additions and 801 deletions

View File

@ -1,65 +1,56 @@
// pages/mypage/mypage.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
myteam(){
wx.navigateTo({
url: '/pages/wodetuandui/wodetuandui',
})
},
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
const that = this
wx.getStorage({
key: "usermessage",
success(res) {
console.log(res.data,'aslkdjas');
const userInfo = res.data
that.setData({
nickName : userInfo.nickName,
phoneNumber: userInfo.phoneNumber,
invitationCode:userInfo.invitationCode,
userAvatar:userInfo.userAvatar
});
}
})
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}

View File

@ -1,122 +1,154 @@
<!-- 头像 -->
<view class="touxiangbox">
<view class="imagebox">
<image class="imagesize" src="https://tse2-mm.cn.bing.net/th/id/OIP-C.g5M-iZUiocFCi9YAzojtRAAAAA?rs=1&pid=ImgDetMain" mode="aspectFill"/>
</view>
<view class="wenzibox">
<text>蒙娜丽莎</text>
<text style="font-size: 13px;margin-top: 20rpx;">ID:1829378126738</text>
</view>
</view>
<!-- 积分面板 -->
<view class="jifenbox">
<view class="kuang">
<!-- 标题 -->
<view class="baioti">
<text style="font-weight: bolder;margin-left: 20rpx;">我的积分</text>
</view>
<!-- 积分 -->
<view class="jifenbufen">
<view class="zuo">
<text style="font-size: 23px; color: #BD3124;">500</text>
</view>
<view class="zuo">
<view class="tixian">
<text style="color:#ffffff;">提现</text>
<view class="flex-col page">
<view class="shrink-0 section"></view>
<view class="flex-col relative group_2">
<view class="flex-col section_2">
<view class="flex-row items-end self-stretch relative group">
<image
class="image"
src="{{userAvatar}}"
/>
<view class="ml-14 flex-col flex-1">
<text class="self-start font text">{{nickName}}</text>
<view class="flex-row items-center self-stretch mt-15">
<image
class="image_2"
src="/image/shaiixuan.png"
/>
<text class="font_2 text_2 ml-7">{{phoneNumber}}</text>
</view>
</view>
</view>
<!-- 统计 -->
<view class="tongjibox">
<view class="jifenxiao">
<text class="number">30积分</text>
<text style="font-size: 12px;">支出</text>
<view class="flex-row justify-center items-center left section_3">
<text class="text_3">邀请码:{{invitationCode}}</text>
<image
class="ml-6 image_3"
src="/image/shaiixuan.png"
/>
</view>
<view class="flex-row justify-between items-center self-stretch group_3">
<view class="group_4">
<text class="font_2 text_4">当前金额:</text>
<text class="text_5">¥5.00</text>
</view>
<view class="jifenxiao">
<text class="number">500</text>
<text style="font-size: 12px;">收入</text>
<view class="flex-row section_4">
<text class="font_2 text_6">立即提现</text>
<image
class="ml-4 shrink-0 image_4"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=74217acb04c7195abd2532ff4af72c61.png"
/>
</view>
<view class="jifenxiao">
<text class="number">5.00</text>
<text style="font-size: 12px;">兑换金额</text>
</view>
<view class="flex-col self-stretch section_5">
<view class="flex-row justify-between">
<text class="font_2 text_7">待结算</text>
<text class="font_2 text_8">提现中</text>
<text class="font text_9">已提现</text>
<text class="font_2 text_10">累计收入</text>
</view>
<view class="mt-14 flex-row justify-between">
<text class="font_2 text_11">¥0.00</text>
<text class="font_2 text_12">¥0.00</text>
<text class="font_2 text_13 ml-29">¥0.00</text>
<text class="font_2 text_14 youmian">¥0.00</text>
</view>
</view>
</view>
</view>
<!-- 更多设置 -->
<view class="gengduo">
<view class="shezhitiao">
<text>更多设置</text>
</view>
<view class="shezhitiao">
<view class="neibu">
<image class="imagebiao" src="/image/sousuo.png" mode=""/>
<text style="margin-left: 10rpx;">客服</text>
</view>
<view class="neibu" style="justify-content: flex-end;">
<image class="imagebiao" src="/image/jiatou.png" mode=""/>
<view class="flex-col justify-start section_6">
<view class="flex-row equal-division">
<view class="flex-col items-center group_5 equal-division-item">
<image
class="image_5"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=39edc99781511ab686d6b07290b376d1.png"
/>
<text class="mt-6 font_3">资金明细</text>
</view>
<view class="flex-col items-center group_5 equal-division-item">
<image
class="image_5"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=8682072f44b5fb0dd83dc3187bf32f2d.png"
/>
<text class="mt-6 font_3">提现账户</text>
</view>
<view class="flex-col items-center group_5 equal-division-item">
<image
class="image_5"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=16d828b713b2f70f899c4e678516576a.png"
/>
<text class="mt-8 font_3">提现记录</text>
</view>
</view>
</view>
<view class="flex-row equal-division_2 section_7">
<view class="flex-col items-start equal-division-item_2">
<image
class="image_5 image_6"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=c432ff17b41f470760ae10d3069e91bf.png"
/>
<text class="mt-6 font_4">我的课程</text>
</view>
<view class="flex-col items-center equal-division-item_3">
<image
class="image_5"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=5f908d0a671b5ec6d57fcee228fce66c.png"
/>
<text class="mt-6 font_4">我的接单</text>
</view>
<view class="flex-col items-center group_7 equal-division-item_3">
<image
class="image_5"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=8617e68f608192d2da284bfdab6b4c87.png"
/>
<text class="mt-6 font_2 text_15">勤工俭学</text>
</view>
<view class="flex-col items-start equal-division-item_4 group_8">
<image
class="image_5"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=79a346c585f09dd9cb9b756a45228b43.png"
/>
<text class="font_2 text_16 mt-7">购物订单</text>
</view>
</view>
<view class="flex-col section_8">
<view class="flex-row justify-between group_9">
<view class="flex-row items-end self-center">
<image
class="shrink-0 image_7"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=8d2a546eff17d0f8759f0f3ea91c47bf.png"
/>
<text class="ml-16 font_2 text_17">账号设置</text>
</view>
<image
class="self-start image_8 image_9"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=5d87653bf87dbef75429085db7c53b31.png"
/>
</view>
<view class="flex-row justify-between items-center group_10">
<view class="flex-row items-center">
<image
class="shrink-0 image_10"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=4875fbdc868788e873dd606d7418f411.png"
/>
<text class="ml-4 font_2 text_18">佣金设置</text>
</view>
<image
class="image_8 image_11"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=5d87653bf87dbef75429085db7c53b31.png"
/>
</view>
<view class="flex-row justify-between items-center group_11" bind:tap="myteam">
<text class="font_4">我的团队</text>
<image
class="image_8"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=5d87653bf87dbef75429085db7c53b31.png"
/>
</view>
<view class="flex-row justify-between items-center group_11">
<text class="font_2 text_19">项目</text>
<image
class="image_8"
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=5d87653bf87dbef75429085db7c53b31.png"
/>
</view>
</view>
</view>
</view>
<view class="shezhitiao">
<view class="neibu">
<image class="imagebiao" src="/image/sousuo.png" mode=""/>
<text style="margin-left: 10rpx;">我的课程</text>
</view>
<view class="neibu" style="justify-content: flex-end;">
<image class="imagebiao" src="/image/jiatou.png" mode=""/>
</view>
</view>
<view class="shezhitiao">
<view class="neibu">
<image class="imagebiao" src="/image/sousuo.png" mode=""/>
<text style="margin-left: 10rpx;">接单记录</text>
</view>
<view class="neibu" style="justify-content: flex-end;">
<image class="imagebiao" src="/image/jiatou.png" mode=""/>
</view>
</view>
<view class="shezhitiao">
<view class="neibu">
<image class="imagebiao" src="/image/sousuo.png" mode=""/>
<text style="margin-left: 10rpx;">勤工俭学</text>
</view>
<view class="neibu" style="justify-content: flex-end;">
<image class="imagebiao" src="/image/jiatou.png" mode=""/>
</view>
</view>
<view class="shezhitiao">
<view class="neibu">
<image class="imagebiao" src="/image/sousuo.png" mode=""/>
<text style="margin-left: 10rpx;">我的推广码</text>
</view>
<view class="neibu" style="justify-content: flex-end;">
<image class="imagebiao" src="/image/jiatou.png" mode=""/>
</view>
</view>
<view class="shezhitiao">
<view class="neibu">
<image class="imagebiao" src="/image/sousuo.png" mode=""/>
<text style="margin-left: 10rpx;">更多设置</text>
</view>
<view class="neibu" style="justify-content: flex-end;">
<image class="imagebiao" src="/image/jiatou.png" mode=""/>
</view>
</view>
<view class="shezhitiao">
<view class="neibu">
<image class="imagebiao" src="/image/sousuo.png" mode=""/>
<text style="margin-left: 10rpx;">审核查询</text>
</view>
<view class="neibu" style="justify-content: flex-end;">
<image class="imagebiao" src="/image/jiatou.png" mode=""/>
</view>
</view>
</view>

View File

@ -1,111 +1,290 @@
/* pages/mypage/mypage.wxss */
.touxiangbox{
width: 100%;
height: 25vh;
display: flex;
flex-direction: column;
.mt-15 {
margin-top: 28.85rpx;
}
.imagesize{
width: 100px;
height: 100px;
border-radius: 50px;
.mt-7 {
margin-top: 13.46rpx;
}
.imagebox{
width: 100%;
height: 60%;
display: flex;
justify-content: center;
align-items: center;
.ml-29 {
margin-right: 15.77rpx;
}
.wenzibox{
width: 100%;
height: 30%;
display: flex;
align-items: center;
flex-direction: column;
.youmian{
margin-right: 18.77rpx;
}
.jifenbox{
width: 100%;
height: 25vh;
display: flex;
align-items: center;
justify-content: center;
.ml-7 {
margin-left: 13.46rpx;
}
.kuang{
width: 90%;
height: 90%;
border-radius: 20px;
background-image:url(https://img.ixintu.com/download/jpg/201912/9ce015df2a7c79ee7498367168b41bfc.jpg!con);
}
.baioti{
width: 100%;
height: 20%;
display: flex;
align-items: center;
}
.jifenbufen{
width: 100%;
height: 50%;
display: flex;
}
.zuo{
width: 50%;
.page {
background-color: #ffffff;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.tixian{
width: 50%;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
border: 1px solid #FC7E09;
background-color: #FC7E09;
margin-left: 60rpx;
}
.tongjibox{
width: 100%;
height: 30%;
display: flex;
overflow-y: auto;
overflow-x: hidden;
}
.jifenxiao{
width: 33%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.section {
background-image: linear-gradient(180deg, #ff8d1a -34.1%, #ffffff1a 134.1%);
height: 446.15rpx;
}
.number{
color: #BD3124;
.group_2 {
margin-top: -305.77rpx;
padding: 0 42.31rpx;
}
.gengduo{
width: 100%;
height: 50vh;
display: flex;
align-items: center;
flex-direction: column;
margin-top: 50rpx;
.section_2 {
padding: 0 26.92rpx 38.46rpx 30.77rpx;
background-color: #ffffff;
border-radius: 28.85rpx;
height: 446.15rpx;
}
.shezhitiao{
width: 90%;
height: 50px;
display: flex;
align-items: center;
border-bottom: 1px solid #b1adaa ;
.group {
margin-top: -46.15rpx;
padding: 0 15.38rpx;
}
.imagebiao{
width: 30px;
height: 30px;
.image {
margin-bottom: 7.69rpx;
width: 134.62rpx;
height: 134.62rpx;
border-radius: 40px;
}
.neibu{
width: 50%;
height: 100%;
display: flex;
align-items: center;
.font {
font-size: 21.15rpx;
font-family: SourceHanSansCN;
line-height: 21.27rpx;
color: #000000;
}
.text {
margin-left: 3.85rpx;
font-size: 23.08rpx;
}
.image_2 {
width: 17.31rpx;
height: 17.31rpx;
}
.left{
margin-left: 160rpx;
}
.section_3 {
margin-top: 17.31rpx;
padding: 7.69rpx 0 7.69rpx 11.54rpx;
background-color: #ffc3006e;
border-radius: 30.44rpx;
width: 205.77rpx;
}
.text_3 {
color: #d43030;
font-size: 17.31rpx;
font-family: SourceHanSansCN;
line-height: 15.9rpx;
}
.image_3 {
width: 25rpx;
height: 23.08rpx;
}
.group_3 {
padding: 46.15rpx 0;
}
.group_4 {
line-height: 23.35rpx;
height: 24.88rpx;
}
.text_5 {
color: #d43030;
font-size: 30.77rpx;
font-family: SourceHanSansCN;
line-height: 23.35rpx;
}
.section_4 {
padding: 11.54rpx 19.23rpx 11.54rpx 26.92rpx;
background-color: #ffffff;
border-radius: 38.46rpx;
height: 48.08rpx;
border-left: solid 1.92rpx #ff8d1a;
border-right: solid 1.92rpx #ff8d1a;
border-top: solid 1.92rpx #ff8d1a;
border-bottom: solid 1.92rpx #ff8d1a;
}
.image_4 {
width: 17.31rpx;
height: 23.08rpx;
}
.section_5 {
margin-right: 3.85rpx;
padding: 15.38rpx 42.31rpx 34.62rpx 50rpx;
background-color: #f7f7f7;
border-radius: 9.62rpx;
}
.text_9 {
font-size: 23.08rpx;
}
.section_6 {
padding-bottom: 11.54rpx;
background-color: #ffffff;
border-radius: 19.23rpx;
height: 136.54rpx;
border-left: solid 1.92rpx #e5e5e5;
border-right: solid 1.92rpx #e5e5e5;
border-top: solid 1.92rpx #e5e5e5;
border-bottom: solid 1.92rpx #e5e5e5;
}
.equal-division {
padding: 7.69rpx 23.08rpx 0;
}
.group_5 {
flex: 1 1 205.56rpx;
}
.equal-division-item {
padding: 7.69rpx 0;
}
.image_5 {
width: 64rpx;
height: 64rpx;
}
.font_3 {
font-size: 21.15rpx;
font-family: SourceHanSansCN;
line-height: 19.5rpx;
color: #000000;
}
.equal-division_2 {
position: relative;
margin-top: 28.85rpx;
}
.section_7 {
padding: 7.69rpx;
background-color: #ffffff;
border-radius: 19.23rpx;
border-left: solid 1.92rpx #e5e5e5;
border-right: solid 1.92rpx #e5e5e5;
border-top: solid 1.92rpx #e5e5e5;
border-bottom: solid 1.92rpx #e5e5e5;
}
.equal-division-item_2 {
padding: 11.54rpx 34.62rpx;
}
.image_6 {
margin-left: 7.69rpx;
}
.font_4 {
font-size: 21.15rpx;
font-family: SourceHanSansCN;
line-height: 19.62rpx;
color: #000000;
}
.group_6 {
margin-left: 326.92rpx;
}
.group_7 {
position: absolute;
right: 170rpx;
top: 50%;
transform: translateY(-50%);
}
.equal-division-item_3 {
padding: 11.54rpx 0;
width: 160.88rpx;
}
.equal-division-item_4 {
position: absolute;
right: 9.12rpx;
top: 50%;
transform: translateY(-50%);
}
.group_8 {
padding: 11.54rpx 38.46rpx;
}
.section_8 {
margin-top: 30.77rpx;
padding: 11.54rpx 19.23rpx 338.46rpx 46.15rpx;
background-color: #ffffff;
border-radius: 19.23rpx 19.23rpx 0 0;
border-left: solid 1.92rpx #e5e5e5;
border-right: solid 1.92rpx #e5e5e5;
border-top: solid 1.92rpx #e5e5e5;
border-bottom: solid 1.92rpx #e5e5e5;
}
.group_9 {
padding: 26.92rpx 0 11.54rpx;
}
.image_7 {
width: 30.77rpx;
height: 34.62rpx;
}
.font_2 {
font-size: 21.15rpx;
font-family: SourceHanSansCN;
line-height: 17.52rpx;
color: #000000;
}
.text_16 {
line-height: 19.46rpx;
}
.text_15 {
line-height: 19.73rpx;
}
.text_14 {
font-size: 23.08rpx;
}
.text_13 {
font-size: 23.08rpx;
}
.text_12 {
font-size: 23.08rpx;
}
.text_11 {
font-size: 23.08rpx;
}
.text_10 {
font-size: 23.08rpx;
line-height: 21.25rpx;
}
.text_8 {
font-size: 23.08rpx;
line-height: 21.31rpx;
}
.text_7 {
font-size: 23.08rpx;
line-height: 21.37rpx;
}
.text_6 {
font-size: 23.08rpx;
line-height: 21.44rpx;
}
.text_4 {
font-size: 23.08rpx;
line-height: 21.54rpx;
}
.text_2 {
color: #808080;
line-height: 16.06rpx;
}
.text_17 {
line-height: 19.19rpx;
}
.image_8 {
width: 15.38rpx;
height: 25rpx;
}
.image_9 {
margin-right: 19.23rpx;
margin-top: 11.54rpx;
}
.group_10 {
padding: 26.92rpx 0 9.62rpx;
border-top: solid 3.85rpx #e5e5e5;
border-bottom: solid 3.85rpx #e5e5e5;
}
.image_10 {
width: 51.92rpx;
height: 46.15rpx;
}
.text_18 {
line-height: 19.71rpx;
}
.image_11 {
margin-right: 19.23rpx;
}
.group_11 {
padding: 23.08rpx 19.23rpx 23.08rpx 61.54rpx;
border-bottom: solid 3.85rpx #e5e5e5;
}
.text_19 {
line-height: 18.52rpx;
}