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

路径

Browse Source
This commit is contained in:
zhangsir
2024-06-03 09:40:59 +08:00
parent fd1de20b70
commit 30052c2642
4 changed files with 78 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
pages/study/index.vue
View File

@@ -14,13 +14,16 @@
</view>
</view>
<view class="tabbar" style="position: relative;padding-bottom: 20upx;">
<view class="tabbar-item" style="text-align: right;margin-right: 26upx;" @click="clicktab(0)" :class="{'active':tabIndex===0}">
<view class="tabbar-item" style="text-align: right;margin-right: 26upx;margin-left: 42upx;" @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>
<view class="tabbar-item" style="text-align: left;margin-left: 52upx;" @click="clicktab(2)" :class="{'active':tabIndex===2}">
成长路径<view class="border-bottom-two"></view>
</view>
</view>
<!-- 筛选状态 -->
<view class="addition" v-show="tabIndex===0">
@@ -123,6 +126,15 @@
<uni-load-more :status="studyLoadStatus"></uni-load-more>
</view>
</view>
<view class="learn" v-show="tabIndex===2">
<view class="learn_header">
<view class="learn_left">
<text class="text">我的成长路径</text>
<image src="../../static/images/learnpath/why.png" class="image"></image>
</view>
<view class="learn_right">什么是成长路径</view>
</view>
</view>
<u-modal :show="studyResetShow" :showCancelButton="true" @cancel="cancelResetStudy" @confirm="resetStudy" ref="uModal" :asyncClose="true">
您确定要重新学习吗？
</u-modal>
@@ -755,6 +767,34 @@
color: #333333;
padding: 33px 25px 33px 25px;
}
.learn{
.learn_header{
display: flex;
justify-content: space-between;
.learn_left{
.text{
width: 192rpx;
height: 44rpx;
font-weight: 600;
font-size: 32rpx;
color: #333333;
line-height: 44rpx;
text-align: left;
}
.image{
width: 32rpx;
height: 32rpx;
}
}
.learn_right{
width: 300rpx;
height: 54rpx;
background: #387DF7;
box-shadow: 2rpx 4rpx 16rpx 0rpx rgba(56,125,247,0.34);
border-radius: 40rpx;
}
}
}
.delcoures{
position: absolute;
width: 180upx;
@@ -1123,7 +1163,7 @@
color: #666;
font-size: 32upx;
.tabbar-item {
flex: 1;
// flex: 1;
position: relative;
.border-bottom-one{
width: 120upx;