景龙 / xingqiu · 文件

转到一个项目

审查视图

public/themes/simpleboot3/portal/scout/index.html 7.8 KB
原文件 普通视图 历史 永久链接
渲染星享体验等模块页面
2162edec
 
景龙 authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>星探推荐</title>
	<link rel="stylesheet" href="__TMPL__/public/assets/css/enjoyment.css">
	<link rel="stylesheet" href="__TMPL__/public/assets/css/Scout_index.css">
	<link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
</head>

<body>
	<include file="public@header"/>
	<div class="banner">
增加渲染封面图
b366c97c
 
jinglong authored
15 16 17 
		<volist name="coverImg" id="vo">
			<img src="{:cmf_get_image_url($vo.image)}" alt="">
		</volist>
渲染星享体验等模块页面
2162edec
 
景龙 authored
18 19 20 21 
	</div>
	<main>
		<div class="container">
			<!--旅行路线-->
修改栏目锚点
c255f2dc
 
jinglong authored
22 
			<div class="Product" id="travel">
渲染星享体验等模块页面
2162edec
 
景龙 authored
23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 
				<div class="Spot_title clearfix">
					<div class="Spot_icon fl">
						<img src="__TMPL__/public/assets/starImg/aicon_74.png" alt="">
					</div>
					<div class="Spot_name fl">
						<div class="Spot_name_left fl">
							旅行
						</div>
						<div class="Spot_name_right fl">
							路线
						</div>
					</div>
					<div class="Spot_English_name fl">
						<p>Travel Product</p>
					</div>
				</div>
				<div class="Product_main">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<volist name="res_lylx" id="vo">
								<div class="swiper-slide">
									<div class="Product_item">
渲染登录注册，等详情页
ec01f9be
 
景龙 authored
45 46 47 48 49 50 51 52 
										<a href="/portal/scout/getTravelDetail?id={$vo.id}">
											<div class="Product_item_img">
												<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
											</div>
											<div class="Product_item_Route">
												{$vo.post_title}
											</div>
										</a>
渲染星享体验等模块页面
2162edec
 
景龙 authored
53 54 55 56 57 58 59 60 61 62 63 
									</div>
								</div>
							</volist>
						</div>
					</div>
				</div>

				<div class="swiper-button-next swiper-button-white"></div>
				<div class="swiper-button-prev swiper-button-white"></div>
			</div>
			<!--地道风物-->
修改栏目锚点
c255f2dc
 
jinglong authored
64 
			<div class="Specialty" id="scenery">
渲染星享体验等模块页面
2162edec
 
景龙 authored
65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 
				<div class="Spot_title clearfix">
					<div class="Spot_icon fl">
						<img src="__TMPL__/public/assets/starImg/aicon_75.png" alt="">
					</div>
					<div class="Spot_name fl">
						<div class="Spot_name_left fl">
							地道
						</div>
						<div class="Spot_name_right fl">
							风物
						</div>
					</div>
					<div class="Spot_English_name fl">
						<p>Local Specialty</p>
					</div>
				</div>
				<div class="Specialty_main">
					<div class="swiper-container swiper-no-swiping">
						<div class="swiper-wrapper">
							<volist name="res_ddfw" id="vo">
								<div class="swiper-slide">
									<div class="Specialty_item">
渲染登录注册，等详情页
ec01f9be
 
景龙 authored
87 88 89 90 91 92 93 94 95 
										<a href="/portal/scout/getSceneryDetail?id={$vo.id}">
											<div class="Specialty_item_img">
												<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
											</div>
											<div class="Specialty_item_name">
												{$vo.post_title}
											</div>
											<div class="Specialty_item_price">￥{$vo.price}</div>
										</a>
渲染星享体验等模块页面
2162edec
 
景龙 authored
96 97 98 99 100 101 102 103 104 105 
									</div>
								</div>
							</volist>
						</div>
					</div>
				</div>
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
			</div>
			<!--创意设计-->
修改栏目锚点
c255f2dc
 
jinglong authored
106 
			<div class="Innovation" id="design">
渲染星享体验等模块页面
2162edec
 
景龙 authored
107 108 109 110 111 112 
				<div class="Spot_title clearfix">
					<div class="Spot_icon fl">
						<img src="__TMPL__/public/assets/starImg/aicon_76.png" alt="">
					</div>
					<div class="Spot_name fl">
						<div class="Spot_name_left fl">
渲染移动端主要首页页面
44872943
 
景龙 authored
113 
							旅游
渲染星享体验等模块页面
2162edec
 
景龙 authored
114 115 
						</div>
						<div class="Spot_name_right fl">
渲染移动端主要首页页面
44872943
 
景龙 authored
116 
							地产
渲染星享体验等模块页面
2162edec
 
景龙 authored
117 118 119 
						</div>
					</div>
					<div class="Spot_English_name fl">
渲染移动端主要首页页面
44872943
 
景龙 authored
120 
						<p>Overseas Investment</p>
渲染星享体验等模块页面
2162edec
 
景龙 authored
121 122 123 124 125 126 127 128 129 
					</div>
				</div>

				<div class="Innovation_main">
					<div class="swiper-container swiper-no-swiping">
						<div class="swiper-wrapper">
							<volist name="res_cysj" id="vo">
								<div class="swiper-slide">
									<div class="Specialty_item">
渲染登录注册，等详情页
ec01f9be
 
景龙 authored
130 131 132 133 134 135 136 137 138 
										<a href="/portal/scout/getSceneryDetail?id={$vo.id}">
											<div class="Specialty_item_img">
												<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
											</div>
											<div class="Specialty_item_name">
												{$vo.post_title}
											</div>
											<div class="Specialty_item_price">￥{$vo.price}</div>
										</a>
