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

u币规则

Browse Source
This commit is contained in:
lmj
2022-11-02 09:56:15 +08:00
parent f5e5edb9d9
commit e3c8b6b98a
3 changed files with 123 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
pages.json
View File

@@ -29,6 +29,7 @@
{"path" : "pages/study/studydetail","style" : {"navigationBarTitleText": "自主学习详细信息","enablePullDownRefresh": false}},
{"path" : "pages/my/index","style" : {"navigationBarTitleText": "我的","enablePullDownRefresh": false}},
{"path" : "pages/my/myub","style" : {"navigationBarTitleText": "我的u币","enablePullDownRefresh": false}},
{"path" : "pages/my/myubrules","style" : {"navigationBarTitleText": "u币规则","enablePullDownRefresh": false}},
{"path" : "pages/my/message","style" : {"navigationBarTitleText": "消息列表","enablePullDownRefresh": false}},
{"path" : "pages/my/myAnswers","style" : {"navigationBarTitleText": "我回答的","enablePullDownRefresh": false}},
{"path" : "pages/my/myArticles","style" : {"navigationBarTitleText": "我的文章","enablePullDownRefresh": false}},

114
pages/my/myub.vue
View File

@@ -1,118 +1,12 @@
<template>
<view style="background: #F0D8B0;width: 100%;height:100vh">
<view class="myub-top">
<view class="ub-content">
<view class="ub-heard">
<view class="ub-tab" @click="ubtab(1)" :class="tab == 1 ? 'ub-tabactive' : ' ' ">课程学习<text></text></view>
<view class="ub-tab" @click="ubtab(2)" :class="tab == 2 ? 'ub-tabactive' : ' ' ">知识贡献<text></text></view>
<view class="ub-tab" @click="ubtab(3)" :class="tab == 3 ? 'ub-tabactive' : ' ' ">平台活跃<text></text></view>
</view>
<view class="ub-listbox">
<view class="listbox-list">
<view class="classify" style="text-align: center;">分类</view>
<view class="description" style="text-align: center;">描述</view>
<view class="upper" style="text-align: center;">经验值/U币</view>
<view class="upper" style="text-align: center;">每日上限</view>
</view>
<view class="lsitbox-info">
<view class="classify">发布音视频教程</view>
<view class="description">每上传一个音视频课</view>
<view class="upper" style="text-align: center;">+60</view>
<view class="upper" style="text-align: center;">30</view>
</view>
</view>
</view>
</view>
</view>
<view>
</view>
</template>
<script>
export default {
data() {
return {
tab:1,
}
},
methods: {
ubtab(num){
this.tab = num
}
}
}
</script>
<style lang="scss" scoped>
.lsitbox-info{
display:flex ;
width: 100%;
font-size: 28upx;
color: #834B3B;
margin-top: 20upx;
padding-bottom: 20upx;
border-bottom: 2px solid rgba(153,153,153,0.1);
}
.classify{
width: 25%;
}
.description{
flex: 1;
}
.upper{
width: 20%;
}
.ub-listbox{
width: 100%;
height: 100%;
.listbox-list {
display:flex ;
color: #FF7721;
font-size: 24upx;
}
}
.myub-top{
width: 100%;
height: 484upx;
background-image: url(../../static/images/myubimg.png);
background-repeat: no-repeat;
background-size: 100% / 100%;
padding-top: 245upx;
.ub-content{
background-color: #fff;
margin: 0 30upx;
height: 100%;
border-radius: 6px;
padding: 45upx 30upx;
.ub-heard{
width: 100%;
height: 100upx;
.ub-tab{
color: #999999;
float: left;
font-size: 32upx;
margin-right: 44upx;
position: relative;
text{
width: 84upx;
height: 8upx;
background: linear-gradient(180deg, #FFA31F 0%, #FF6E0E 100%);
border-radius: 13px;
position: absolute;
left: 15%;
top: 120%;
display: none;
}
}
.ub-tabactive{
font-weight: 500;
color: #333333;
text{
display: inline-block;
}
}
}
}
}
</style>

118
pages/my/myubrules.vue Normal file
View File

@@ -0,0 +1,118 @@
<template>
<view style="background: #F0D8B0;width: 100%;height:100vh">
<view class="myub-top">
<view class="ub-content">
<view class="ub-heard">
<view class="ub-tab" @click="ubtab(1)" :class="tab == 1 ? 'ub-tabactive' : ' ' ">课程学习<text></text></view>
<view class="ub-tab" @click="ubtab(2)" :class="tab == 2 ? 'ub-tabactive' : ' ' ">知识贡献<text></text></view>
<view class="ub-tab" @click="ubtab(3)" :class="tab == 3 ? 'ub-tabactive' : ' ' ">平台活跃<text></text></view>
</view>
<view class="ub-listbox">
<view class="listbox-list">
<view class="classify" style="text-align: center;">分类</view>
<view class="description" style="text-align: center;">描述</view>
<view class="upper" style="text-align: center;">经验值/U币</view>
<view class="upper" style="text-align: center;">每日上限</view>
</view>
<view class="lsitbox-info">
<view class="classify">发布音视频教程</view>
<view class="description">每上传一个音视频课</view>
<view class="upper" style="text-align: center;">+60</view>
<view class="upper" style="text-align: center;">30</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
tab:1,
}
},
methods: {
ubtab(num){
this.tab = num
}
}
}
</script>
<style lang="scss" scoped>
.lsitbox-info{
display:flex ;
width: 100%;
font-size: 28upx;
color: #834B3B;
margin-top: 20upx;
padding-bottom: 20upx;
border-bottom: 2px solid rgba(153,153,153,0.1);
}
.classify{
width: 25%;
}
.description{
flex: 1;
}
.upper{
width: 20%;
}
.ub-listbox{
width: 100%;
height: 100%;
.listbox-list {
display:flex ;
color: #FF7721;
font-size: 24upx;
}
}
.myub-top{
width: 100%;
height: 484upx;
background-image: url(../../static/images/myubimg.png);
background-repeat: no-repeat;
background-size: 100% / 100%;
padding-top: 245upx;
.ub-content{
background-color: #fff;
margin: 0 30upx;
height: 100%;
border-radius: 6px;
padding: 45upx 30upx;
.ub-heard{
width: 100%;
height: 100upx;
.ub-tab{
color: #999999;
float: left;
font-size: 32upx;
margin-right: 44upx;
position: relative;
text{
width: 84upx;
height: 8upx;
background: linear-gradient(180deg, #FFA31F 0%, #FF6E0E 100%);
border-radius: 13px;
position: absolute;
left: 15%;
top: 120%;
display: none;
}
}
.ub-tabactive{
font-weight: 500;
color: #333333;
text{
display: inline-block;
}
}
}
}
}
</style>