T

apps/course/Tpl/default/Video/view_w3g.html

@@ -8,10 +8,6 @@
 		padding: 0 !important;
 		padding: 0 !important;
 	}
 	}
 	
 	
-	..van-hairline--top::after {
-		border-top: none !important;
-	}
-	
 </style>
 </style>
 <div id="app">
 <div id="app">
 	<div class="layout_v" style="padding-bottom: 5rem;">
 	<div class="layout_v" style="padding-bottom: 5rem;">
@@ -50,15 +46,15 @@
 			<div class="normal_gap"></div>
 			<div class="normal_gap"></div>
 			<van-collapse :border="false" v-model="collapsed">
 			<van-collapse :border="false" v-model="collapsed">
 				<van-collapse-item :border="false" v-for="(item, index) in section" :key="index" title-class="text_16_600 color_333333" :title="item.title" :name="item.id">
 				<van-collapse-item :border="false" v-for="(item, index) in section" :key="index" title-class="text_16_600 color_333333" :title="item.title" :name="item.id">
-					<div class="course_each layout_v">
+					<div v-for="(child, idx) in item.child" :key="idx" class="course_each layout_v">
 						<div class="layout_h" style="margin-left: 0.75rem;margin-right: 0.75rem;">
 						<div class="layout_h" style="margin-left: 0.75rem;margin-right: 0.75rem;">
-							<van-icon size="16" name="__THEME__/img/locked.png" ></van-icon>
+							<van-icon size="16" :name="isVideoLocked(child) ? '__THEME__/img/locked.png' : '__THEME__/img/unlocked.png'" ></van-icon>
 							<div class="layout_v weight_full" style="margin-left: 0.5rem;">
 							<div class="layout_v weight_full" style="margin-left: 0.5rem;">
-								<span class="text_14_400 color_333333">理论精讲-言语1</span>
-								<span class="text_12_400 color_999999" style="margin-top: 0.25rem;">09：50</span>
+								<span class="text_14_400 color_333333">{{child.title}}</span>
+								<span class="text_12_400 color_999999" style="margin-top: 0.25rem;">{{child.duration}}</span>
 							</div>
 							</div>
 						</div>
 						</div>
-						<div class="divider" style="margin-top: 0.5rem;"></div>
+						<div :style="{ background: idx < (item.child.length - 1) ? 'F5F5F5' : 'transparent' }" class="divider" style="margin-top: 0.5rem;"></div>
 					</div>
 					</div>
 				</van-collapse-item>
 				</van-collapse-item>
 			</van-collapse>
 			</van-collapse>
@@ -133,6 +129,15 @@
 			},
 			},
 			courseIntro: function() {
 			courseIntro: function() {
 				return this.info.video_intro
 				return this.info.video_intro
+			},
+			isVideoLocked: function() {
+				return function(child) {
+					if(this.bought) {
+						return false
+					} else {
+						return child.is_free == 1
+					}
+				}
 			}
 			}
 		}
 		}
 	})
 	})