浏览代码

增加使用说明页面singlePage

chenyue 6 年之前
父节点
当前提交
d93692dbda

+ 5 - 0
html/singlePage/css/index.css

@ -0,0 +1,5 @@
@charset "utf-8";
img {
	display: block;
	width: 100%;
}

+ 14 - 0
html/singlePage/html/appointment.html

@ -0,0 +1,14 @@
<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta charset="utf-8">
        <title>预约挂号、查询-使用说明</title>
        <link rel="stylesheet" type="text/css" href="../css/index.css" />
    </head>
    <body>
        <div class="main">
        	<img src="../images/appointment.png" />
        </div>
    </body>
</html>

+ 14 - 0
html/singlePage/html/bindPatientIdCard.html

@ -0,0 +1,14 @@
<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta charset="utf-8">
        <title>就诊卡绑定-使用说明</title>
        <link rel="stylesheet" type="text/css" href="../css/index.css" />
    </head>
    <body>
        <div class="main">
        	<img src="../images/bindPatientIdCard.png" />
        </div>
    </body>
</html>

+ 14 - 0
html/singlePage/html/myFamily.html

@ -0,0 +1,14 @@
<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta charset="utf-8">
        <title>我的家人-使用说明</title>
        <link rel="stylesheet" type="text/css" href="../css/index.css" />
    </head>
    <body>
        <div class="main">
        	<img src="../images/myFamily.png" />
        </div>
    </body>
</html>

+ 14 - 0
html/singlePage/html/newAccount.html

@ -0,0 +1,14 @@
<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta charset="utf-8">
        <title>新用户注册-使用说明</title>
        <link rel="stylesheet" type="text/css" href="../css/index.css" />
    </head>
    <body>
        <div class="main">
        	<img src="../images/newAccount.png" />
        </div>
    </body>
</html>

+ 14 - 0
html/singlePage/html/payment.html

@ -0,0 +1,14 @@
<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta charset="utf-8">
        <title>就诊缴费-使用说明</title>
        <link rel="stylesheet" type="text/css" href="../css/index.css" />
    </head>
    <body>
        <div class="main">
        	<img src="../images/payment.png" />
        </div>
    </body>
</html>

+ 14 - 0
html/singlePage/html/paymentList.html

@ -0,0 +1,14 @@
<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta charset="utf-8">
        <title>缴费记录-使用说明</title>
        <link rel="stylesheet" type="text/css" href="../css/index.css" />
    </head>
    <body>
        <div class="main">
        	<img src="../images/paymentList.png" />
        </div>
    </body>
</html>

+ 14 - 0
html/singlePage/html/waitDoctor.html

@ -0,0 +1,14 @@
<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta charset="utf-8">
        <title>候诊查询-使用说明</title>
        <link rel="stylesheet" type="text/css" href="../css/index.css" />
    </head>
    <body>
        <div class="main">
        	<img src="../images/waitDoctor.png" />
        </div>
    </body>
</html>

二进制
html/singlePage/images/appointment.png


二进制
html/singlePage/images/bindPatientIdCard.png


二进制
html/singlePage/images/myFamily.png


二进制
html/singlePage/images/newAccount.png


二进制
html/singlePage/images/payment.png


二进制
html/singlePage/images/paymentList.png


二进制
html/singlePage/images/waitDoctor.png


+ 58 - 0
html/singlePage/js/download.js

@ -0,0 +1,58 @@
$(function(){
    // 禁止拖动
    document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
    // 浏览器型号
    var browser = {
        versions: function () {
            var u = navigator.userAgent, app = navigator.appVersion;
            return {
                mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 //android终端或uc浏览器
            }
        }()
    }
    // 屏幕大小
    var w_w = $(window).width();
    if (w_w > 640) {
        var left = (w_w - 640) / 2;
        var left = (w_w - 640) / 2*0.8;
        $(".main").css("left", left + "px");
        $(".dialog").css("left", left + "px");
        $(".main-bg").css("left", left + "px");
        $(".footer").css("left", left + "px")
    }
    // 点击下载
    $(".btn").on("click", function () {
        // 浏览器型号判断
        if (browser.versions.mobile) {
            //判断是否是移动设备打开。browser代码在下面
            var ua = navigator.userAgent.toLowerCase();
            //获取判断用的对象
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                //在微信中打开
                $(".dialog").removeClass("c-hide");
            }
            if (browser.versions.ios) {
                //是否在IOS浏览器打开
//              window.location.href = "https://itunes.apple.com/us/app/sha-meni-jian-kang.-yi-sheng/id1128693141?mt=8";
				toastr.info("暂不支持iphone下载")
            }
            if(browser.versions.android){
                //是否在安卓浏览器打开
                window.location.href = "http://jkxw.xmcdc.com.cn:8020/down/jkzd.apk";
            }
            // if (ua.match(/MicroMessenger/i) != "micromessenger" && !browser.versions.ios && !browser.versions.android) {
            //  window.location.href = "http://www.xmtyw.cn/wlyy/app/ssgg_doctor.apk";
            // }
        } else {
            // pc默认下载安卓
            window.location.href = "http://jkxw.xmcdc.com.cn:8020/down/jkzd.apk";
        }
    });
    // 关闭弹层
    $(".dialog").on("click", function () {
        $(".dialog").addClass("c-hide");
    });
});