朱振飞 / yayi · 提交

转到一个项目

作者 刘晓艳
提交 5ad05667d886bfa058cdc7a142af899047f06248 0 个父辈

ninit

内嵌 并排对比
正在显示 38 个修改的文件 包含 938 行增加 和 0 行删除
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<title></title>
<link rel="stylesheet" href="css/init.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/jquery-2.1.0.js"></script>
<script src="js/fontsize.js"></script>
</head>
<body>
<div class="container">
<div class="music_img">
<img class="music_icon" src="images/music.png" alt="">
<img class="englist_img" src="images/english.png" alt="">
</div>
<div class="label_info ">
<img class="logo_font" src="images/logo.png" alt="">
<div>
<div class="success_font">喜提999元医患沟通视频一套</div>
<div class="success_font">截图本页面，扫码添加并发给客服，领取视频兑换码！</div>
</div>
<div class="btn_info">
<img class="click_btn" src="images/btn.png" alt="">
<div class="btn_font">点击听课</div>
</div>
</div>
<div class="code_box">
<img src="images/serve.jpg" alt="">
<div>客服二维码</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
... ...
.container {
position: fixed;
left: 0;
top: 0;
background: url("../images/bj.png");
background-size: 100% 100%;
width: 100%;
height: 100%;
padding: 0 0.44rem;
padding-top: 0.7rem;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.free_box {
position: fixed;
left: 0;
top: 0;
background: url("../images/bg4.png");
background-size: 100% 100%;
width: 100%;
height: 100%;
padding: 0 0.44rem;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 0.7rem;
}
.doc_img {
width: 6.69rem;
height: 4.14rem;
}
.logo_font {
width: 1.92rem;
height: 0.58rem;
}
.label_info_font {
margin: 0.1rem 0 0.2rem 0;
}
.success_font {
font-size: 0.24rem;
color: #FFFFFF;
margin-top: 0.2rem;
}
.success_font:last-child {
margin-bottom: 0.2rem;
}
.music_img {
position: relative;
/*border:1px solid red;*/
}
.music_icon {
width: 0.6rem;
height: 0.6rem;
position: absolute;
right: 0rem;
top: 0rem;
}
.englist_img {
width: 2.54rem;
height: 0.43rem;
position: absolute;
right: 0rem;
top: 0.8rem;
}
.click_btn {
width: 3.62rem;
height: 0.79rem;
}
.btn_info {
width: 3.62rem;
height: 0.79rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 0.3rem;
color: #fff;
}
.info_img img {
width: 6.57rem;
height: 3.4rem;
margin-top: 1.7rem;
box-sizing: border-box;
}
.btn_font {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 0.3rem;
color: #fff;
}
.label_info {
width: 100%;
padding: 0.35rem 0.3rem;
background: rgba(255, 104, 90, 0.5);
font-size: 0.3rem;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
margin-top: 1.7rem;
}
.title {
font-size: 0.3rem;
color: #FDDA9D;
text-align: center;
margin-top: 0.35rem;
margin-bottom: 0.1rem;
}
.doctor_box {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.1rem;
}
.doctor_list {
width: 1.94rem;
background: #fff;
}
.doctor_content {
padding: 0.1rem;
font-size: 0.18rem;
color: #000000;
}
.doctor_list img {
width: 1.94rem;
height: 2.2rem;
}
.user_name {
font-size: 0.22rem;
color: #D0442B;
}
.bottom_title {
font-size: 0.26rem;
color: #FDDA9D;
text-align: center;
margin-top: 0.25rem;
}
/* */
.code_box {
/*margin: 0 auto;*/
margin-top: 0.42rem;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.code_box img {
width: 3.5rem;
height: 3.5rem;
}
.code_box div {
font-size: 0.24rem;
color: #FFFFFF;
margin-top: 0.32rem;
}
/* */
.rule_box {
width: 100%;
-webkit-border-radius: 0.1rem;
-moz-border-radius: 0.1rem;
border-radius: 0.1rem;
background: #fff;
border: 2px solid #EAC68A;
padding: 0.6rem 0.35rem 0.45rem 0.35rem;
margin-top: 1.7rem;
position: relative;
font-size: 0.26rem;
color: #333333;
}
.rule_img {
width: 0.87rem;
height: 0.69rem;
position: absolute;
left: 50%;
transform: translate(-50%);
top: -0.3rem;
}
.rule_title {
font-size: 0.42rem;
color: #000;
text-align: center;
}
.rule_content {
line-height: 0.4rem;
text-align: center;
}
.rule_content text {
color: #EA5148;
}
.plan_step {
font-size: 0.36rem;
color: #EA5148;
text-align: center;
margin-top: 0.8rem;
}
.rule_info {
font-size: 0.26rem;
color: #333333;
margin-top: 0.2rem;
}
.rule_label_box {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.38rem;
}
.rule_item img {
width: 2.69rem;
height: 2.98rem;
}
.rule_hint {
font-size: 0.3rem;
color: #EA5148;
text-align: center;
margin-top: 0.48rem;
}
/* */
.class_btn {
font-size: 0.24rem;
margin-top: 0.2rem;
}
.class_font {
font-size: 0.24rem;
}
.class_title {
font-size: 0.22rem;
margin-top: 0.1rem;
}
\ No newline at end of file
... ...
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
margin: 0;
padding: 0;
font-family: PingFang-SC-Medium;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
}
a {
text-decoration: none;
color: white;
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
background-color: RGBA(245, 246, 250, 1);
}
img {
display: block;
width: 100%;
height: 100%;
}
div {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
width: 100%;
box-sizing: border-box;
}
li {
list-style: none;
}
li img {
display: block;
width: 100%;
height: 100%;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
outline: none !important;
}
textarea {
-webkit-appearance: none;
outline: none !important;
}
.nomore{
width: 3rem;
height: 3rem;
margin: 0 auto;
margin-top: 3rem;
}
.nomore_font{
font-size:0.26rem;
font-family:PingFang-SC-Medium;
color:RGBA(102, 102, 102, 1);
line-height:0.7rem;
text-align: center;
}
span{
margin: 0rem;
padding: 0rem;
}
.container{
width: 7.5rem;
height: 100%;
margin: 0 auto;
box-sizing: border-box;
overflow-y: scroll;
}
... ...
.container {
position: fixed;
left: 0;
top: 0;
background: url("../images/bj1.png");
background-size: 100% 100%;
width: 100%;
height: 100%;
padding: 0 0.44rem;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.top_img{
width: 3.44rem;
height: 0.67rem;
}
.bottom_img{
width: 3.95rem;
height: 1.11rem;
}
.logo_img{
width: 2rem;
height: 2rem;
margin-bottom: 0.26rem;
}
.btn{
width: 2.16rem;
height:0.79rem;
background: #EA5148;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.76rem;
}
.content_box{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 0.36rem;
color: #333333;
text-align: center;
margin: 1.48rem 0 0.63rem 0;
}
\ No newline at end of file
... ...
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<title></title>
<link rel="stylesheet" href="css/init.css">
<link rel="stylesheet" href="css/unload.css">
<script src="js/jquery-2.1.0.js"></script>
<script src="js/fontsize.js"></script>
</head>
<body>
<div class="container">
<img class="top_img" src="images/an.png" alt="">
<div class="content_box">
<img class="logo_img" src="images/logo2.png" alt="">
<div>牙医管家</div>
<div class="btn">点击下载</div>
</div>
<img class="bottom_img" src="images/noan.png" alt="">
</div>
</body>
</html>
\ No newline at end of file
... ...
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<title></title>
<link rel="stylesheet" href="css/init.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/fontsize.js"></script>
</head>
<body>
<div class="container">
<div class="music_img">
<img class="music_icon" src="images/music.png" alt="">
<img class="englist_img" src="images/english.png" alt="">
</div>
<div class="label_info">
<img class="logo_font" src="images/logo.png" alt="">
<div class="label_info_font">礼包领取成功，现在去听课！</div>
<div class="btn_info">
<img class="click_btn" src="images/btn.png" alt="">
<div class="btn_font">点击听课</div>
</div>
</div>
<div class="title">3大名师联袂献礼</div>
<img class="doc_img" src="images/doc.png" alt="">
<!--<div class="doctor_box">-->
<!--<div class="doctor_list">-->
<!--<img src="images/doctor1.jpg" alt="">-->
<!--<div class="doctor_content">-->
<!--<div class="user_name">薛明</div>-->
<!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="doctor_list">-->
<!--<img src="images/doctor1.jpg" alt="">-->
<!--<div class="doctor_content">-->
<!--<div class="user_name">薛明</div>-->
<!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="doctor_list">-->
<!--<img src="images/doctor1.jpg" alt="">-->
<!--<div class="doctor_content">-->
<!--<div class="user_name">薛明</div>-->
<!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div class="bottom_title">分享课程，另得999元医患沟通视频！</div>
</div>
<script src="js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
$('.btn_info').click(function () {
window.location.href='share.html'
})
</script>
</body>
</html>
\ No newline at end of file
... ...
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<title></title>
<link rel="stylesheet" href="css/init.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/fontsize.js"></script>
</head>
<body>
<div class="free_box">
<div class="music_img">
<img class="music_icon" src="images/music.png" alt="">
<img class="englist_img" src="images/english.png" alt="">
</div>
<!--<div class="label_info">-->
<!--<img class="logo_font" src="images/logo.png" alt="">-->
<!--<div class="label_info_font">礼包领取成功，现在去听课！</div>-->
<!--<div class="btn_info">-->
<!--<img class="click_btn" src="images/btn.png" alt="">-->
<!--<div class="btn_font">点击听课</div>-->
<!--</div>-->
<!--</div>-->
<div class="info_img">
<img src="images/banner.png" alt="">
</div>
<!-- 固定医生图片 -->
<img class="doc_img" src="images/doc.png" alt="">
<!-- 非固定医生内容还原 -->
<!--<div class="doctor_box">-->
<!--<div class="doctor_list">-->
<!--<img src="images/doctor1.jpg" alt="">-->
<!--<div class="doctor_content">-->
<!--<div class="user_name">薛明</div>-->
<!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="doctor_list">-->
<!--<img src="images/doctor1.jpg" alt="">-->
<!--<div class="doctor_content">-->
<!--<div class="user_name">薛明</div>-->
<!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="doctor_list">-->
<!--<img src="images/doctor1.jpg" alt="">-->
<!--<div class="doctor_content">-->
<!--<div class="user_name">薛明</div>-->
<!--<div>《根管达人——根管治疗规范化操作流程》</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div class="btn_info class_btn">
<img class="click_btn" src="images/btn.png" alt="">
<div class="btn_font class_font">免费领取3节根管系列课</div>
</div>
<div class="bottom_title class_title">活动时间：2018年12月27日~29日</div>
</div>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript">
var share_num = $.cookie('share_num');
var uid = $.cookie('uid');
if(!share_num){
// location.replace('http://tooth.fengdao168.com/index/index/index')
}
$('.class_btn').click(function () {
window.location.href='goClass.html'
})
</script>
</body>
</html>
\ No newline at end of file
... ...
!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);
\ No newline at end of file
... ...
此 diff 太大无法显示。
/*!
* jQuery Cookie Plugin v1.4.1
* https://github.com/carhartl/jquery-cookie
*
* Copyright 2013 Klaus Hartl
* Released under the MIT license
*/
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD
define(['jquery'], factory);
} else if (typeof exports === 'object') {
// CommonJS
factory(require('jquery'));
} else {
// Browser globals
factory(jQuery);
}
}(function ($) {
var pluses = /\+/g;
function encode(s) {
return config.raw ? s : encodeURIComponent(s);
}
function decode(s) {
return config.raw ? s : decodeURIComponent(s);
}
function stringifyCookieValue(value) {
return encode(config.json ? JSON.stringify(value) : String(value));
}
function parseCookieValue(s) {
if (s.indexOf('"') === 0) {
// This is a quoted cookie as according to RFC2068, unescape...
s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
}
try {
// Replace server-side written pluses with spaces.
// If we can't decode the cookie, ignore it, it's unusable.
// If we can't parse the cookie, ignore it, it's unusable.
s = decodeURIComponent(s.replace(pluses, ' '));
return config.json ? JSON.parse(s) : s;
} catch(e) {}
}
function read(s, converter) {
var value = config.raw ? s : parseCookieValue(s);
return $.isFunction(converter) ? converter(value) : value;
}
var config = $.cookie = function (key, value, options) {
// Write
if (value !== undefined && !$.isFunction(value)) {
options = $.extend({}, config.defaults, options);
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setTime(+t + days * 864e+5);
}
return (document.cookie = [
encode(key), '=', stringifyCookieValue(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// Read
var result = key ? undefined : {};
// To prevent the for loop in the first place assign an empty array
// in case there are no cookies at all. Also prevents odd result when
// calling $.cookie().
var cookies = document.cookie ? document.cookie.split('; ') : [];
for (var i = 0, l = cookies.length; i < l; i++) {
var parts = cookies[i].split('=');
var name = decode(parts.shift());
var cookie = parts.join('=');
if (key && key === name) {
// If second argument (value) is a function it's a converter...
result = read(cookie, value);
break;
}
// Prevent storing a cookie that we couldn't decode.
if (!key && (cookie = read(cookie)) !== undefined) {
result[name] = cookie;
}
}
return result;
};
config.defaults = {};
$.removeCookie = function (key, options) {
if ($.cookie(key) === undefined) {
return false;
}
// Must not alter options, thus extending a fresh object...
$.cookie(key, '', $.extend({}, options, { expires: -1 }));
return !$.cookie(key);
};
}));
... ...
var mo = function(e) {
e.preventDefault();
};
/***禁止滑动***/
function stop() {
document.body.style.overflow = 'hidden';
document.addEventListener("touchmove", mo, false); //禁止页面滑动
}
/***取消滑动限制***/
function move() {
document.body.style.overflow = ''; //出现滚动条
document.removeEventListener("touchmove", mo, false);
}
function toast(that) {
var $toast = $('#toast');
stop()
$toast.find(".weui-toast__content").html(that)
if($toast.css('display') != 'none') return;
$toast.fadeIn(100);
setTimeout(function() {
$toast.fadeOut(100);
move()
}, 2000);
}
function toastsuccess(that) {
var $toast = $('#toastsuccess');
stop()
$toast.find(".weui-toast__content").html(that)
if($toast.css('display') != 'none') return;
$toast.fadeIn(100);
setTimeout(function() {
$toast.fadeOut(100);
move()
}, 2000);
}
$('.js_dialog').on('click', '.weui-dialog__btn', function() {
$(this).parents('.js_dialog').fadeOut(200);
move()
});
... ...
//封装的微信微信接口
var WECHAT_URL="http://tooth.fengdao168.com";
var shareParam = {
'shareTitle' : "DentaLink赠送医患课程啦",
'shareDesc' : "DentaLink赠送医患课程啦",
'shareImg' : 'http://cdn.fedau.com/project/tooth/images/share.png'
};
function getSignature(){
var params = {
'share_url':location.href.split('#')[0]
}
$.ajax({
url: WECHAT_URL + "/index/index/jssdk_ini",
dataType: 'json',
type: 'GET',
data: JSON.stringify(params),
success: wxConfig,
error: function () {
// alert('error');
}
});
}
//jssdk分享授权
function wxConfig(result) {
var res = result.result
if(res.signature==null){
return;
}
wx.config({
debug: false,
appId: res.appid,
timestamp: res.timestamp,
nonceStr: res.noncestr,
signature: res.sign,
jsApiList: [
//'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage'
]
});
wx.ready(function(){
share(res.share_url);
});
}
//分享内容设置
function share(url){
wx.onMenuShareAppMessage({
title: shareParam.shareTitle,
desc: shareParam.shareDesc,
link: url,
imgUrl: shareParam.shareImg,
success: function () {
$.ajax({
url: WECHAT_URL + "/index/index/share",
dataType: 'json',
type: 'post',
data: '',
success: function(res){
$('#shareNum').html(res.result)
}
});
},
cancel: function () {
}
});
wx.onMenuShareTimeline({
title: shareParam.shareTitle,
desc: shareParam.shareDesc,
link: url,
imgUrl: shareParam.shareImg,
success: function () {
$.ajax({
url: WECHAT_URL + "/index/index/share",
dataType: 'json',
type: 'post',
data: '',
success: function(res){
$('#shareNum').html(res.result)
}
});
},
cancel: function () {
}
});
}
//分享的参数
//这个方法，获得授权，可以在页面加载完成后直接调用
getSignature();
... ...
此 diff 太大无法显示。
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<title></title>
<link rel="stylesheet" href="css/init.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/fontsize.js"></script>
</head>
<body>
<div class="container">
<div class="music_img">
<img class="music_icon" src="images/music.png" alt="">
<img class="englist_img" src="images/english.png" alt="">
</div>
<div class="rule_box">
<img class="rule_img" src="images/rule.png" alt="">
<div class="rule_title">活动规则</div>
<div class="rule_content">
<div>1、赠送课程礼包给3位好友，好友成功领取，你可获得
<text>999元医患沟通视频</text>
一套；
</div>
<div> 2、同一个微信号，仅可领取一次课程礼包哦。</div>
</div>
<div class="plan_step">分享进度（<span id="shareNum">2</span>/3）</div>
<div class="rule_info">赠送课程给3位好友，另得999元医患沟通视频一套</div>
<div class="rule_label_box">
<div class="rule_item">
<img src="images/rule_img.png" alt="">
</div>
<div class="rule_item">
<img src="images/rule_img.png" alt="">
</div>
</div>
<div class="rule_hint">还差一点就能拿到医患沟通视频啦！</div>
</div>
</div>
<script src="js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="js/wechatapi.js"></script>
<script src="js/jquery.cookie.js"></script>
<script type="text/javascript">
var shar_num = $.cookie('share_num');
if(shar_num){
$('#shareNum').html(shar_num)
}else{
$('#shareNum').html(0)
}
</script>
</body>
</html>
\ No newline at end of file
... ...