admin/qingcheng-xiaochengxu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Ling53666
2025-04-28 15:59:21 +08:00
commit 36cc2fe7ba
55 changed files with 2627 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
pages/mypage/mypage.js Normal file
View File

@ -0,0 +1,66 @@
// pages/mypage/mypage.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

4
pages/mypage/mypage.json Normal file
View File

@ -0,0 +1,4 @@
{
"navigationBarTitleText": "我的",
"usingComponents": {}
}

122
pages/mypage/mypage.wxml Normal file
View File

@ -0,0 +1,122 @@
<!-- 头像 -->
<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>
</view>
</view>
<!-- 统计 -->
<view class="tongjibox">
<view class="jifenxiao">
<text class="number">30积分</text>
<text style="font-size: 12px;">支出</text>
</view>
<view class="jifenxiao">
<text class="number">500</text>
<text style="font-size: 12px;">收入</text>
</view>
<view class="jifenxiao">
<text class="number">5.00</text>
<text style="font-size: 12px;">兑换金额</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>
</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>

111
pages/mypage/mypage.wxss Normal file
View File

@ -0,0 +1,111 @@
/* pages/mypage/mypage.wxss */
.touxiangbox{
width: 100%;
height: 25vh;
display: flex;
flex-direction: column;
}
.imagesize{
width: 100px;
height: 100px;
border-radius: 50px;
}
.imagebox{
width: 100%;
height: 60%;
display: flex;
justify-content: center;
align-items: center;
}
.wenzibox{
width: 100%;
height: 30%;
display: flex;
align-items: center;
flex-direction: column;
}
.jifenbox{
width: 100%;
height: 25vh;
display: flex;
align-items: center;
justify-content: center;
}
.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%;
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;
}
.jifenxiao{
width: 33%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.number{
color: #BD3124;
}
.gengduo{
width: 100%;
height: 50vh;
display: flex;
align-items: center;
flex-direction: column;
margin-top: 50rpx;
}
.shezhitiao{
width: 90%;
height: 50px;
display: flex;
align-items: center;
border-bottom: 1px solid #b1adaa ;
}
.imagebiao{
width: 30px;
height: 30px;
}
.neibu{
width: 50%;
height: 100%;
display: flex;
align-items: center;
}