|
@@ -32,17 +32,19 @@
|
|
|
<view class="content">
|
|
|
<view class="list" v-for="(item1,index1) in bankList" :key="index1">
|
|
|
<template v-if="item1.type==1">
|
|
|
- <view class="module" @click="clickModule" :data-id="item1.majorId" :data-index="index1">
|
|
|
- <u-icon class="icon" name="arrow-down-fill" v-if="item1.showList"></u-icon>
|
|
|
- <u-icon class="icon" name="play-right-fill" v-if="!item1.showList"></u-icon>
|
|
|
- {{item1.name}} {{item1.subjectName}}
|
|
|
+ <view class="moduleItem" @click="clickModule" :data-id="item1.majorId" :data-index="index1">
|
|
|
+ <view class="courseName">{{item1.name}}</view>
|
|
|
+ <view>
|
|
|
+ <image src="/static/icon/up.png" class="icon_up" v-if="!item1.showList"></image>
|
|
|
+ <image src="/static/icon/down.png" class="icon_up" v-if="item1.showList"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<template v-if="item1.showList">
|
|
|
<view v-for="(item2,index2) in item1.list" :key="index2" >
|
|
|
<view class="section" @click="changeItem" :data-index1="index1" :data-index2="index2" :data-id="item2.chapterExamId" :data-type="item1.type">
|
|
|
- <u-icon name="arrow-down" class="icon" v-if="!item2.showList"></u-icon>
|
|
|
- <u-icon name="arrow-up" class="icon" v-if="item2.showList"></u-icon>
|
|
|
+ <image src="/static/icon/up1.png" class="icon_up" v-if="!item2.showList"></image>
|
|
|
+ <image src="/static/icon/down1.png" class="icon_up" v-if="item2.showList"></image>
|
|
|
{{item2.name}}
|
|
|
</view>
|
|
|
<view v-if="item2.showList">
|
|
@@ -53,6 +55,7 @@
|
|
|
</navigator>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <u-line></u-line>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -61,8 +64,8 @@
|
|
|
|
|
|
<template v-if="item1.type ==2">
|
|
|
<view class="section" :data-index1="index1" :data-id="item1.majorId" @click="changeItem" :data-type="item1.type">
|
|
|
- <u-icon name="arrow-down" class="icon" v-if="!item1.showList"></u-icon>
|
|
|
- <u-icon name="arrow-up" class="icon" v-if="item1.showList"></u-icon>
|
|
|
+ <image src="/static/icon/up1.png" class="icon_up" v-if="!item1.showList"></image>
|
|
|
+ <image src="/static/icon/down1.png" class="icon_up" v-if="item1.showList"></image>
|
|
|
{{item1.name}}
|
|
|
</view>
|
|
|
<view v-if="item1.showList" >
|
|
@@ -265,7 +268,15 @@ export default {
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="scss" scope>
|
|
|
-
|
|
|
+ .courseName{
|
|
|
+ white-space:nowrap;
|
|
|
+ overflow:hidden;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+ .icon_up{
|
|
|
+ width: 32rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ }
|
|
|
.intro {
|
|
|
background: #EAEEF1;
|
|
|
padding:16rpx 16rpx 124rpx;
|
|
@@ -286,6 +297,16 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ .moduleItem{
|
|
|
+ height: 80rpx;
|
|
|
+ color: #333333;
|
|
|
+ font-size: 32rpx;
|
|
|
+ line-height: 80rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ }
|
|
|
.title-list {
|
|
|
background: #EAEEF1;
|
|
|
padding:16rpx 16rpx 124rpx;
|
|
@@ -308,15 +329,16 @@ export default {
|
|
|
}
|
|
|
|
|
|
.section {
|
|
|
- padding:30rpx 0;
|
|
|
- padding-left:17rpx;
|
|
|
- border-bottom: 1rpx solid #EEEEEE;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #666666;
|
|
|
-
|
|
|
- .icon {
|
|
|
- margin-right:30rpx;
|
|
|
- }
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ white-space:nowrap;
|
|
|
+ overflow:hidden;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.article {
|