<template>
	<view class="">
		<u-navbar :border-bottom="false" back-icon-size="35" title="热门课程" title-size="32" :background="background"
			:back-text-style="hhyanm" title-color="#FFFFFF" back-icon-color="#FFFFFF"></u-navbar>

		<view class="zykkddr">
			<view class="zykkddra">
				<image src="/static/zy/zya1.png" style="width: 750rpx;height: 410rpx;margin-top: -102rpx;margin-left: 132rpx;" mode=""></image>
			</view>
			<view class="zykkddrb">
				<view style="margin: 0 24rpx;">
					<u-swiper :list="list" interval="58000" height="364" border-radius="16"></u-swiper>
				</view>
			</view>
		</view>
		
		<view class="rmkdwwer">
			<view class="fzctob inbddwddre">
				<image src="/static/index/ina1.png"
					style="width: 40rpx;height: 40rpx;min-width: 40rpx;margin-right: 12rpx;"></image>
				<input type="text" value="" placeholder-style="color: #CCCCCC;font-size: 28rpx;"
					placeholder="搜索你感兴趣的内容" />
			</view>
		</view>
		
		<view class="rmknuy">
			<view class="zyhttry" style="padding: 20rpx 30rpx;">
				<view class="zyjjdew"></view>
				<text>热门课程</text>
			</view>
			<view class="rmkhdurr">
				<view class="jhdurryt">
					<text>分类</text>
				</view>
				<view class="jhdurryt">
					<text>强化分类</text>
				</view>
				<view class="jhdurryt">
					<text>强化分类</text>
				</view>
				<view class="jhdurryt">
					<text>强化分类</text>
				</view>
				<view class="jhdurryt">
					<text>强化分类</text>
				</view>
				<view class="jhdurryt">
					<text>强化分类</text>
				</view>
			</view>
			
			<view style="padding: 20rpx 30rpx;">
				
				<view class="zytlidde">
					<view class="zytyyrimg"></view>
					<view class="zytyyopf">
						<view class="zytyotxta"><text>视频名称视频名称</text></view>
						<view class="flztoa zytyotxtb">
							<text>小丸子</text>
							<image src="/static/zy/zyb3.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
						</view>
						<view class="flztoa">
							<view class="fzctob zytyotxtc">
								<text>3982人观看</text>
								<image v-show="xqaxuye" @click="xqaxuye = false" src="/static/zy/zyb1.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;" mode=""></image>
								<image  v-show="!xqaxuye"  @click="xqaxuye = true" src="/static/zy/zyb2.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;" mode=""></image>
							</view>
							<text class="zytyotxtd">08:40分钟</text>
						</view>
					</view>
				</view>
				
				<view class="zyhxyyer"></view>
				<view class="zytlidde">
					<view class="zytyyrimg"></view>
					<view class="zytyyopf">
						<view class="zytyotxta"><text>视频名称视频名称</text></view>
						<view class="flztoa zytyotxtb">
							<text>小丸子</text>
							<image src="/static/zy/zyb3.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
						</view>
						<view class="flztoa">
							<view class="fzctob zytyotxtc">
								<text>3982人观看</text>
								<image v-show="xqaxuye" @click="xqaxuye = false" src="/static/zy/zyb1.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;" mode=""></image>
								<image  v-show="!xqaxuye"  @click="xqaxuye = true" src="/static/zy/zyb2.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;" mode=""></image>
							</view>
							<text class="zytyotxtd">08:40分钟</text>
						</view>
					</view>
				</view>
				
				<view class="zyhxyyer"></view>
				<view class="zytlidde">
					<view class="zytyyrimg"></view>
					<view class="zytyyopf">
						<view class="zytyotxta"><text>视频名称视频名称</text></view>
						<view class="flztoa zytyotxtb">
							<text>小丸子</text>
							<image src="/static/zy/zyb3.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
						</view>
						<view class="flztoa">
							<view class="fzctob zytyotxtc">
								<text>3982人观看</text>
								<image v-show="xqaxuyea" @click="xqaxuyea = false" src="/static/zy/zyb1.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;" mode=""></image>
								<image  v-show="!xqaxuyea"  @click="xqaxuyea = true" src="/static/zy/zyb2.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;" mode=""></image>
							</view>
							<text class="zytyotxtd">08:40分钟</text>
						</view>
					</view>
				</view>
				
				<view class="zyhxyyer"></view>
				<view class="zytlidde">
					<view class="zytyyrimg"></view>
					<view class="zytyyopf">
						<view class="zytyotxta"><text>视频名称视频名称</text></view>
						<view class="flztoa zytyotxtb">
							<text>小丸子</text>
							<image src="/static/zy/zyb3.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
						</view>
						<view class="flztoa">
							<view class="fzctob zytyotxtc">
								<text>3982人观看</text>
								<image v-show="xqaxuyeb" @click="xqaxuyeb = false" src="/static/zy/zyb1.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;" mode=""></image>
								<image  v-show="!xqaxuyeb"  @click="xqaxuyeb = true" src="/static/zy/zyb2.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;" mode=""></image>
							</view>
							<text class="zytyotxtd">08:40分钟</text>
						</view>
					</view>
				</view>
				
				<view class="zyhxyyer"></view>
			</view>
			
			
		</view>
	</view>
</template>
<style>
	page {
		background: #FAFAFA;
	}
</style>
<script>
	export default {
		data() {
			return {
				xqaxuye:false,
				xqaxuyea:true,
				xqaxuyeb:true,
				background: {
					backgroundColor: '#486A92',
				},
				hhyanm: {
					color: '#FFFFFF',
				},
				timestamp: 86400,
				list: [{
						image: '/static/gaoduwe.png',
						title: '测试'
					},
					{
						image: '/static/gaoduwe.png',
						title: '测试'
					},
					{
						image: '/static/gaoduwe.png',
						title: '测试'
					}
				],

			}
		},


	}
</script>

<style lang="scss" scoped>
	 
	 
</style>
