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

修改

Browse Source
This commit is contained in:
lmj
2022-11-15 17:52:15 +08:00
parent d23e203ce3
commit 5a499eec55
1 changed files with 57 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
pages/study/index.vue
View File

@@ -10,11 +10,26 @@
</u-search>
</view>
</view>
<view class="tabbar">
<view class="tabbar" style="position: relative;">
<view class="tabbar-item" style="text-align: right;margin-right: 26upx;" @click="clicktab(0)" :class="{'active':tabIndex===0}">
<u-badge :type="type" max="99" :value="value" class="tabber-co"></u-badge>学习任务<view class="border-bottom-one"></view></view>
<view class="tabbar-item" style="text-align: left;margin-left: 26upx;" @click="clicktab(1)" :class="{'active':tabIndex===1}">我报名的<view class="border-bottom-two"></view></view>
<u-badge :type="type" max="99" :value="value" class="tabber-co"></u-badge>学习任务
<view class="border-bottom-one"></view>
</view>
<view class="tabbar-item" style="text-align: left;margin-left: 26upx;" @click="clicktab(1)" :class="{'active':tabIndex===1}">
我报名的<view class="border-bottom-two"></view>
</view>
</view>
<!-- 筛选状态 -->
<view class="addition" v-if="tabIndex===1">
<view class="textbtn" style="color:#666;font-size: 28upx;" @click="statusSelectShow = !statusSelectShow">
<text>筛选</text>
<u-icon style="margin-left: 18upx;" name="arrow-down"></u-icon>
</view>
<view class="sea-show" v-show="statusSelectShow">
<view v-for="(status,index) in selectData" :key="index" :class="[articleList.status == status.value? 'sea-active':'','sea-index']" @click="chooseStatus(status)">
{{status.label}}
</view>
</view>
</view>
<!-- 学习任务 -->
<view class="listbox" v-show="tabIndex===0">
@@ -33,9 +48,9 @@
style="font-size: 32upx; font-weight: 500;" v-html="task.cmtask_name"></text>
</view>
<view class="task-bottom">
<view class="course-aut">
<!-- <view class="course-aut">
<author-info :avatar="task.avatar" :name="task.authorName" :info="task.orgInfo" :sex="task.sex"></author-info>
</view>
</view> -->
<view class="coures-staus">
<text v-if="task.cmtask_status == 0">未开始</text>
<text v-if="task.cmtask_status == 1">进行中</text>
@@ -100,7 +115,7 @@
src="../../static/images/icon/more.png" alt="">
</view>
<view class="coures-bottom coures-midd">
<view class="course-author">
<view v-if="c.teacherName" class="course-author">
{{c.teacherName}}
</view>
<view class="coures-staus">
@@ -850,6 +865,41 @@
</script>
<style lang="scss" scoped>
.addition {
position: absolute;
right: 10upx;
top: 136upx;
.textbtn {
display: flex;
width: 108upx;
color: #4f4f4f;
font-size: 28upx;
}
.sea-show{
width: 130upx;
position: absolute;
top: 80upx;
right: 0;
background: #FFFFFF;
box-shadow: 0px 2upx 8upx 4upx rgba(0,0,0,0.07);
border-radius: 12upx;
padding: 20upx 60upx;
z-index: 99;
.sea-active{
color: #387DF7 !important;
}
.sea-index{
font-size: 28upx;
color: #666666;
line-height: 60upx;
text-align: center;
}
.sea-index:last-child{
margin-right: 0;
}
}
}
.listbox-top {
height: 92upx;
padding-top: 28upx;
@@ -1244,7 +1294,6 @@
.content {
padding: 20upx 30upx;
margin-bottom: 10px;
margin-top: 10px;
border-radius: 7upx;
}