作者 刘晓艳

ninit

  1 +<html lang="en">
  2 +<head>
  3 + <meta charset="UTF-8">
  4 + <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  5 + <title></title>
  6 + <link rel="stylesheet" href="css/init.css">
  7 + <link rel="stylesheet" href="css/index.css">
  8 + <script src="js/jquery-2.1.0.js"></script>
  9 + <script src="js/fontsize.js"></script>
  10 +</head>
  11 +<body>
  12 +<div class="container">
  13 + <div class="music_img">
  14 + <img class="music_icon" src="images/music.png" alt="">
  15 + <img class="englist_img" src="images/english.png" alt="">
  16 + </div>
  17 + <div class="label_info ">
  18 + <img class="logo_font" src="images/logo.png" alt="">
  19 + <div>
  20 + <div class="success_font">喜提999元医患沟通视频一套</div>
  21 + <div class="success_font">截图本页面,扫码添加并发给客服,领取视频兑换码!</div>
  22 + </div>
  23 + <div class="btn_info">
  24 + <img class="click_btn" src="images/btn.png" alt="">
  25 + <div class="btn_font">点击听课</div>
  26 + </div>
  27 + </div>
  28 + <div class="code_box">
  29 + <img src="images/serve.jpg" alt="">
  30 + <div>客服二维码</div>
  31 + </div>
  32 +
  33 +</div>
  34 +</body>
  35 +</html>
  1 +.container {
  2 + position: fixed;
  3 + left: 0;
  4 + top: 0;
  5 + background: url("../images/bj.png");
  6 + background-size: 100% 100%;
  7 + width: 100%;
  8 + height: 100%;
  9 + padding: 0 0.44rem;
  10 + padding-top: 0.7rem;
  11 + display: flex;
  12 + align-items: center;
  13 + justify-content: center;
  14 + flex-direction: column;
  15 +}
  16 +
  17 +.free_box {
  18 + position: fixed;
  19 + left: 0;
  20 + top: 0;
  21 + background: url("../images/bg4.png");
  22 + background-size: 100% 100%;
  23 + width: 100%;
  24 + height: 100%;
  25 + padding: 0 0.44rem;
  26 + display: flex;
  27 + align-items: center;
  28 + justify-content: center;
  29 + flex-direction: column;
  30 + padding-top: 0.7rem;
  31 +}
  32 +
  33 +.doc_img {
  34 + width: 6.69rem;
  35 + height: 4.14rem;
  36 +}
  37 +
  38 +.logo_font {
  39 + width: 1.92rem;
  40 + height: 0.58rem;
  41 +}
  42 +
  43 +.label_info_font {
  44 + margin: 0.1rem 0 0.2rem 0;
  45 +}
  46 +
  47 +.success_font {
  48 + font-size: 0.24rem;
  49 + color: #FFFFFF;
  50 + margin-top: 0.2rem;
  51 +}
  52 +
  53 +.success_font:last-child {
  54 + margin-bottom: 0.2rem;
  55 +}
  56 +
  57 +.music_img {
  58 + position: relative;
  59 + /*border:1px solid red;*/
  60 +}
  61 +
  62 +.music_icon {
  63 + width: 0.6rem;
  64 + height: 0.6rem;
  65 + position: absolute;
  66 + right: 0rem;
  67 + top: 0rem;
  68 +}
  69 +
  70 +.englist_img {
  71 + width: 2.54rem;
  72 + height: 0.43rem;
  73 + position: absolute;
  74 + right: 0rem;
  75 + top: 0.8rem;
  76 +}
  77 +
  78 +.click_btn {
  79 + width: 3.62rem;
  80 + height: 0.79rem;
  81 +}
  82 +
  83 +.btn_info {
  84 + width: 3.62rem;
  85 + height: 0.79rem;
  86 + position: relative;
  87 + display: flex;
  88 + align-items: center;
  89 + justify-content: center;
  90 + text-align: center;
  91 + font-size: 0.3rem;
  92 + color: #fff;
  93 +}
  94 +
  95 +.info_img img {
  96 + width: 6.57rem;
  97 + height: 3.4rem;
  98 + margin-top: 1.7rem;
  99 + box-sizing: border-box;
  100 +}
  101 +
  102 +.btn_font {
  103 + position: absolute;
  104 + top: 50%;
  105 + left: 50%;
  106 + transform: translate(-50%, -50%);
  107 + font-size: 0.3rem;
  108 + color: #fff;
  109 +}
  110 +
  111 +.label_info {
  112 + width: 100%;
  113 + padding: 0.35rem 0.3rem;
  114 + background: rgba(255, 104, 90, 0.5);
  115 + font-size: 0.3rem;
  116 + color: #fff;
  117 + display: flex;
  118 + align-items: center;
  119 + justify-content: center;
  120 + flex-direction: column;
  121 + text-align: center;
  122 + margin-top: 1.7rem;
  123 +}
  124 +
  125 +.title {
  126 + font-size: 0.3rem;
  127 + color: #FDDA9D;
  128 + text-align: center;
  129 + margin-top: 0.35rem;
  130 + margin-bottom: 0.1rem;
  131 +}
  132 +
  133 +.doctor_box {
  134 + display: flex;
  135 + align-items: center;
  136 + justify-content: space-between;
  137 + margin-top: 0.1rem;
  138 +}
  139 +
  140 +.doctor_list {
  141 + width: 1.94rem;
  142 + background: #fff;
  143 +}
  144 +
  145 +.doctor_content {
  146 + padding: 0.1rem;
  147 + font-size: 0.18rem;
  148 + color: #000000;
  149 +}
  150 +
  151 +.doctor_list img {
  152 + width: 1.94rem;
  153 + height: 2.2rem;
  154 +}
  155 +
  156 +.user_name {
  157 + font-size: 0.22rem;
  158 + color: #D0442B;
  159 +}
  160 +
  161 +.bottom_title {
  162 + font-size: 0.26rem;
  163 + color: #FDDA9D;
  164 + text-align: center;
  165 + margin-top: 0.25rem;
  166 +}
  167 +
  168 +/* */
  169 +.code_box {
  170 + /*margin: 0 auto;*/
  171 + margin-top: 0.42rem;
  172 + display: flex;
  173 + align-items: center;
  174 + justify-content: center;
  175 + flex-direction: column;
  176 + text-align: center;
  177 +}
  178 +
  179 +.code_box img {
  180 + width: 3.5rem;
  181 + height: 3.5rem;
  182 +}
  183 +
  184 +.code_box div {
  185 + font-size: 0.24rem;
  186 + color: #FFFFFF;
  187 + margin-top: 0.32rem;
  188 +}
  189 +
  190 +/* */
  191 +.rule_box {
  192 + width: 100%;
  193 + -webkit-border-radius: 0.1rem;
  194 + -moz-border-radius: 0.1rem;
  195 + border-radius: 0.1rem;
  196 + background: #fff;
  197 + border: 2px solid #EAC68A;
  198 + padding: 0.6rem 0.35rem 0.45rem 0.35rem;
  199 + margin-top: 1.7rem;
  200 + position: relative;
  201 + font-size: 0.26rem;
  202 + color: #333333;
  203 +}
  204 +
  205 +.rule_img {
  206 + width: 0.87rem;
  207 + height: 0.69rem;
  208 + position: absolute;
  209 + left: 50%;
  210 + transform: translate(-50%);
  211 + top: -0.3rem;
  212 +}
  213 +
  214 +.rule_title {
  215 + font-size: 0.42rem;
  216 + color: #000;
  217 + text-align: center;
  218 +}
  219 +
  220 +.rule_content {
  221 + line-height: 0.4rem;
  222 + text-align: center;
  223 +}
  224 +
  225 +.rule_content text {
  226 + color: #EA5148;
  227 +}
  228 +
  229 +.plan_step {
  230 + font-size: 0.36rem;
  231 + color: #EA5148;
  232 + text-align: center;
  233 + margin-top: 0.8rem;
  234 +}
  235 +
  236 +.rule_info {
  237 + font-size: 0.26rem;
  238 + color: #333333;
  239 + margin-top: 0.2rem;
  240 +}
  241 +
  242 +.rule_label_box {
  243 + display: flex;
  244 + align-items: center;
  245 + justify-content: space-between;
  246 + margin-top: 0.38rem;
  247 +}
  248 +
  249 +.rule_item img {
  250 + width: 2.69rem;
  251 + height: 2.98rem;
  252 +}
  253 +
  254 +.rule_hint {
  255 + font-size: 0.3rem;
  256 + color: #EA5148;
  257 + text-align: center;
  258 + margin-top: 0.48rem;
  259 +}
  260 +
  261 +/* */
  262 +.class_btn {
  263 + font-size: 0.24rem;
  264 + margin-top: 0.2rem;
  265 +}
  266 +
  267 +.class_font {
  268 + font-size: 0.24rem;
  269 +}
  270 +
  271 +.class_title {
  272 + font-size: 0.22rem;
  273 + margin-top: 0.1rem;
  274 +}
  1 +h1,
  2 +h2,
  3 +h3,
  4 +h4,
  5 +h5,
  6 +h6,
  7 +hr,
  8 +p,
  9 +blockquote,
  10 +dl,
  11 +dt,
  12 +dd,
  13 +ul,
  14 +ol,
  15 +li,
  16 +pre,
  17 +form,
  18 +fieldset,
  19 +legend,
  20 +button,
  21 +input,
  22 +textarea,
  23 +th,
  24 +td {
  25 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  26 + -webkit-tap-highlight-color: transparent;
  27 + margin: 0;
  28 + padding: 0;
  29 + font-family: PingFang-SC-Medium;
  30 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  31 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  32 + -webkit-tap-highlight-color: transparent;
  33 + -webkit-appearance: none;
  34 +}
  35 +
  36 +a {
  37 + text-decoration: none;
  38 + color: white;
  39 + outline: none;
  40 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  41 +}
  42 +
  43 +html,
  44 +body {
  45 + position: relative;
  46 + width: 100%;
  47 + height: 100%;
  48 + padding: 0;
  49 + margin: 0;
  50 + background-color: RGBA(245, 246, 250, 1);
  51 +}
  52 +
  53 +img {
  54 + display: block;
  55 + width: 100%;
  56 + height: 100%;
  57 +}
  58 +
  59 +div {
  60 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  61 + -webkit-tap-highlight-color: transparent;
  62 + width: 100%;
  63 + box-sizing: border-box;
  64 +}
  65 +
  66 +li {
  67 + list-style: none;
  68 +}
  69 +
  70 +li img {
  71 + display: block;
  72 + width: 100%;
  73 + height: 100%;
  74 +}
  75 +
  76 +input[type="button"],
  77 +input[type="submit"],
  78 +input[type="reset"] {
  79 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  80 + -webkit-tap-highlight-color: transparent;
  81 + -webkit-appearance: none;
  82 + outline: none !important;
  83 +}
  84 +
  85 +textarea {
  86 + -webkit-appearance: none;
  87 + outline: none !important;
  88 +}
  89 +
  90 +
  91 +
  92 +
  93 +.nomore{
  94 + width: 3rem;
  95 + height: 3rem;
  96 + margin: 0 auto;
  97 + margin-top: 3rem;
  98 +}
  99 +.nomore_font{
  100 +
  101 +font-size:0.26rem;
  102 +font-family:PingFang-SC-Medium;
  103 +color:RGBA(102, 102, 102, 1);
  104 +line-height:0.7rem;
  105 +text-align: center;
  106 +}
  107 +
  108 +span{
  109 + margin: 0rem;
  110 + padding: 0rem;
  111 +}
  112 +
  113 +.container{
  114 + width: 7.5rem;
  115 + height: 100%;
  116 + margin: 0 auto;
  117 + box-sizing: border-box;
  118 + overflow-y: scroll;
  119 +}
  120 +
  121 +
  1 +.container {
  2 + position: fixed;
  3 + left: 0;
  4 + top: 0;
  5 + background: url("../images/bj1.png");
  6 + background-size: 100% 100%;
  7 + width: 100%;
  8 + height: 100%;
  9 + padding: 0 0.44rem;
  10 + display: flex;
  11 + align-items: center;
  12 + justify-content: center;
  13 + flex-direction: column;
  14 +}
  15 +.top_img{
  16 + width: 3.44rem;
  17 + height: 0.67rem;
  18 +}
  19 +.bottom_img{
  20 + width: 3.95rem;
  21 + height: 1.11rem;
  22 +}
  23 +.logo_img{
  24 + width: 2rem;
  25 + height: 2rem;
  26 + margin-bottom: 0.26rem;
  27 +}
  28 +.btn{
  29 + width: 2.16rem;
  30 + height:0.79rem;
  31 + background: #EA5148;
  32 + color: #fff;
  33 + display: flex;
  34 + align-items: center;
  35 + justify-content: center;
  36 + margin-top: 0.76rem;
  37 +}
  38 +.content_box{
  39 + display: flex;
  40 + align-items: center;
  41 + justify-content: center;
  42 + flex-direction: column;
  43 + font-size: 0.36rem;
  44 + color: #333333;
  45 + text-align: center;
  46 + margin: 1.48rem 0 0.63rem 0;
  47 +}
  1 +<html lang="en">
  2 +<head>
  3 + <meta charset="UTF-8">
  4 + <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  5 + <title></title>
  6 + <link rel="stylesheet" href="css/init.css">
  7 + <link rel="stylesheet" href="css/unload.css">
  8 + <script src="js/jquery-2.1.0.js"></script>
  9 + <script src="js/fontsize.js"></script>
  10 +</head>
  11 +<body>
  12 +<div class="container">
  13 + <img class="top_img" src="images/an.png" alt="">
  14 + <div class="content_box">
  15 + <img class="logo_img" src="images/logo2.png" alt="">
  16 + <div>牙医管家</div>
  17 + <div class="btn">点击下载</div>
  18 + </div>
  19 + <img class="bottom_img" src="images/noan.png" alt="">
  20 +</div>
  21 +</body>
  22 +</html>
  1 +<html lang="en">
  2 +<head>
  3 + <meta charset="UTF-8">
  4 + <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  5 + <title></title>
  6 + <link rel="stylesheet" href="css/init.css">
  7 + <link rel="stylesheet" href="css/index.css">
  8 + <script src="js/fontsize.js"></script>
  9 +</head>
  10 +<body>
  11 +<div class="container">
  12 + <div class="music_img">
  13 + <img class="music_icon" src="images/music.png" alt="">
  14 + <img class="englist_img" src="images/english.png" alt="">
  15 + </div>
  16 + <div class="label_info">
  17 + <img class="logo_font" src="images/logo.png" alt="">
  18 + <div class="label_info_font">礼包领取成功,现在去听课!</div>
  19 + <div class="btn_info">
  20 + <img class="click_btn" src="images/btn.png" alt="">
  21 + <div class="btn_font">点击听课</div>
  22 + </div>
  23 + </div>
  24 + <div class="title">3大名师联袂献礼</div>
  25 + <img class="doc_img" src="images/doc.png" alt="">
  26 + <!--<div class="doctor_box">-->
  27 + <!--<div class="doctor_list">-->
  28 + <!--<img src="images/doctor1.jpg" alt="">-->
  29 + <!--<div class="doctor_content">-->
  30 + <!--<div class="user_name">薛明</div>-->
  31 + <!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
  32 + <!--</div>-->
  33 + <!--</div>-->
  34 + <!--<div class="doctor_list">-->
  35 + <!--<img src="images/doctor1.jpg" alt="">-->
  36 + <!--<div class="doctor_content">-->
  37 + <!--<div class="user_name">薛明</div>-->
  38 + <!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
  39 + <!--</div>-->
  40 + <!--</div>-->
  41 + <!--<div class="doctor_list">-->
  42 + <!--<img src="images/doctor1.jpg" alt="">-->
  43 + <!--<div class="doctor_content">-->
  44 + <!--<div class="user_name">薛明</div>-->
  45 + <!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
  46 + <!--</div>-->
  47 + <!--</div>-->
  48 + <!--</div>-->
  49 + <div class="bottom_title">分享课程,另得999元医患沟通视频!</div>
  50 +</div>
  51 +<script src="js/jquery-2.1.0.js"></script>
  52 +<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
  53 +<script>
  54 + $('.btn_info').click(function () {
  55 + window.location.href='share.html'
  56 + })
  57 +</script>
  58 +</body>
  59 +</html>
  1 +<html lang="en">
  2 +<head>
  3 + <meta charset="UTF-8">
  4 + <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  5 + <title></title>
  6 + <link rel="stylesheet" href="css/init.css">
  7 + <link rel="stylesheet" href="css/index.css">
  8 +
  9 + <script src="js/fontsize.js"></script>
  10 +</head>
  11 +<body>
  12 +<div class="free_box">
  13 + <div class="music_img">
  14 + <img class="music_icon" src="images/music.png" alt="">
  15 + <img class="englist_img" src="images/english.png" alt="">
  16 + </div>
  17 + <!--<div class="label_info">-->
  18 + <!--<img class="logo_font" src="images/logo.png" alt="">-->
  19 + <!--<div class="label_info_font">礼包领取成功,现在去听课!</div>-->
  20 + <!--<div class="btn_info">-->
  21 + <!--<img class="click_btn" src="images/btn.png" alt="">-->
  22 + <!--<div class="btn_font">点击听课</div>-->
  23 + <!--</div>-->
  24 + <!--</div>-->
  25 + <div class="info_img">
  26 + <img src="images/banner.png" alt="">
  27 + </div>
  28 + <!-- 固定医生图片 -->
  29 + <img class="doc_img" src="images/doc.png" alt="">
  30 + <!-- 非固定医生内容还原 -->
  31 + <!--<div class="doctor_box">-->
  32 + <!--<div class="doctor_list">-->
  33 + <!--<img src="images/doctor1.jpg" alt="">-->
  34 + <!--<div class="doctor_content">-->
  35 + <!--<div class="user_name">薛明</div>-->
  36 + <!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
  37 + <!--</div>-->
  38 + <!--</div>-->
  39 + <!--<div class="doctor_list">-->
  40 + <!--<img src="images/doctor1.jpg" alt="">-->
  41 + <!--<div class="doctor_content">-->
  42 + <!--<div class="user_name">薛明</div>-->
  43 + <!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
  44 + <!--</div>-->
  45 + <!--</div>-->
  46 + <!--<div class="doctor_list">-->
  47 + <!--<img src="images/doctor1.jpg" alt="">-->
  48 + <!--<div class="doctor_content">-->
  49 + <!--<div class="user_name">薛明</div>-->
  50 + <!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
  51 + <!--</div>-->
  52 + <!--</div>-->
  53 + <!--</div>-->
  54 + <div class="btn_info class_btn">
  55 + <img class="click_btn" src="images/btn.png" alt="">
  56 + <div class="btn_font class_font">免费领取3节根管系列课</div>
  57 + </div>
  58 + <div class="bottom_title class_title">活动时间:2018年12月27日~29日</div>
  59 +</div>
  60 + <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  61 + <script type="text/javascript" src="js/jquery.cookie.js"></script>
  62 + <script type="text/javascript">
  63 + var share_num = $.cookie('share_num');
  64 + var uid = $.cookie('uid');
  65 + if(!share_num){
  66 +// location.replace('http://tooth.fengdao168.com/index/index/index')
  67 + }
  68 +
  69 + $('.class_btn').click(function () {
  70 + window.location.href='goClass.html'
  71 + })
  72 + </script>
  73 +</body>
  74 +</html>
  1 + !function(a){function b(){var b=a.document,c=b.documentElement,d=c.getBoundingClientRect().width;document.documentElement.style.fontSize=100*(d/750)+"px"}window.addEventListener("DOMContentLoaded",function(){b()},!1),window.addEventListener("resize",function(){b()}),b()}(window);
