hz/learning-system-mobile
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git synced 2025-12-10 19:36:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

个人主页

Browse Source
This commit is contained in:
lmj
2022-11-04 16:10:09 +08:00
parent 67ee249529
commit c1c94aaf4f
11 changed files with 250 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

269
pages/my/index.vue
View File

@@ -38,7 +38,59 @@
</view> </view>
</view> </view>
</view> </view>
<view class="uc-box" style="margin-top: -80upx;"> <view class="myhead">
<view class="head-box">
<view class="hear-avatar">
<view>
<u-avatar v-if="userInfoObj.avatar" :size="60" :src="userInfoObj.avatar"></u-avatar>
<u-avatar v-else class="uavatar" font-size="66" :size="60" bg-color="#d9e9ff">
<view class="peo" v-if="userInfoObj.sex === 1 "><image src="../../static/images/man.png" alt=""></view>
<view class="peo" v-else><image src="../../static/images/woman.png" alt=""></view>
</u-avatar>
</view>
</view>
<view class="hear-info">
<view class="info-name">
{{userInfoObj.name}} <text>现代优秀独立女性</text>
</view>
<view class="information">
<text class="grade">LV.6</text>
<view class="Progress">
<text>200/300</text>
<u-line-progress :showText="false" :percentage="50" activeColor="#007DFF" height="4"></u-line-progress>
</view>
<view class="edit">
<text>编辑资料</text><u-icon style="float: right;margin-top: 12px;" name="arrow-right" size="8"></u-icon>
</view>
</view>
</view>
</view>
<view class="my-asset">
<view>
<text>3679</text>
U币
</view>
<text class="asset-border"></text>
<view>
<text>5643.5<i style="color: #999999;font-size: 24upx;font-style:normal;padding-left:5upx">h</i></text>
学习时长
</view>
<text class="asset-border"></text>
<view>
<text>113</text>
关注我的
</view>
<text class="asset-border"></text>
<view>
<text>412</text>
我的关注
</view>
</view>
</view>
<view class="uc-box" style="margin-top: -260upx;display: none;">
<!-- 学习时长模块 --> <!-- 学习时长模块 -->
<view class="uc-box-items"> <view class="uc-box-items">
<view class="one" @click="navigateTo('toMeShares')"> <view class="one" @click="navigateTo('toMeShares')">
@@ -72,6 +124,36 @@
<view class="uc-box-con"> <view class="uc-box-con">
<u-grid :border="false"> <u-grid :border="false">
<u-grid-item> <u-grid-item>
<view class="one" @click="navigateTo('toMeComments')">
<view class="one-img">
<img src="../../static/images/center/myubicon.png">
</view>
<view class="one-text">
我的u币
</view>
</view>
</u-grid-item>
<u-grid-item>
<view class="one" @click="navigateTo('toMeComments')">
<view class="one-img">
<img src="../../static/images/center/mymedalicon.png">
</view>
<view class="one-text">
我的勋章
</view>
</view>
</u-grid-item>
<u-grid-item>
<view class="one" @click="navigateTo('toMeComments')">
<view class="one-img">
<img src="../../static/images/center/rankingicon.png">
</view>
<view class="one-text">
我的排行榜
</view>
</view>
</u-grid-item>
<!-- <u-grid-item>
<view class="one" @click="navigateTo('toMeComments')"> <view class="one" @click="navigateTo('toMeComments')">
<view class="one-img"> <view class="one-img">
<img src="../../static/images/l1.png"> <img src="../../static/images/l1.png">
@@ -80,8 +162,8 @@
@我的 @我的
</view> </view>
</view> </view>
</u-grid-item> </u-grid-item> -->
<u-grid-item> <!-- <u-grid-item>
<view class="one" @click="navigateTo('myQuestions')"> <view class="one" @click="navigateTo('myQuestions')">
<view class="one-img"> <view class="one-img">
<img src="../../static/images/que.png"> <img src="../../static/images/que.png">
@@ -90,8 +172,8 @@
我提问的 我提问的
</view> </view>
</view> </view>
</u-grid-item> </u-grid-item> -->
<u-grid-item> <!-- <u-grid-item>
<view class="one" @click="navigateTo('myAnswers')"> <view class="one" @click="navigateTo('myAnswers')">
<view class="one-img"> <view class="one-img">
<img src="../../static/images/answer.png"> <img src="../../static/images/answer.png">
@@ -100,7 +182,7 @@
我回答的 我回答的
</view> </view>
</view> </view>
</u-grid-item> </u-grid-item> -->
<!-- <u-grid-item> <!-- <u-grid-item>
<view class="one" @click="toStudyTask()"> <view class="one" @click="toStudyTask()">
<view class="one-img"> <view class="one-img">
@@ -134,10 +216,20 @@
</view> </view>
</view> </view>
</u-grid-item> --> </u-grid-item> -->
<u-grid-item>
<view class="one" @click="navigateTo('myAssesses')">
<view class="one-img">
<img src="../../static/images/center/Evaluation.png">
</view>
<view class="one-text">
我的测评
</view>
</view>
</u-grid-item>
<u-grid-item> <u-grid-item>
<view class="one" @click="navigateTo('myArticles')"> <view class="one" @click="navigateTo('myArticles')">
<view class="one-img"> <view class="one-img">
<img src="../../static/images/artical.png"> <img src="../../static/images/center/articon.png">
</view> </view>
<view class="one-text"> <view class="one-text">
我的文章 我的文章
@@ -147,29 +239,59 @@
<u-grid-item> <u-grid-item>
<view class="one" @click="navigateTo('myAssesses')"> <view class="one" @click="navigateTo('myAssesses')">
<view class="one-img"> <view class="one-img">
<img src="../../static/images/text.png"> <img src="../../static/images/center/interlocu.png">
</view> </view>
<view class="one-text"> <view class="one-text">
我的测评 我的问答
</view> </view>
</view> </view>
</u-grid-item> </u-grid-item>
<u-grid-item> <u-grid-item>
<view class="one" @click="navigateTo('myAssesses')">
<view class="one-img">
<img src="../../static/images/center/colle.png">
</view>
<view class="one-text">
我的收藏
</view>
</view>
</u-grid-item>
<u-grid-item>
<view class="one" @click="navigateTo('myAssesses')">
<view class="one-img">
<img src="../../static/images/center/mycentericon.png">
</view>
<view class="one-text">
我分享的
</view>
</view>
</u-grid-item>
<u-grid-item>
<view class="one" @click="navigateTo('myAssesses')">
<view class="one-img">
<img src="../../static/images/center/shareme.png">
</view>
<view class="one-text">
分享给我的
</view>
</view>
</u-grid-item>
<!-- <u-grid-item>
<view class="one" @click="navigateTo('setting')"> <view class="one" @click="navigateTo('setting')">
<view class="one-img"> <view class="one-img">
<img src="../../static/images/per.png"> <img src="../../static/images/per.png">
</view> </view>
<view class="one-text">个人设置</view> <view class="one-text">个人设置</view>
</view> </view>
</u-grid-item> </u-grid-item> -->
<u-grid-item> <!-- <u-grid-item>
<view class="one" @click="navigateTo('/pages/my/message')"> <view class="one" @click="navigateTo('/pages/my/message')">
<view class="one-img"> <view class="one-img">
<img src="../../static/images/que.png"> <img src="../../static/images/que.png">
</view> </view>
<view class="one-text">消息</view> <view class="one-text">消息</view>
</view> </view>
</u-grid-item> </u-grid-item> -->
</u-grid> </u-grid>
</view> </view>
@@ -227,9 +349,117 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.myhead{
height: 510upx;
background: url('../../static/images/centerbg.png');
background-size: 100%;
background-repeat: no-repeat;
padding: 0 34upx;
padding-top: 60upx;
box-sizing: border-box;
.head-box {
padding-top: 100upx;
width: 100%;
height: 120upx;
display: flex;
.hear-avatar{
width: 120upx;
margin-right: 28upx;
}
.hear-info{
flex: 1;
.info-name{
font-size: 36upx;
color: #333333;
font-weight: 500;
text{
font-size: 28upx;
font-weight: 400;
color: #666666;
margin-left: 26upx;
}
}
.information{
display: flex;
.grade{
margin-top: 12upx;
display: inline-block;
width: 102upx;
height: 44upx;
background: #DEEEFF;
font-size: 24upx;
color: #387DF7;
font-weight: 600;
text-align: center;
line-height: 44upx;
border-radius: 20upx;
}
.Progress{
flex: 1;
width: 100%;
margin-left: 22upx;
text{
font-size: 24upx;
color: #999999;
}
}
.edit{
margin-left: 80upx;
text{
float: left;
line-height: 60upx;
display: inline-block;
font-size: 24upx;
color: #333333;
font-weight: 400;
}
}
}
}
}
.my-asset{
border-radius: 8upx;
width: 100%;
height: 190upx;
background-color: #fff;
margin-top: 44upx;
display: flex;
view{
box-sizing: border-box;
padding-top: 60upx;
// padding-left: 40upx;
padding-bottom: 40upx;
flex: 1;
text-align: center;
color: #999999;
font-size: 24upx;
text{
display: block;
font-size: 32upx;
color: #333333;
font-weight: 600;
margin-bottom: 16upx;
}
}
.asset-border{
display: inline-block;
width: 2upx;
height: 36upx;
margin-top: 80upx;
opacity: 0.6;
background-color: #ddd;
border: 1px solid #ddd;
border-radius: 10upx;
}
}
}
.peo{ .peo{
width: 80px; width: 120upx;
height: 80px; height: 120upx;
image{ image{
width: 100%; width: 100%;
@@ -247,7 +477,8 @@
} }
.mytop { .mytop {
height: 200px; height: 200px;
background: url('../../static/images/bg.png') display: none;
// background: url('../../static/images/centerbg.png')
} }
.top-user{ .top-user{
display: flex; display: flex;
@@ -297,14 +528,14 @@
font-weight: 600; font-weight: 600;
margin-top: 24px; margin-top: 24px;
img{ img{
width: 35px; width: 48upx;
height:35px; height:48upx;
} }
} }
.one-text{ .one-text{
font-weight: 500; font-weight: 500;
font-size: 26upx; font-size: 24upx;
color: #585858; color: #333;
} }
.one-num{ .one-num{
position: absolute; position: absolute;

BIN
static/images/center/Evaluation.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 791 B

BIN
static/images/center/articon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1005 B

BIN
static/images/center/colle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/images/center/interlocu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
static/images/center/mycentericon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/images/center/mymedalicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
static/images/center/myubicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
static/images/center/rankingicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 786 B

BIN
static/images/center/shareme.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
static/images/centerbg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 346 KiB