演示网站 手机端邀请好友抽成收益html页面
编写代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>手机端邀请好友抽成收益html页面</title> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" /> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="black" name="apple-mobile-web-app-status-bar-style" /> <meta content="telephone=no" name="format-detection" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <section class="aui-flexView"> <header class="aui-navBar aui-navBar-fixed"> <a href="javascript:;" class="aui-navBar-item"> <i class="icon "></i> </a> <div class="aui-center"> <span class="aui-center-title">福利社</span> </div> <a href="javascript:;" class="aui-navBar-item"> <i class="icon icon-sys"></i> </a> </header> <section class="aui-scrollView"> <div class="aui-head-box"> <div class="aui-head-fare"> <img src="images/head-bg.png" alt=""> <button>新手问答</button> </div> <div class="aui-head-body"> <div class="aui-palace"> <a href="javascript:;" class="aui-palace-grid"> <div class="aui-palace-grid-icon"> <img src="images/icon-head-001.png" alt=""> </div> <div class="aui-palace-grid-text"> <h2>每位有效徒弟</h2> <h2>奖励1000金币</h2> </div> </a> <a href="javascript:;" class="aui-palace-grid"> <div class="aui-palace-grid-icon"> <img src="images/icon-head-002.png" alt=""> </div> <div class="aui-palace-grid-text"> <h2>徒弟填邀请码</h2> <h2>立得1000金币</h2> </div> </a> <a href="javascript:;" class="aui-palace-grid"> <div class="aui-palace-grid-icon"> <img src="images/icon-head-003.png" alt=""> </div> <div class="aui-palace-grid-text"> <h2>徒弟收益任务</h2> <h2>收益你赚20%</h2> </div> </a> </div> </div> <div class="aui-button-fare"> <button> <img src="images/button.png" alt=""> </button> </div> </div> <div class="aui-flex" style="padding-bottom:0"> <div class="aui-flex-box"> <h1>新手任务</h1> </div> </div> <div class="aui-fare-list"> <a href="javascript:;" class="aui-flex"> <div class="aui-logo-tag"> <img src="images/icon-fl-001.png" alt=""> </div> <div class="aui-flex-box"> <h3>填写邀请码 <em> <i class="icon icon-tags"></i> +5000 </em></h3> <p>输入好友邀请码可获得奖励</p> </div> <div class="aui-button-go"> <button>去完成</button> </div> </a> </div> <div class="aui-flex" style="padding-bottom:0"> <div class="aui-flex-box"> <h1>日常任务</h1> </div> </div> <div class="aui-fare-list"> <a href="javascript:;" class="aui-flex"> <div class="aui-logo-tag"> <img src="images/icon-fl-002.png" alt=""> </div> <div class="aui-flex-box"> <h3>阅读五分钟 <em> <i class="icon icon-tags"></i> +500 </em></h3> <p>一天内累计时间到五分钟了获得奖励</p> </div> <div class="aui-button-go"> <i class="icon icon-dow"></i> </div> </a> <a href="javascript:;" class="aui-flex"> <div class="aui-logo-tag"> <img src="images/icon-fl-003.png" alt=""> </div> <div class="aui-flex-box"> <h3>邀请好友 <em> <i class="icon icon-tags"></i> +500 </em></h3> <p>一天内累计时间到五分钟了获得奖励</p> </div> <div class="aui-button-go"> <button>去完成</button> </div> </a> <a href="javascript:;" class="aui-flex"> <div class="aui-logo-tag"> <img src="images/icon-fl-004.png" alt=""> </div> <div class="aui-flex-box"> <h3>分享到朋友圈 <em> <i class="icon icon-tags"></i> +1000 </em></h3> <p>一天内累计时间到五分钟了获得奖励</p> </div> <div class="aui-button-go"> <button>去完成</button> </div> </a> <a href="javascript:;" class="aui-flex"> <div class="aui-logo-tag"> <img src="images/icon-fl-005.png" alt=""> </div> <div class="aui-flex-box"> <h3>分享到微博 <em> <i class="icon icon-tags"></i> +600 </em></h3> <p>一天内累计时间到五分钟了获得奖励</p> </div> <div class="aui-button-go"> <button>去完成</button> </div> </a> <a href="javascript:;" class="aui-flex"> <div class="aui-logo-tag"> <img src="images/icon-fl-002.png" alt=""> </div> <div class="aui-flex-box"> <h3>阅读五分钟 <em> <i class="icon icon-tags"></i> +500 </em></h3> <p>一天内累计时间到五分钟了获得奖励</p> </div> <div class="aui-button-go"> <i class="icon icon-dow"></i> </div> </a> <a href="javascript:;" class="aui-flex"> <div class="aui-logo-tag"> <img src="images/icon-fl-003.png" alt=""> </div> <div class="aui-flex-box"> <h3>邀请好友 <em> <i class="icon icon-tags"></i> +500 </em></h3> <p>一天内累计时间到五分钟了获得奖励</p> </div> <div class="aui-button-go"> <button>去完成</button> </div> </a> <a href="javascript:;" class="aui-flex"> <div class="aui-logo-tag"> <img src="images/icon-fl-004.png" alt=""> </div> <div class="aui-flex-box"> <h3>分享到朋友圈 <em> <i class="icon icon-tags"></i> +1000 </em></h3> <p>一天内累计时间到五分钟了获得奖励</p> </div> <div class="aui-button-go"> <button>去完成</button> </div> </a> <a href="javascript:;" class="aui-flex"> <div class="aui-logo-tag"> <img src="images/icon-fl-005.png" alt=""> </div> <div class="aui-flex-box"> <h3>分享到微博 <em> <i class="icon icon-tags"></i> +600 </em></h3> <p>一天内累计时间到五分钟了获得奖励</p> </div> <div class="aui-button-go"> <button>去完成</button> </div> </a> </div> <div style="height:60px;"></div> </section> <footer class="aui-footer aui-footer-fixed"> <a href="javascript:;" class="aui-tabBar-item"> <span class="aui-tabBar-item-icon"> <i class="icon icon-loan"></i> </span> <span class="aui-tabBar-item-text">书城</span> </a> <a href="javascript:;" class="aui-tabBar-item "> <span class="aui-tabBar-item-icon"> <i class="icon icon-credit"></i> </span> <span class="aui-tabBar-item-text">书架</span> </a> <a href="javascript:;" class="aui-tabBar-item aui-tabBar-item-active"> <span class="aui-tabBar-item-icon"> <i class="icon icon-ions"></i> </span> <span class="aui-tabBar-item-text">福利社</span> </a> <a href="javascript:;" class="aui-tabBar-item"> <span class="aui-tabBar-item-icon"> <i class="icon icon-me"></i> </span> <span class="aui-tabBar-item-text">我的</span> </a> </footer> </section> </body> </html>
注册免费下载
抱歉，隐藏内容须成功 评论本文 后刷新可见！