此 diff 太大无法显示。
  1 +/*!
  2 + * jQuery Cookie Plugin v1.4.1
  3 + * https://github.com/carhartl/jquery-cookie
  4 + *
  5 + * Copyright 2013 Klaus Hartl
  6 + * Released under the MIT license
  7 + */
  8 +(function (factory) {
  9 + if (typeof define === 'function' && define.amd) {
  10 + // AMD
  11 + define(['jquery'], factory);
  12 + } else if (typeof exports === 'object') {
  13 + // CommonJS
  14 + factory(require('jquery'));
  15 + } else {
  16 + // Browser globals
  17 + factory(jQuery);
  18 + }
  19 +}(function ($) {
  20 +
  21 + var pluses = /\+/g;
  22 +
  23 + function encode(s) {
  24 + return config.raw ? s : encodeURIComponent(s);
  25 + }
  26 +
  27 + function decode(s) {
  28 + return config.raw ? s : decodeURIComponent(s);
  29 + }
  30 +
  31 + function stringifyCookieValue(value) {
  32 + return encode(config.json ? JSON.stringify(value) : String(value));
  33 + }
  34 +
  35 + function parseCookieValue(s) {
  36 + if (s.indexOf('"') === 0) {
  37 + // This is a quoted cookie as according to RFC2068, unescape...
  38 + s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
  39 + }
  40 +
  41 + try {
  42 + // Replace server-side written pluses with spaces.
  43 + // If we can't decode the cookie, ignore it, it's unusable.
  44 + // If we can't parse the cookie, ignore it, it's unusable.
  45 + s = decodeURIComponent(s.replace(pluses, ' '));
  46 + return config.json ? JSON.parse(s) : s;
  47 + } catch(e) {}
  48 + }
  49 +
  50 + function read(s, converter) {
  51 + var value = config.raw ? s : parseCookieValue(s);
  52 + return $.isFunction(converter) ? converter(value) : value;
  53 + }
  54 +
  55 + var config = $.cookie = function (key, value, options) {
  56 +
  57 + // Write
  58 +
  59 + if (value !== undefined && !$.isFunction(value)) {
  60 + options = $.extend({}, config.defaults, options);
  61 +
  62 + if (typeof options.expires === 'number') {
  63 + var days = options.expires, t = options.expires = new Date();
  64 + t.setTime(+t + days * 864e+5);
  65 + }
  66 +
  67 + return (document.cookie = [
  68 + encode(key), '=', stringifyCookieValue(value),
  69 + options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
  70 + options.path ? '; path=' + options.path : '',
  71 + options.domain ? '; domain=' + options.domain : '',
  72 + options.secure ? '; secure' : ''
  73 + ].join(''));
  74 + }
  75 +
  76 + // Read
  77 +
  78 + var result = key ? undefined : {};
  79 +
  80 + // To prevent the for loop in the first place assign an empty array
  81 + // in case there are no cookies at all. Also prevents odd result when
  82 + // calling $.cookie().
  83 + var cookies = document.cookie ? document.cookie.split('; ') : [];
  84 +
  85 + for (var i = 0, l = cookies.length; i < l; i++) {
  86 + var parts = cookies[i].split('=');
  87 + var name = decode(parts.shift());
  88 + var cookie = parts.join('=');
  89 +
  90 + if (key && key === name) {
  91 + // If second argument (value) is a function it's a converter...
  92 + result = read(cookie, value);
  93 + break;
  94 + }
  95 +
  96 + // Prevent storing a cookie that we couldn't decode.
  97 + if (!key && (cookie = read(cookie)) !== undefined) {
  98 + result[name] = cookie;
  99 + }
  100 + }
  101 +
  102 + return result;
  103 + };
  104 +
  105 + config.defaults = {};
  106 +
  107 + $.removeCookie = function (key, options) {
  108 + if ($.cookie(key) === undefined) {
  109 + return false;
  110 + }
  111 +
  112 + // Must not alter options, thus extending a fresh object...
  113 + $.cookie(key, '', $.extend({}, options, { expires: -1 }));
  114 + return !$.cookie(key);
  115 + };
  116 +
  117 +}));
  1 +
  2 +var mo = function(e) {
  3 + e.preventDefault();
  4 + };
  5 +
  6 + /***禁止滑动***/
  7 + function stop() {
  8 + document.body.style.overflow = 'hidden';
  9 + document.addEventListener("touchmove", mo, false); //禁止页面滑动
  10 + }
  11 +
  12 + /***取消滑动限制***/
  13 + function move() {
  14 + document.body.style.overflow = ''; //出现滚动条
  15 + document.removeEventListener("touchmove", mo, false);
  16 + }
  17 +function toast(that) {
  18 + var $toast = $('#toast');
  19 + stop()
  20 + $toast.find(".weui-toast__content").html(that)
  21 + if($toast.css('display') != 'none') return;
  22 + $toast.fadeIn(100);
  23 + setTimeout(function() {
  24 + $toast.fadeOut(100);
  25 + move()
  26 + }, 2000);
  27 +}
  28 +
  29 +function toastsuccess(that) {
  30 + var $toast = $('#toastsuccess');
  31 + stop()
  32 + $toast.find(".weui-toast__content").html(that)
  33 + if($toast.css('display') != 'none') return;
  34 + $toast.fadeIn(100);
  35 + setTimeout(function() {
  36 + $toast.fadeOut(100);
  37 + move()
  38 + }, 2000);
  39 +}
  40 +
  41 +$('.js_dialog').on('click', '.weui-dialog__btn', function() {
  42 + $(this).parents('.js_dialog').fadeOut(200);
  43 + move()
  44 +});
  1 +//封装的微信微信接口
  2 +var WECHAT_URL="http://tooth.fengdao168.com";
  3 +var shareParam = {
  4 + 'shareTitle' : "DentaLink赠送医患课程啦",
  5 + 'shareDesc' : "DentaLink赠送医患课程啦",
  6 + 'shareImg' : 'http://cdn.fedau.com/project/tooth/images/share.png'
  7 +};
  8 +function getSignature(){
  9 + var params = {
  10 + 'share_url':location.href.split('#')[0]
  11 + }
  12 + $.ajax({
  13 + url: WECHAT_URL + "/index/index/jssdk_ini",
  14 + dataType: 'json',
  15 + type: 'GET',
  16 + data: JSON.stringify(params),
  17 + success: wxConfig,
  18 + error: function () {
  19 + // alert('error');
  20 + }
  21 + });
  22 +}
  23 +
  24 +//jssdk分享授权
  25 +function wxConfig(result) {
  26 + var res = result.result
  27 + if(res.signature==null){
  28 + return;
  29 + }
  30 + wx.config({
  31 + debug: false,
  32 + appId: res.appid,
  33 + timestamp: res.timestamp,
  34 + nonceStr: res.noncestr,
  35 + signature: res.sign,
  36 + jsApiList: [
  37 + //'checkJsApi',
  38 + 'onMenuShareTimeline',
  39 + 'onMenuShareAppMessage'
  40 + ]
  41 + });
  42 +
  43 + wx.ready(function(){
  44 + share(res.share_url);
  45 + });
  46 +}
  47 +
  48 +//分享内容设置
  49 +function share(url){
  50 + wx.onMenuShareAppMessage({
  51 + title: shareParam.shareTitle,
  52 + desc: shareParam.shareDesc,
  53 + link: url,
  54 + imgUrl: shareParam.shareImg,
  55 + success: function () {
  56 + $.ajax({
  57 + url: WECHAT_URL + "/index/index/share",
  58 + dataType: 'json',
  59 + type: 'post',
  60 + data: '',
  61 + success: function(res){
  62 + $('#shareNum').html(res.result)
  63 + }
  64 + });
  65 + },
  66 + cancel: function () {
  67 + }
  68 + });
  69 + wx.onMenuShareTimeline({
  70 + title: shareParam.shareTitle,
  71 + desc: shareParam.shareDesc,
  72 + link: url,
  73 + imgUrl: shareParam.shareImg,
  74 + success: function () {
  75 + $.ajax({
  76 + url: WECHAT_URL + "/index/index/share",
  77 + dataType: 'json',
  78 + type: 'post',
  79 + data: '',
  80 + success: function(res){
  81 + $('#shareNum').html(res.result)
  82 + }
  83 + });
  84 + },
  85 + cancel: function () {
  86 + }
  87 + });
  88 +}
  89 +
  90 +//分享的参数
  91 +
  92 +//这个方法,获得授权,可以在页面加载完成后直接调用
  93 +getSignature();
