<div class="swiper-container swiper-vip">
	<div class="swiper-wrapper">
		<div class="swiper-slide">
			<div class="vip-card vip-bronze">
				<div class="vip-icon"><img src="images/bronze.png"></div>
				<div class="vip-card_bd">
					<div class="vip-bd_grid">
						<div class="avatar"><img src="images/avatar@2x.png" ></div>
						<div class="tt">当前等级</div>
						<div class="cur-level">青铜</div>
					</div>
					<div class="line"></div>
					<div class="vip-data ">
						<div class="vip-data-item">
							<div class="text">交易利润</div>
							<div class="val">10%</div>
						</div>
						<div class="vip-data-item">
							<div class="text">团队收益</div>
							<div class="val">0%</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="swiper-slide">
			<div class="vip-card vip-silver">
				<div class="vip-icon"><img src="images/silver.png"></div>
				<div class="vip-card_bd">
					<div class="vip-bd_grid">
						<div class="avatar"><img src="images/avatar@2x.png" ></div>
						<div class="tt">下一个等级</div>
						<div class="cur-level">白银</div>
					</div>
					<div class="line"></div>
					<div class="vip-data ">
						<div class="vip-data-item">
							<div class="text">交易利润</div>
							<div class="val">10%</div>
						</div>
						<div class="vip-data-item">
							<div class="text">团队收益</div>
							<div class="val">0.25%</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="swiper-slide">
			<div class="vip-card vip-gold">
				<div class="vip-icon"><img src="images/gold.png"></div>
				<div class="vip-card_bd">
					<div class="vip-bd_grid">
						<div class="avatar"><img src="images/avatar@2x.png" ></div>
						<div class="tt">下一个等级</div>
						<div class="cur-level">黄金</div>
					</div>
					<div class="line"></div>
					<div class="vip-data ">
						<div class="vip-data-item">
							<div class="text">交易利润</div>
							<div class="val">10%</div>
						</div>
						<div class="vip-data-item">
							<div class="text">团队收益</div>
							<div class="val">0.5%</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="swiper-slide">
			<div class="vip-card vip-platinum">
				<div class="vip-icon"><img src="images/platinum.png"></div>
				<div class="vip-card_bd">
					<div class="vip-bd_grid">
						<div class="avatar"><img src="images/avatar@2x.png" ></div>
						<div class="tt">下一个等级</div>
						<div class="cur-level">铂金</div>
					</div>
					<div class="line"></div>
					<div class="vip-data ">
						<div class="vip-data-item">
							<div class="text">交易利润</div>
							<div class="val">10%</div>
						</div>
						<div class="vip-data-item">
							<div class="text">团队收益</div>
							<div class="val">0.5%</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="swiper-slide">
			<div class="vip-card vip-diamonds">
				<div class="vip-icon"><img src="images/Diamonds.png"></div>
				<div class="vip-card_bd">
					<div class="vip-bd_grid">
						<div class="avatar"><img src="images/avatar@2x.png" ></div>
						<div class="tt">下一个等级</div>
						<div class="cur-level">钻石</div>
					</div>
					<div class="line"></div>
					<div class="vip-data ">
						<div class="vip-data-item">
							<div class="text">交易利润</div>
							<div class="val">10%</div>
						</div>
						<div class="vip-data-item">
							<div class="text">团队收益</div>
							<div class="val">1%</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	var swiper = new Swiper(".swiper-vip", {
		slidesPerView: "auto",
		spaceBetween:20,
		centeredSlides: true,
		
	});
</script>

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注