扫码手机预览

									
										
											<header class="nwd-bar">
											    <a class="bar-arrow-l" href=""></a>
											    标题
											</header>

											<header class="nwd-bar">
											    标题
											    <a class="bar-more" href=""></a>
											</header>

											<nav class="nwd-tab-nav">
											    <a class="nwd-tab nwd-nav-on" href="">
											  	    <span></span>精选
											    </a>
											    <a class="nwd-tab" href="">
											  	    <span></span>理财
											    </a>
											    <a class="nwd-tab" href="">
											  	    <span></span>借款
											    </a>
											    <a class="nwd-tab" href="">
											  	   <span></span>我的财富
											    </a>
											</nav>
										
									

扫码手机预览

									
										
											<button class="nwd-btn nwd-btn-highlight">页面主操作Normal</button>

											<button class="nwd-btn nwd-btn-light">页面次操作Normal</button>

											<button class="nwd-btn nwd-btn-disable">不可操作</button>

											<button class="nwd-btn nwd-btn-outlight">安全退出</button>
										
									

扫码手机预览

									
										
											<button class="nwd-btn nwd-btn-Xhighlight">页面主操作Normal</button>

											<button class="nwd-btn nwd-btn-Xlight">页面次操作Normal</button>

											<button class="nwd-btn nwd-btn-disable">不可操作</button>
										
									

扫码手机预览

									
										
											<button class="nwd-btn nwd-btn-Rhighlight">立即抢购</button>

											<button class="nwd-btn nwd-btn-Rlight">预约下期</button>
											
											<button class="nwd-btn nwd-btn-Rdark">
											    <span>倒计时:</span>
											    <span>08:09:00</span>
											    <span class="nwd-ml-15">立即预约</span>
											</button>

											<button class="nwd-btn nwd-btn-Rdark">已预约</button>
										
									

扫码手机预览

									
										
											<ul class="nwd-tab-con">
											    <li class="nwd-tab tab-on">选项一</li>
											    <li class="nwd-tab">选项二</li>
											</ul>

											<ul class="nwd-tab-con">
											    <li class="nwd-tab">选项一</li>
											    <li class="nwd-tab">选项二</li>
											    <li class="nwd-tab tab-on">选项三</li>
											</ul>
										
									

扫码手机预览

									
										
											成功/失败(icon-msg-suc/icon-msg icon-msg-fail)
											<div class="message-box">
											    <div class="message-state">
											        <span class="icon-msg icon-msg-suc"></span>
											        <div class="fs-16 fc-6 nwd-mt-25">成功</div>
											        <div class="fs-14 fc-9 nwd-mt-15">您的操作已经成功</div>
											    </div>
											</div>

											无法完成操作/提示信息(icon-msg-unkonw/icon-msg-notice)
											<div class="message-box">
											    <div class="message-state">
											        <span class="icon-msg icon-msg-unkonw"></span>
											        <div class="fs-16 fc-6 nwd-mt-25">无法完成操作</div>
											        <div class="fs-14 fc-9 nwd-mt-15">
											            详情请咨询：<a href="tel:4007910888">400-7910-888</a>
											        </div>
											    </div>
											</div>
										
									

扫码手机预览

									
										
											404/空白页(img src路径)
											<div class="system-error">
											    <div class="error-con">
													        <img lazyload="../image/systemError/404@2x.png" width="50%" alt="">
											    </div>
											    <div class="nwd-mb-20">404</div>
											    <a href="javascript:;" onclick="window.location.reload();">刷新</a>
											</div>

											网络无法连接/系统出错，正在排查/系统正忙，稍后再试(img src路径)
											<div class="system-error">
											    <div class="error-con">
													        <img lazyload="../image/systemError/404@2x.png" width="50%" alt="">
											    </div>
											    <div class="nwd-mb-10">404</div>
											    <div class="fs-15 fc-9 nwd-mb-20">世界上最遥远的距离莫过于此</div>
											    <a href="javascript:;" onclick="window.location.reload();">刷新</a>
											</div>
										
									

扫码手机预览

									
										
											//显示toast
											Toast.show('成功提醒','suc',3000);
											Toast.show('失败提醒','fail',true);
											Toast.show('警示提醒','notice',false);
											Toast.show('网络无法链接','network',false);

											//隐藏toast
Toast.hide();

										
									

扫码手机预览

									
										
											//显示loading
											loading.show('加载中','grey',3000);
											loading.show('正在付款中','blue',true);
											loading.show('安全支付中','white',false);

											//隐藏toast
loading.hide();