|
@@ -5,7 +5,12 @@
|
|
|
<van-count-down :time="time"></van-count-down>
|
|
|
</view> -->
|
|
|
<view class="divider"></view>
|
|
|
- <m-do-topic :trueNum.sync="trueNum" :falseNum.sync="falseNum" :query="query" :problemListIndex="problemListIndex"></m-do-topic>
|
|
|
+ <m-do-topic
|
|
|
+ :trueNum.sync="trueNum"
|
|
|
+ :falseNum.sync="falseNum"
|
|
|
+ :query="query"
|
|
|
+ :problemListIndex="problemListIndex"
|
|
|
+ ></m-do-topic>
|
|
|
<!-- <view class="function-list">
|
|
|
<div class="function-item">
|
|
|
<van-icon name="star-o" size="25px" />
|
|
@@ -78,33 +83,39 @@
|
|
|
</van-tabbar>
|
|
|
<!-- #endif -->
|
|
|
<!-- #ifdef MP-TOUTIAO -->
|
|
|
- <tabbar height="35px">
|
|
|
- <view @click="goBeforeTopics" class="flex-all-center h-full">
|
|
|
- <van-icon
|
|
|
- slot="icon"
|
|
|
- custom-style="transform: rotate(90deg);"
|
|
|
- custom-class="last-subject"
|
|
|
- name="down"
|
|
|
- size="18px"
|
|
|
- /><text> 上一题 </text>
|
|
|
- </view>
|
|
|
- <view class="flex-all-center h-full">
|
|
|
- <icon
|
|
|
- class="icon-box-img"
|
|
|
- color="#06c05f"
|
|
|
- type="success"
|
|
|
- size="18px"
|
|
|
- ></icon
|
|
|
- ><text style="margin-left: 5rpx">{{ trueNum }}</text>
|
|
|
+ <tabbar height="45px">
|
|
|
+ <view class="h-full tabbar-item">
|
|
|
+ <view @click="goBeforeTopics">
|
|
|
+ <van-icon
|
|
|
+ slot="icon"
|
|
|
+ custom-style="transform: rotate(90deg);"
|
|
|
+ custom-class="last-subject"
|
|
|
+ name="down"
|
|
|
+ size="18px"
|
|
|
+ />
|
|
|
+ <view> 上一题 </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="flex-all-center h-full">
|
|
|
- <icon class="icon-box-img" type="clear" size="18px"></icon>
|
|
|
- <text style="margin-left: 5rpx">{{ falseNum }}</text>
|
|
|
+
|
|
|
+ <view class="h-full tabbar-item">
|
|
|
+ <view class="tabbar-item">
|
|
|
+ <icon
|
|
|
+ class="icon-box-img"
|
|
|
+ color="#06c05f"
|
|
|
+ type="success"
|
|
|
+ size="18px"
|
|
|
+ ></icon
|
|
|
+ ><view style="width: 100%">{{ trueNum }}</view>
|
|
|
+ </view>
|
|
|
+ <view style="margin-left: 15rpx" class="tabbar-item">
|
|
|
+ <icon class="icon-box-img" type="clear" size="18px"></icon>
|
|
|
+ <view style="width: 100%">{{ falseNum }}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="flex-all-center h-full">
|
|
|
- <van-icon size="18px" name="description" />{{ problemListIndex + 1 }}/{{
|
|
|
- problemListTotal
|
|
|
- }}
|
|
|
+ <view class="h-full tabbar-item">
|
|
|
+ <van-icon size="18px" name="description" /><view style="width: 100%"
|
|
|
+ >{{ problemListIndex + 1 }}/{{ problemListTotal }}</view
|
|
|
+ >
|
|
|
</view>
|
|
|
|
|
|
<view
|
|
@@ -113,21 +124,22 @@
|
|
|
explainJsVisible = true;
|
|
|
}
|
|
|
"
|
|
|
- class="flex-all-center h-full"
|
|
|
+ class="h-full tabbar-item"
|
|
|
>
|
|
|
- <icon type="warn" size="18px" /><text style="margin-left: 5rpx"
|
|
|
- >解释</text
|
|
|
+ <icon type="warn" size="18px" /><view
|
|
|
+ style="width: 100%; text-align: center"
|
|
|
+ >解释</view
|
|
|
>
|
|
|
</view>
|
|
|
|
|
|
- <view @click="goNextTopics" class="flex-all-center h-full">
|
|
|
- 下一题
|
|
|
+ <view @click="goNextTopics" class="h-full tabbar-item">
|
|
|
<van-icon
|
|
|
custom-style="transform: rotate(-90deg);"
|
|
|
custom-class="last-subject"
|
|
|
name="down"
|
|
|
size="18px"
|
|
|
/>
|
|
|
+ <view style="width: 100%"> 下一题 </view>
|
|
|
</view>
|
|
|
</tabbar>
|
|
|
<!-- #endif -->
|
|
@@ -587,6 +599,12 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.tabbar-item {
|
|
|
+ display:flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: center;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
.divider {
|
|
|
width: 100%;
|
|
|
height: 24rpx;
|
|
@@ -595,11 +613,8 @@ export default {
|
|
|
.h-full {
|
|
|
height: 100%;
|
|
|
}
|
|
|
-.flex-all-center {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-content: center;
|
|
|
- align-items: center;
|
|
|
+.inline-block {
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
.flex-center {
|
|
|
display: flex;
|