|
|
@ -17,9 +17,11 @@ |
|
|
|
<view class="total_box mt10"> |
|
|
|
<view class="total_box mt10"> |
|
|
|
<view class="flex ai-c jc-sb"> |
|
|
|
<view class="flex ai-c jc-sb"> |
|
|
|
<view class="text-center"> |
|
|
|
<view class="text-center"> |
|
|
|
<view style="width: 111rpx;" class="fs30 cor-000">{{tIndex==0?wrongList.length:collectList.length}}</view> |
|
|
|
<view style="width: 111rpx;" class="fs30 cor-000">{{tIndex==0?wrongList.length:collectList.length}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="text-align: right;flex-direction: column;justify-content: right" class="flex ai-c" @tap="toPractice"> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view style="text-align: right;flex-direction: column;justify-content: right" class="flex ai-c" |
|
|
|
|
|
|
|
@tap="toPractice"> |
|
|
|
<u-icon name="arrow-right" size="18"></u-icon> |
|
|
|
<u-icon name="arrow-right" size="18"></u-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -28,14 +30,16 @@ |
|
|
|
<text class="fs14 cor-666">全部{{tIndex==0?'错题':'收藏'}}</text> |
|
|
|
<text class="fs14 cor-666">全部{{tIndex==0?'错题':'收藏'}}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="text-align: right;flex-direction: column;justify-content: right" class="flex ai-c"> |
|
|
|
<view style="text-align: right;flex-direction: column;justify-content: right" class="flex ai-c"> |
|
|
|
<text v-if="tIndex==0" class="fs14 cor-666">错{{wrongList.length}}/已做{{wrongList.length+rightList.length}}</text> |
|
|
|
<text v-if="tIndex==0" |
|
|
|
|
|
|
|
class="fs14 cor-666">错{{wrongList.length}}/已做{{wrongList.length+rightList.length}}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="yellow_box" v-if="tIndex==0&&getPercent>10"> |
|
|
|
<view class="yellow_box" v-if="tIndex==0&&getPercent>10"> |
|
|
|
<view class="flex jc-sb ai-c"> |
|
|
|
<view class="flex jc-sb ai-c"> |
|
|
|
<view> |
|
|
|
<view> |
|
|
|
<text class="fs24 fw600" style="color: #FF6E02;">{{getPercent}}%</text><text class="fs18 cor-000 fw600">错题率</text> |
|
|
|
<text class="fs24 fw600" style="color: #FF6E02;">{{getPercent}}%</text><text |
|
|
|
|
|
|
|
class="fs18 cor-000 fw600">错题率</text> |
|
|
|
<view class="fs14 cor-000">错题率有点高,快去提升吧</view> |
|
|
|
<view class="fs14 cor-000">错题率有点高,快去提升吧</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- <view style="width: 156rpx;"> |
|
|
|
<!-- <view style="width: 156rpx;"> |
|
|
@ -55,7 +59,10 @@ |
|
|
|
<text class="cor-666 fs12">全部10节课 ></text> |
|
|
|
<text class="cor-666 fs12">全部10节课 ></text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="flex ai-c mt20"> |
|
|
|
<view class="flex ai-c mt20"> |
|
|
|
<image class="contain-box" src="../../static/image/index/index_bg.png"></image> |
|
|
|
<view class="contain-box relative"> |
|
|
|
|
|
|
|
<image class="contain-box" src="../../../static/image/index/jpsp.png"></image> |
|
|
|
|
|
|
|
<image class="play_btn_2" src="../../static/image/index/play.png" /> |
|
|
|
|
|
|
|
</view> |
|
|
|
<view class="ml15 text-center"> |
|
|
|
<view class="ml15 text-center"> |
|
|
|
<u-button :customStyle="{width:'200rpx',height:'66rpx',borderRadius: '33rpx'}" iconColor="#fff" |
|
|
|
<u-button :customStyle="{width:'200rpx',height:'66rpx',borderRadius: '33rpx'}" iconColor="#fff" |
|
|
|
text="去看视频" color="linear-gradient(90deg, #11DF20 0%, #00B74F 100%)" icon="play-circle"> |
|
|
|
text="去看视频" color="linear-gradient(90deg, #11DF20 0%, #00B74F 100%)" icon="play-circle"> |
|
|
@ -71,7 +78,7 @@ |
|
|
|
<view class="top_box mt15 p14"> |
|
|
|
<view class="top_box mt15 p14"> |
|
|
|
<view class="flex jc-sb aic"> |
|
|
|
<view class="flex jc-sb aic"> |
|
|
|
<text class="fs18 cor-000 fw600">{{tIndex==0?'错题':'收藏题'}}分类</text> |
|
|
|
<text class="fs18 cor-000 fw600">{{tIndex==0?'错题':'收藏题'}}分类</text> |
|
|
|
<u-icon name="arrow-right" size="18"></u-icon> |
|
|
|
<!-- <u-icon name="arrow-right" size="18"></u-icon> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="flex ai-c jc-sb" style="flex-wrap: wrap;"> |
|
|
|
<view class="flex ai-c jc-sb" style="flex-wrap: wrap;"> |
|
|
|
<view v-for="(item,index) of typeList" :key="index" class="category_item p14 flex jc-sb ai-c mb10"> |
|
|
|
<view v-for="(item,index) of typeList" :key="index" class="category_item p14 flex jc-sb ai-c mb10"> |
|
|
@ -101,7 +108,9 @@ |
|
|
|
title: '重要提示:所有错题做对,再去考试!', |
|
|
|
title: '重要提示:所有错题做对,再去考试!', |
|
|
|
categoryList: [{ |
|
|
|
categoryList: [{ |
|
|
|
name: '错题本' |
|
|
|
name: '错题本' |
|
|
|
},{name:'收藏夹'}], |
|
|
|
}, { |
|
|
|
|
|
|
|
name: '收藏夹' |
|
|
|
|
|
|
|
}], |
|
|
|
typeList: [] |
|
|
|
typeList: [] |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
@ -137,6 +146,33 @@ |
|
|
|
}, |
|
|
|
}, |
|
|
|
toPractice() { |
|
|
|
toPractice() { |
|
|
|
const navTitle = this.tIndex == 0 ? '错题本' : '收藏夹' |
|
|
|
const navTitle = this.tIndex == 0 ? '错题本' : '收藏夹' |
|
|
|
|
|
|
|
if (navTitle == '错题本') { |
|
|
|
|
|
|
|
if (!this.wrongList.length) { |
|
|
|
|
|
|
|
uni.showModal({ |
|
|
|
|
|
|
|
title: '提示', |
|
|
|
|
|
|
|
content: '当前无错题,继续保持吧~', |
|
|
|
|
|
|
|
showCancel:false, |
|
|
|
|
|
|
|
success: function (res) { |
|
|
|
|
|
|
|
if (res.confirm) { |
|
|
|
|
|
|
|
console.log('用户点击确定'); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} else if (navTitle == '收藏夹') { |
|
|
|
|
|
|
|
uni.showModal({ |
|
|
|
|
|
|
|
title: '提示', |
|
|
|
|
|
|
|
content: '当前无收藏题~', |
|
|
|
|
|
|
|
showCancel:false, |
|
|
|
|
|
|
|
success: function (res) { |
|
|
|
|
|
|
|
if (res.confirm) { |
|
|
|
|
|
|
|
console.log('用户点击确定'); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
uni.navigateTo({ |
|
|
|
uni.navigateTo({ |
|
|
|
url: "/pages/questionBank/questionBank?navTitle=" + navTitle + "&subject=" + this.subject |
|
|
|
url: "/pages/questionBank/questionBank?navTitle=" + navTitle + "&subject=" + this.subject |
|
|
|
}) |
|
|
|
}) |
|
|
@ -150,23 +186,27 @@ |
|
|
|
background: linear-gradient(90deg, #11DF20 0%, #00B74F 100%) !important; |
|
|
|
background: linear-gradient(90deg, #11DF20 0%, #00B74F 100%) !important; |
|
|
|
bottom: 14rpx !important; |
|
|
|
bottom: 14rpx !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.top_box { |
|
|
|
.top_box { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
background: #FDFDFD; |
|
|
|
background: #FDFDFD; |
|
|
|
border-radius: 20rpx; |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.tip_box { |
|
|
|
.tip_box { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
background: #FFE6D4; |
|
|
|
background: #FFE6D4; |
|
|
|
border-radius: 20rpx 20rpx 0rpx 0rpx; |
|
|
|
border-radius: 20rpx 20rpx 0rpx 0rpx; |
|
|
|
padding: 10px 14px; |
|
|
|
padding: 10px 14px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.total_box { |
|
|
|
.total_box { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
background: #F5F5F5; |
|
|
|
background: #F5F5F5; |
|
|
|
border-radius: 20rpx; |
|
|
|
border-radius: 20rpx; |
|
|
|
padding: 14px; |
|
|
|
padding: 14px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.yellow_box { |
|
|
|
.yellow_box { |
|
|
|
margin-top: 10px; |
|
|
|
margin-top: 10px; |
|
|
|
padding: 14px; |
|
|
|
padding: 14px; |
|
|
@ -174,6 +214,7 @@ |
|
|
|
background: linear-gradient(90deg, #FBF2D4 0%, #F7E4B5 100%); |
|
|
|
background: linear-gradient(90deg, #FBF2D4 0%, #F7E4B5 100%); |
|
|
|
border-radius: 20rpx; |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.riseBtn { |
|
|
|
.riseBtn { |
|
|
|
width: 156rpx; |
|
|
|
width: 156rpx; |
|
|
|
height: 56rpx; |
|
|
|
height: 56rpx; |
|
|
@ -185,6 +226,7 @@ |
|
|
|
color: #FF6E02; |
|
|
|
color: #FF6E02; |
|
|
|
border-radius: 28rpx; |
|
|
|
border-radius: 28rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.video-box { |
|
|
|
.video-box { |
|
|
|
padding: 20rpx; |
|
|
|
padding: 20rpx; |
|
|
|
width: 694rpx; |
|
|
|
width: 694rpx; |
|
|
@ -200,6 +242,7 @@ |
|
|
|
background: #00B74F; |
|
|
|
background: #00B74F; |
|
|
|
border-radius: 16rpx; |
|
|
|
border-radius: 16rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.category_item { |
|
|
|
.category_item { |
|
|
|
width: 312rpx; |
|
|
|
width: 312rpx; |
|
|
|
height: 90rpx; |
|
|
|
height: 90rpx; |
|
|
@ -208,4 +251,12 @@ |
|
|
|
background: #F5F5F5; |
|
|
|
background: #F5F5F5; |
|
|
|
border-radius: 20rpx; |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.play_btn_2 { |
|
|
|
|
|
|
|
width: 65rpx; |
|
|
|
|
|
|
|
height: 65rpx; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
left: 165.5rpx; |
|
|
|
|
|
|
|
top: 78rpx |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |