he2802 3 年之前
父节点
当前提交
c4ff9c6356
共有 1 个文件被更改,包括 40 次插入18 次删除
  1. 40 18
      pages2/bank/detail.vue

+ 40 - 18
pages2/bank/detail.vue

@@ -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 {