此 diff 太大无法显示。
  1 +<html lang="en">
  2 +<head>
  3 + <meta charset="UTF-8">
  4 + <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  5 + <title></title>
  6 + <link rel="stylesheet" href="css/init.css">
  7 + <link rel="stylesheet" href="css/index.css">
  8 + <script src="js/fontsize.js"></script>
  9 +</head>
  10 +<body>
  11 +<div class="container">
  12 + <div class="music_img">
  13 + <img class="music_icon" src="images/music.png" alt="">
  14 + <img class="englist_img" src="images/english.png" alt="">
  15 + </div>
  16 + <div class="rule_box">
  17 + <img class="rule_img" src="images/rule.png" alt="">
  18 + <div class="rule_title">活动规则</div>
  19 + <div class="rule_content">
  20 + <div>1、赠送课程礼包给3位好友,好友成功领取,你可获得
  21 + <text>999元医患沟通视频</text>
  22 + 一套;
  23 + </div>
  24 + <div> 2、同一个微信号,仅可领取一次课程礼包哦。</div>
  25 + </div>
  26 + <div class="plan_step">分享进度(<span id="shareNum">2</span>/3)</div>
  27 + <div class="rule_info">赠送课程给3位好友,另得999元医患沟通视频一套</div>
  28 + <div class="rule_label_box">
  29 + <div class="rule_item">
  30 + <img src="images/rule_img.png" alt="">
  31 + </div>
  32 + <div class="rule_item">
  33 + <img src="images/rule_img.png" alt="">
  34 + </div>
  35 + </div>
  36 + <div class="rule_hint">还差一点就能拿到医患沟通视频啦!</div>
  37 + </div>
  38 +</div>
  39 +<script src="js/jquery-2.1.0.js"></script>
  40 +<script type="text/javascript" src="js/wechatapi.js"></script>
  41 +<script src="js/jquery.cookie.js"></script>
  42 +<script type="text/javascript">
  43 + var shar_num = $.cookie('share_num');
  44 + if(shar_num){
  45 + $('#shareNum').html(shar_num)
  46 + }else{
  47 + $('#shareNum').html(0)
  48 + }
  49 +</script>
  50 +</body>
  51 +</html>