123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
- <title>加入成功</title>
- <link rel="stylesheet" type="text/css" href="public/public_css.css"/>
- <style type="text/css">
- body{
- background: #FFFFFF;
- }
- .userImg{
- width: 0.87rem;
- height: 0.87rem;
- border-radius: 50%;
- margin: auto;
- margin-top: 0.41rem;
- margin-bottom: 0.22rem;
- }
- .inviting{
- max-width: 2.4rem;
- text-align: center;
- font-size: 0.16rem;
- color: #878787;
- line-height: 0.22rem;
- margin: auto;
- }
- .inviting text{
- color:#646464;
- }
- .button{
- width: 2.47rem;
- height: 0.41rem;
- background: #FFE100;
- color: #FFFFFF;
- font-size: 0.2rem;
- border-radius: 0.26rem;
- box-shadow:0px 0.02rem 0px rgba(251,179,179,0.5);
- border-radius:0.26rem;
- margin: auto;
- margin-top: 0.97rem;
- display: block;
- }
- </style>
- </head>
- <body>
- <img class="userImg" src="image/logo.png" />
- <p class="inviting">您已成功加入《<text>旅行账本</text>》<br/>名片:<span>ZYuuu</span></p>
- <button class="button" onclick="goApp()">打开app,一起记账</button>
-
- <div class="mask">
- <div class="content">
- <h3>提示</h3>
- <p>密码错误啊啊啊啊啊</p>
- <div onclick="iknow()">我知道了</div>
- </div>
- </div>
-
- </body>
- </html>
- <script type="text/javascript" src="public/jquery-2.1.0.js"></script>
- <script type="text/javascript">
- document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
- window.onresize = function(){
- document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
- }
-
- var appUrl = null;
- var avatar = '';
- var book_name = '金牛记账';
- var user_name = '--';
- var message = '';
- var code = '';
- var str=location.href; //取得整个地址栏
- var num=str.indexOf("?");
- str=str.substr(num+1); //str得到?之后的字符串
- var brr=str.split("&");
- for(var i = 0 ; i<brr.length; i++){
- if(brr[i].indexOf('code') != -1){
- code = brr[i].split('=')[1];
- }
- if(brr[i].indexOf('avatar') != -1){
- avatar = brr[i].split('=')[1];
- avatar = decodeURIComponent(avatar);
- }
- if(brr[i].indexOf('userName') != -1){
- user_name = brr[i].split('=')[1];
- user_name = decodeURI(user_name);
- }
- if(brr[i].indexOf('bookName') != -1){
- book_name = brr[i].split('=')[1];
- book_name = decodeURI(book_name);
- }
- if(brr[i].indexOf('message') != -1){
- message = brr[i].split('=')[1];
- message = decodeURI(message);
- }
- if(brr[i].indexOf('appUrl') != -1){
- appUrl = brr[i].split('=')[1];
- appUrl = decodeURIComponent(appUrl);
- }
- }
- console.log(appUrl)
- window.onload = function (){
- if(avatar == "null" || avatar == ""){
- $(".userImg").attr("src","image/logo.png");
- }else{
- $(".userImg").attr("src",avatar);
- }
- $(".inviting text").html(book_name);
- $(".inviting span").html(user_name);
- if(code != 0){
- $(".inviting").html(message);
- $(".mask").css("visibility","visible");
- $(".content p").html(message);
- }else{
- $(".mask").css("visibility","visible");
- $(".content p").html('加入账本成功');
- }
-
- }
-
- function iknow () {
- $(".mask").css("visibility","hidden");
- }
- function goApp () {
- if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)){
- window.location.href=appUrl;
- }
- if(navigator.userAgent.match(/android/i)){
- window.location.href='http://android.myapp.com/myapp/detail.htm?apkName=com.kuxuan.jinniunote';
- }
- }
- </script>
|