JS css3仿支付宝银行卡切换特效代码下载


JS css3仿支付宝银行卡切换特效代码下载
JS css3仿支付宝银行卡切换特效代码下载以及仿支付宝、银行卡切换等js/jquery网页特效代码下载。

1. 引入JS

<script src="js/vue.js"></script>

2. HTML代码

		<div id="app">
			<div class="main">
				<ul class="box" id="box" :class='{newBox:itemIndex!== null}'>
					<li v-for="(item,index) in list" :key="index" :class="{newItem:itemIndex==item.index}" @click="itemClick(index)">
						<div class="itemMain" :style="{background:item.bankBg}">
							<div class="top clearfix">
								<div class="bankLogo">
									<img :src='item.bankLogo' />
								</div>
								<div class="bankInfo">
									<p>{{item.name}}</p>
									<p>{{item.bankType}}</p>
								</div>
								<div class="bankNum">
									<p>**** {{item.bankNum}}</p>
								</div>
							</div>
							<div class="bottom clearfix">
								<p>每日限额{{item.limitNum}}万</p>
							</div>
						</div>
					</li>
				</ul>
				<dl class="itemContent" id="itemContent" v-show="itemIndex!== null?true:false">
					<dd v-for="(items,index) in bankList" :key="index" >
						<div class="clearfix">
						<img class="fl" :src="items.itemUrl"/>
						<span class="fl">{{items.itemName}}</span>
						<img class="fr" src="img/jt.svg"/>
						</div>
					</dd>
				</dl>
				<div class="itemBtn" v-show="itemIndex!= null?true:false" @click="btnClick">
					<img src="./img/xjt.svg"/>
				</div>
			</div>
		</div>

相关推荐

发表评论

相关文章