渲染星享体验等模块页面
2162edec
 
景龙 authored
139 140 141 142 143 144 145 146 147 148 
									</div>
								</div>
							</volist>
						</div>
					</div>
				</div>
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
			</div>
			<!--悦己悦人-->
修改栏目锚点
c255f2dc
 
jinglong authored
149 
			<div class="Lifestyle" id="like">
渲染星享体验等模块页面
2162edec
 
景龙 authored
150 151 152 153 154 155 
				<div class="Spot_title clearfix">
					<div class="Spot_icon fl">
						<img src="__TMPL__/public/assets/starImg/aicon_77.png" alt="">
					</div>
					<div class="Spot_name fl">
						<div class="Spot_name_left fl">
渲染移动端主要首页页面
44872943
 
景龙 authored
156 
							海外
渲染星享体验等模块页面
2162edec
 
景龙 authored
157 158 
						</div>
						<div class="Spot_name_right fl">
渲染移动端主要首页页面
44872943
 
景龙 authored
159 
							教育
渲染星享体验等模块页面
2162edec
 
景龙 authored
160 161 162 
						</div>
					</div>
					<div class="Spot_English_name fl">
渲染移动端主要首页页面
44872943
 
景龙 authored
163 
						<p>Overseas Education</p>
渲染星享体验等模块页面
2162edec
 
景龙 authored
164 165 166 167 168 169 170 171 
					</div>
				</div>
				<div class="Lifestyle_main">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<volist name="res_yjyr" id="vo">
								<div class="swiper-slide">
									<div class="Lifestyle_item">
渲染登录注册，等详情页
ec01f9be
 
景龙 authored
172 173 174 175 176 177 178 179 180 
										<a href="/portal/scout/getSceneryDetail?id={$vo.id}">
											<div class="Lifestyle_item_img">
												<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
											</div>
											<div class="Lifestyle_item_name">
												{$vo.post_title}
											</div>
											<div class="Lifestyle_item_price">￥{$vo.price}</div>
										</a>
渲染星享体验等模块页面
2162edec
 
景龙 authored
181 182 183 184 185 186 187 188 189 
									</div>
								</div>
							</volist>
						</div>
					</div>
				</div>
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
			</div>
增加后台海外医疗模块
418ef053
 
景龙 authored
190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 

			<!--海外医疗-->
			<div class="Product" id="overseas" style="margin-top:106px;">
				<div class="Spot_title clearfix">
					<div class="Spot_icon fl">
						<img src="__TMPL__/public/assets/starImg/aicon_74.png" alt="">
					</div>
					<div class="Spot_name fl">
						<div class="Spot_name_left fl">
							海外
						</div>
						<div class="Spot_name_right fl">
							医疗
						</div>
					</div>
					<div class="Spot_English_name fl">
						<p>Overseas Medical Care</p>
					</div>
				</div>
				<div class="Product_main">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<volist name="res_hwyl" id="vo">
								<div class="swiper-slide">
									<div class="Product_item">
										<a href="/portal/scout/getTravelDetail?id={$vo.id}">
											<div class="Product_item_img">
												<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
											</div>
											<div class="Product_item_Route">
												{$vo.post_title}
											</div>
										</a>
									</div>
								</div>
							</volist>
						</div>
					</div>
				</div>

				<div class="swiper-button-next swiper-button-white"></div>
				<div class="swiper-button-prev swiper-button-white"></div>
			</div>
渲染星享体验等模块页面
2162edec
 
景龙 authored
233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 
		</div>
	</main>
	<include file="public@footer"/>
	<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
	<script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script>
	<script src="__TMPL__/public/assets/js/public.js"></script>
	<script>
		var swiper = new Swiper('.Product .swiper-container', {
			slidesPerView: 3,
			spaceBetween: 4,

			navigation: {
				nextEl: '.Product .swiper-button-next',
				prevEl: '.Product .swiper-button-prev',
			},
		});
修改样式地道风物
8f4b20ff
 
景龙 authored
249 
		var swiper = new Swiper('.Specialty .swiper-container', {
渲染星享体验等模块页面
2162edec
 
景龙 authored
250 251 252 253 254 255 
			slidesPerView: 'auto',
			spaceBetween: 13,

			navigation: {
				nextEl: '.Specialty .swiper-button-next',
				prevEl: '.Specialty .swiper-button-prev',
修改样式地道风物
8f4b20ff
 
景龙 authored
256 
			}
渲染星享体验等模块页面
2162edec
 
景龙 authored
257 
		});
修改样式地道风物
8f4b20ff
 
景龙 authored
258 
		var swiper = new Swiper('.Innovation .swiper-container', {
渲染星享体验等模块页面
2162edec
 
景龙 authored
259 260 261 262 263 
			slidesPerView: 'auto',
			spaceBetween: 13,
			navigation: {
				nextEl: '.Innovation .swiper-button-next',
				prevEl: '.Innovation .swiper-button-prev',
修改样式地道风物
8f4b20ff
 
景龙 authored
264 
			}
渲染星享体验等模块页面
2162edec
 
景龙 authored
265 
		});
修改样式地道风物
8f4b20ff
 
景龙 authored
266 
		var swiper = new Swiper('.Lifestyle .swiper-container', {
渲染星享体验等模块页面
2162edec
 
景龙 authored
267 268 269 270 271 
			slidesPerView: 2,
			spaceBetween: 16,
			navigation: {
				nextEl: '.Lifestyle .swiper-button-next',
				prevEl: '.Lifestyle .swiper-button-prev',
修改样式地道风物
8f4b20ff
 
景龙 authored
272 
			}
渲染星享体验等模块页面
2162edec
 
景龙 authored
273 274 275 276 277 278 
		});

	</script>
</body>

</html>