master

分支 (1)

管理

管理

master

Campus
/
goods-detail.html

<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			.goods-bottom b {
				color: #2AC845;
			}

			.goods-title {
				padding: 0 10px;
			}

			.span-import {
				color: red;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav" style="background-color:white;;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:black;"></a>
			<h1 class="mui-title">积分商城</h1>
		</header>
		<div class="mui-content" style="background-color: white;">
			<img src="images/jiande.jpg" style="height:200px;width:100%;margin:0 0;" />
			<div class="goods-title">
				<div style="margin-bottom:10px;">
					<span>气候宜居城市建德旅游激励通票</span>
				</div>
				<div class="goods-bottom">
					<span><b>1</b>积分</span>
					<span style="float:right;">库存<b>4828</b>件</span>
				</div>
			</div>
		</div>
		<div class="mui-content" style="background-color:white;padding:5px 10px;margin-top:6px;">
			<span>支持方</span><br />
			<span>建德全域旅游办等</span>
		</div>
		<div class="mui-content" style="background-color:white;;padding:10px 10px 60px;margin-top:6px;">
			<span style="color:dodgerblue;">兑换说明:</span><br />
			<span>1.一个账号可多次兑换，不兑现，不找零。</span><br />
			<span>2.本福利可提供给<span class="span-import">全国一星级以上志愿者</span>。</span><br />
			<span>3.领取方式:商品兑换成功后，志愿者于景点或酒店现场出示身份证、兑换记录与志愿汇星级，工作人员核对身份信息后予以免票(或发免费票)和其他优惠;浙江省志愿者可持证扫码识别身份和星级等级直接享受奖励。</span><br />
			<span>4.使用规则:星级志愿者可多次兑换使用，免门票不免交通费。</span><br />
			<span>5.使用期限:2019年12月31日之前。</span><br />
			<span>6.<span class="span-import">若现场核实星级未达一星级，积分不予退还</span></span><br />
			<span>7.本奖励最终解释权归建德市全域旅游办所有。</span><br />
			<span>投诉电话 美丽建德志愿服务中心0571-64718309</span><br />
			<span>备注:景点共有9个(....)酒店共11所(....)</span>
		</div>
		<nav class="mui-bar mui-bar-tab">
			<button type="button" class="mui-btn mui-btn-primary" style="width: 100%;height: 50px;top: 0;font-size: 16px;">马上兑换</button>
		</nav>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
			mui(".mui-bar").on('tap', '.mui-btn', function() {
				mui.confirm('确定兑换？', '兑换商品', ['是', '否'], function(e) {
					if(e.index == 0) {
						mui.alert('兑换成功');
					}
				})
			});
		</script>
	</body>

</html>