|
|
@@ -1,361 +1,361 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html>
|
|
|
-<head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
- <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
|
|
|
- <meta name="renderer" content="webkit">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,Chrome=1">
|
|
|
- <meta name="screen-orientation" content="portrait" /> <!-- uc强制竖屏 -->
|
|
|
- <meta name="x5-orientation" content="portrait" /> <!-- QQ强制竖屏 -->
|
|
|
- <meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
|
- <meta name="format-detection" content="telphone=no" />
|
|
|
- <meta name="format-detection" content="email=no" />
|
|
|
- <title>贝蒂斯厨房</title>
|
|
|
- <script src="./js/flexiable.js"></script>
|
|
|
- <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
|
|
|
- <script src="https://tjs.sjs.sinajs.cn/open/thirdpart/js/jsapi/mobile.js" charset="utf-8"></script>
|
|
|
- <link rel="stylesheet" type="text/css" href="./css/animate.min.css?v=1">
|
|
|
- <link rel="stylesheet" type="text/css" href="./css/music.css?v=2">
|
|
|
- <link rel="stylesheet" type="text/css" href="./css/main.css?v=2">
|
|
|
- <script src="https://cdn.bootcss.com/SoundJS/1.0.2/soundjs.min.js"></script>
|
|
|
- <script src="https://tjs.sjs.sinajs.cn/open/thirdpart/js/jsapi/mobile.js" charset="utf-8"></script>
|
|
|
- <!--<script src="https://www.w3cways.com/demo/vconsole/vconsole.min.js?v=2.2.0"></script>-->
|
|
|
- <script>
|
|
|
- window.ifDebug = false;
|
|
|
- if (location.href.startsWith('http://')) {
|
|
|
- location.href = location.href.replace('http','https');
|
|
|
- }
|
|
|
- </script>
|
|
|
-</head>
|
|
|
-<body onload="getInfo()">
|
|
|
-<!-- loading -->
|
|
|
-<div class="loading">
|
|
|
- <div class="curtain-box">
|
|
|
- <div class="txt rubberBand time6 iteration">
|
|
|
- <img src="./img/loading/loading_txt.png">
|
|
|
- </div>
|
|
|
- <div class="loading-bar">
|
|
|
- <p class="load-txt">远方快递正在为您准备美食<span id="loadingTxt">0</span>％</p>
|
|
|
- <div class="bar">
|
|
|
- <span id="loadingBar">
|
|
|
- <i class="icon-load"></i>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-<div class="loading2">
|
|
|
- <div class="curtain-box2">
|
|
|
- <div class="txt rubberBand time6">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-<!-- 主内容 -->
|
|
|
-<div class="warp">
|
|
|
- <!-- 选择菜 -->
|
|
|
- <div class="select-dish-box">
|
|
|
- <img src="./img/menu_tt.png" class="tt fadeIn time4 animated js-an">
|
|
|
- <div class="list">
|
|
|
- <div class="item bounceIn time3 animated js-an delay3">
|
|
|
- <img src="./img/menu1.png" class="animated js-an pulse time4 delay11">
|
|
|
- </div>
|
|
|
- <div class="item bounceIn time3 animated js-an delay4">
|
|
|
- <img src="./img/menu2.png" class="animated js-an pulse time4 delay12">
|
|
|
- </div>
|
|
|
- <div class="item bounceIn time3 animated js-an delay5">
|
|
|
- <img src="./img/menu3.png" class="animated js-an pulse time4 delay13">
|
|
|
- </div>
|
|
|
- <div class="item bounceIn time3 animated js-an delay6">
|
|
|
- <img src="./img/menu4.png" class="animated js-an pulse time4 delay14">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="confirm anim-btn"></div>
|
|
|
- </div>
|
|
|
- <!-- 游戏 -->
|
|
|
- <div class="game-box">
|
|
|
- <canvas id="canvas" width="640" height="1040"></canvas>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-<!-- 海报 -->
|
|
|
-<div class="poster-mode">
|
|
|
- <img src="./img/logo.png" class="logo">
|
|
|
- <img src="./img/poster/hsr.png" class="poster-img" id="poster">
|
|
|
- <div class="leads-box">
|
|
|
- <img src="./img/poster/headOil.png" class="pro">
|
|
|
- <div class="form-group" style="position:relative;">
|
|
|
- <img id='edit' src="./img/edit.gif" style='height: 0.35rem;position: absolute;left: -13px;top: 8px;display: none;'>
|
|
|
- <input id="nameInput" type="text" placeholder="我想把这道菜送给TA">
|
|
|
- <div id="nameText" class='msg' style='display:none;'></div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <input id="textInput" type="text" placeholder="我想对TA说">
|
|
|
- <div id="text" class='msg' style='display:none;'></div>
|
|
|
- </div>
|
|
|
- <div class="user-info">
|
|
|
- <div class="headimg-box">
|
|
|
- <img src="./img/headimg.png">
|
|
|
- </div>
|
|
|
- <p>微信昵称</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="qrcode-box">
|
|
|
- <img src="./img/poster/ewm.png">
|
|
|
- <p>扫码为他做菜</p>
|
|
|
- </div>
|
|
|
- <div class="replay-btn">
|
|
|
- <img src="./img/replay_btn.png">
|
|
|
- </div>
|
|
|
- <div class="secret-btn" onclick='saveText()'>
|
|
|
- <img src="./img/share_btn.png">
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-
|
|
|
-<div id="cover" style="width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 99999;display: none;background: rgba(0,0,0,0.8)" onclick="hiddenCover()">
|
|
|
- <img style="width: 100%" src="./img/cover.png">
|
|
|
-</div>
|
|
|
-
|
|
|
-
|
|
|
-<div class="secret-box">
|
|
|
- <img src="./img/poster/secret1.png" id="secret">
|
|
|
-</div>
|
|
|
-
|
|
|
-<span id="musicControl">
|
|
|
- <a id="mc_play" class="on" onclick="play_music();">
|
|
|
- <audio id="music" loop="loop" autoplay="autoplay">
|
|
|
- <source src="sound/background_music.mp3" type="audio/mpeg">
|
|
|
- </audio>
|
|
|
- </a>
|
|
|
- </span>
|
|
|
-
|
|
|
-<!-- 切菜提示 -->
|
|
|
-<div class="cut-mode2">
|
|
|
- <img src="./img/wait_cut.png">
|
|
|
-</div>
|
|
|
-
|
|
|
-<!-- 移菜提示 -->
|
|
|
-<div class="move-mode2">
|
|
|
- <img src="./img/wait_move.png">
|
|
|
-</div>
|
|
|
-
|
|
|
-<!-- 摇一摇提示 -->
|
|
|
-<div class="shake-mode2">
|
|
|
- <img src="./img/wait_shake.png">
|
|
|
-</div>
|
|
|
-
|
|
|
-<div class="shake-mode">
|
|
|
- <div class="shake-dialog">
|
|
|
- <!-- <img src="./img/shake_fire.png"> -->
|
|
|
- <div class="fire anim-fire js-an" id="fire"></div>
|
|
|
- <img src="./img/shake_icon.png" class="icon">
|
|
|
- <img src="./img/shake_txt.png" class="txt">
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-
|
|
|
-<script src="./js/jquery.min.js"></script>
|
|
|
-<script src="./js/create.js"></script>
|
|
|
-<script src="./js/tweenmax.js"></script>
|
|
|
-<script src="./js/wechat.js"></script>
|
|
|
-<script src="./assets.js?v=2"></script>
|
|
|
-<script src="./js/music.js?v=1"></script>
|
|
|
-<script src="./js/main.js?v=12"></script>
|
|
|
-<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
|
|
|
-<!-- 必须加在微信api资源 -->
|
|
|
-<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
|
|
|
-<script>
|
|
|
- //解决IOS下分享签名失败问题
|
|
|
- if (navigator.userAgent.indexOf('iPhone') !== -1) {
|
|
|
- window.wechaturl = window.location + '';
|
|
|
- }
|
|
|
- //一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以
|
|
|
- var music = document.getElementById('music').play();
|
|
|
- music.volume = 0.1;
|
|
|
- //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效
|
|
|
- document.addEventListener("WeixinJSBridgeReady", function () {
|
|
|
- var music = document.getElementById('music').play();
|
|
|
- music.volume = 0.1;
|
|
|
- }, false);
|
|
|
-
|
|
|
- function shareWeixin(msg) {
|
|
|
- let wechaturl = window.location.href.split('#')[0];
|
|
|
- var shareUrl = wechaturl;
|
|
|
- if (window.wechaturl !== undefined) {
|
|
|
- wechaturl = window.wechaturl;
|
|
|
- }
|
|
|
- var url = escape(wechaturl);
|
|
|
- $.post("./user/getWxConfigParam?url="+url, {}, function(resp) {
|
|
|
- if (resp.code == 'error') {
|
|
|
- console.log(resp.code);
|
|
|
- }else{
|
|
|
- wx.config({
|
|
|
- debug: false,
|
|
|
- appId: 'wx749c84daac654e1e',
|
|
|
- timestamp: resp.data.timestamp,
|
|
|
- nonceStr: resp.data.noncestr,
|
|
|
- signature: resp.data.sign,
|
|
|
- jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'showOptionMenu', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem']
|
|
|
- });
|
|
|
- wx.ready(function(){
|
|
|
- $("#cover").show();
|
|
|
- const share = {
|
|
|
- title: "我为你精心准备的美味，快享用吧！",
|
|
|
- desc: msg,
|
|
|
- imgUrl: "https://wx.ttkuaiban.com/minigame/images/share_picture.png",
|
|
|
- link: shareUrl,
|
|
|
- success: function() {
|
|
|
-// alert("分享成功")
|
|
|
- window.location.href = "https://wx.ttkuaiban.com/minigame/lottery.html";
|
|
|
- },
|
|
|
- cancel: function() {
|
|
|
-// alert("分享失败")
|
|
|
- }
|
|
|
- };
|
|
|
- wx.onMenuShareAppMessage(share);
|
|
|
- wx.onMenuShareTimeline(share);
|
|
|
- wx.onMenuShareQQ(share);
|
|
|
- wx.onMenuShareQZone(share);
|
|
|
- wx.onMenuShareWeibo(share);
|
|
|
- });
|
|
|
- wx.error(function(res){
|
|
|
- alert("分享失败")
|
|
|
- console.log(res);
|
|
|
- });
|
|
|
- };
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- //通过微博进行分享的回调时事件
|
|
|
- function shareWeibo(msg) {
|
|
|
- var url = escape(window.location.href.split('#')[0]);
|
|
|
- $.post("./user/getWeiboConfigParam?url=" + url, {}, function(resp) {
|
|
|
- if (resp.code == 'error') {
|
|
|
- console.log(resp.code);
|
|
|
- }else{
|
|
|
- window.WeiboJS.init({
|
|
|
- 'appkey' : resp.data.appkey,
|
|
|
- 'debug': false,
|
|
|
- 'timestamp': parseInt(resp.data.timestamp),
|
|
|
- 'noncestr': resp.data.noncestr,
|
|
|
- 'signature': resp.data.sign,
|
|
|
- 'scope': [
|
|
|
- "getNetworkType", "networkTypeChanged", "getBrowserInfo", "checkAvailability", "setBrowserTitle", "openMenu", "setMenuItems", "menuItemSelected", "setSharingContent", "openImage", "scanQRCode", "pickImage", "openVideoCamera", "uploadVideo", "getWM", "getLocation", "pickContact", "apiFromTheFuture", "menuItemAvailable", "invokeMenuItem", "audioMetersChange"
|
|
|
- ]
|
|
|
- }, function(ret){
|
|
|
- $("#cover").show();
|
|
|
- var shareTitle = "一秒变大厨，为远方的朋友做道菜吧！";
|
|
|
- var shareImg = "https://wx.ttkuaiban.com/minigame/images/share_picture.png";
|
|
|
- WeiboJS.invoke("setSharingContent", {
|
|
|
- title: shareTitle,
|
|
|
- desc: msg,
|
|
|
- icon: shareImg
|
|
|
- }, function(e) {
|
|
|
-// alert("设置分享内容成功：" + JSON.stringify(e));
|
|
|
- });
|
|
|
- WeiboJS.invoke("setMenuItems", {
|
|
|
- menus: ["shareToWeibo", "shareToMessage", "shareToWeixin", "shareToPYQ", "shareToQQ", "shareToQzone"],
|
|
|
- content: shareTitle,
|
|
|
- title: msg,
|
|
|
- icon: shareImg
|
|
|
- }, function(e) {
|
|
|
-// alert("setMenuItems 返回数据：" + JSON.stringify(e))
|
|
|
- });
|
|
|
- WeiboJS.on("menuItemSelected", function(params){
|
|
|
- if (!params.hasOwnProperty("error")) {
|
|
|
- if (params.selected_code == 1001) {
|
|
|
- WeiboJS.invoke("invokeMenuItem", {code:1001}, function(params){});
|
|
|
- }
|
|
|
- window.location.href = "https://wx.ttkuaiban.com/minigame/lottery.html";
|
|
|
- }
|
|
|
- });
|
|
|
-// WeiboJS.invoke("openMenu", {}, function(params){
|
|
|
-// alert("openMenu 返回数据：" + JSON.stringify(params));
|
|
|
-// });
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- $(function () {
|
|
|
- var shareTitle = "一秒变大厨，为远方的朋友做道菜吧！";
|
|
|
- var shareImg = "https://wx.ttkuaiban.com/minigame/images/share_picture.png";
|
|
|
- var shareLink = "https://wx.ttkuaiban.com/minigame/index.html";
|
|
|
- var ua = navigator.userAgent.toLowerCase();
|
|
|
- if (ua.match(/microMessenger/i) == 'micromessenger') {
|
|
|
- $.post("./user/getWxConfigParam?url=https://wx.ttkuaiban.com/minigame/index.html", {}, function(resp) {
|
|
|
- if (resp.code == 'error') {
|
|
|
- console.log(resp.code);
|
|
|
- }else{
|
|
|
- wx.config({
|
|
|
- debug: false,
|
|
|
- appId: 'wx749c84daac654e1e',
|
|
|
- timestamp: resp.data.timestamp,
|
|
|
- nonceStr: resp.data.noncestr,
|
|
|
- signature: resp.data.sign,
|
|
|
- jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'showOptionMenu', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem']
|
|
|
- });
|
|
|
- wx.ready(function(){
|
|
|
- const share = {
|
|
|
- title: shareTitle,
|
|
|
- desc: "",
|
|
|
- imgUrl: shareImg,
|
|
|
- link: shareLink,
|
|
|
- success: function(res) {
|
|
|
- console.log(res)
|
|
|
- },
|
|
|
- cancel: function() {}
|
|
|
- };
|
|
|
- wx.onMenuShareAppMessage(share);
|
|
|
- wx.onMenuShareTimeline(share);
|
|
|
- wx.onMenuShareQQ(share);
|
|
|
- wx.onMenuShareQZone(share);
|
|
|
- wx.onMenuShareWeibo(share);
|
|
|
- });
|
|
|
-
|
|
|
- wx.error(function(res){
|
|
|
- console.log(res);
|
|
|
- });
|
|
|
- };
|
|
|
- });
|
|
|
- } else if (ua.match(/weibo/i) == 'weibo') {
|
|
|
- //weibo
|
|
|
- var url = escape(location.href);
|
|
|
- $.post("./user/getWeiboConfigParam?url=" + url, {}, function(resp) {
|
|
|
- if (resp.code == 'error') {
|
|
|
- console.log(resp.code);
|
|
|
- }else{
|
|
|
- window.WeiboJS.init({
|
|
|
- 'appkey' : resp.data.appkey,
|
|
|
- 'debug': false,
|
|
|
- 'timestamp': parseInt(resp.data.timestamp),
|
|
|
- 'noncestr': resp.data.noncestr,
|
|
|
- 'signature': resp.data.sign,
|
|
|
- 'scope': [
|
|
|
- "getNetworkType", "networkTypeChanged", "getBrowserInfo", "checkAvailability", "setBrowserTitle", "openMenu", "setMenuItems", "menuItemSelected", "setSharingContent", "openImage", "scanQRCode", "pickImage", "openVideoCamera", "uploadVideo", "getWM", "getLocation", "pickContact", "apiFromTheFuture", "menuItemAvailable", "invokeMenuItem", "audioMetersChange"
|
|
|
- ]
|
|
|
- }, function(ret){
|
|
|
- WeiboJS.invoke("setSharingContent", {
|
|
|
- title: "",
|
|
|
- desc: shareTitle,
|
|
|
- icon: shareImg
|
|
|
- }, function(e) {
|
|
|
-// alert("1-设置分享内容成功：" + JSON.stringify(e));
|
|
|
- });
|
|
|
- WeiboJS.invoke("setMenuItems", {
|
|
|
- menus: ["shareToWeibo", "shareToMessage", "shareToWeixin", "shareToPYQ", "shareToQQ", "shareToQzone"],
|
|
|
- content: shareTitle,
|
|
|
- title: "",
|
|
|
- icon: shareImg
|
|
|
- }, function(e) {
|
|
|
-// alert("setMenuItems 返回数据：" + JSON.stringify(e))
|
|
|
- });
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
- } else {
|
|
|
-// alert('noooooo');
|
|
|
- }
|
|
|
- })
|
|
|
-</script>
|
|
|
-</body>
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0,minimal-ui">
|
|
|
+ <meta name="renderer" content="webkit">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=Edge,Chrome=1">
|
|
|
+ <meta name="screen-orientation" content="portrait" /> <!-- uc强制竖屏 -->
|
|
|
+ <meta name="x5-orientation" content="portrait" /> <!-- QQ强制竖屏 -->
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
|
+ <meta name="format-detection" content="telphone=no" />
|
|
|
+ <meta name="format-detection" content="email=no" />
|
|
|
+ <title>贝蒂斯厨房</title>
|
|
|
+ <script src="./js/flexiable.js"></script>
|
|
|
+ <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
|
|
|
+ <script src="https://tjs.sjs.sinajs.cn/open/thirdpart/js/jsapi/mobile.js" charset="utf-8"></script>
|
|
|
+ <link rel="stylesheet" type="text/css" href="./css/animate.min.css?v=1">
|
|
|
+ <link rel="stylesheet" type="text/css" href="./css/music.css?v=2">
|
|
|
+ <link rel="stylesheet" type="text/css" href="./css/main.css?v=2">
|
|
|
+ <script src="https://cdn.bootcss.com/SoundJS/1.0.2/soundjs.min.js"></script>
|
|
|
+ <script src="https://tjs.sjs.sinajs.cn/open/thirdpart/js/jsapi/mobile.js" charset="utf-8"></script>
|
|
|
+ <!--<script src="https://www.w3cways.com/demo/vconsole/vconsole.min.js?v=2.2.0"></script>-->
|
|
|
+ <script>
|
|
|
+ window.ifDebug = false;
|
|
|
+ if (location.href.startsWith('http://')) {
|
|
|
+ location.href = location.href.replace('http','https');
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+</head>
|
|
|
+<body onload="getInfo()">
|
|
|
+<!-- loading -->
|
|
|
+<div class="loading">
|
|
|
+ <div class="curtain-box">
|
|
|
+ <div class="txt rubberBand time6 iteration">
|
|
|
+ <img src="./img/loading/loading_txt.png">
|
|
|
+ </div>
|
|
|
+ <div class="loading-bar">
|
|
|
+ <p class="load-txt">远方快递正在为您准备美食<span id="loadingTxt">0</span>％</p>
|
|
|
+ <div class="bar">
|
|
|
+ <span id="loadingBar">
|
|
|
+ <i class="icon-load"></i>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div class="loading2">
|
|
|
+ <div class="curtain-box2">
|
|
|
+ <div class="txt rubberBand time6">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!-- 主内容 -->
|
|
|
+<div class="warp">
|
|
|
+ <!-- 选择菜 -->
|
|
|
+ <div class="select-dish-box">
|
|
|
+ <img src="./img/menu_tt.png" class="tt fadeIn time4 animated js-an">
|
|
|
+ <div class="list">
|
|
|
+ <div class="item bounceIn time3 animated js-an delay3">
|
|
|
+ <img src="./img/menu1.png" class="animated js-an pulse time4 delay11">
|
|
|
+ </div>
|
|
|
+ <div class="item bounceIn time3 animated js-an delay4">
|
|
|
+ <img src="./img/menu2.png" class="animated js-an pulse time4 delay12">
|
|
|
+ </div>
|
|
|
+ <div class="item bounceIn time3 animated js-an delay5">
|
|
|
+ <img src="./img/menu3.png" class="animated js-an pulse time4 delay13">
|
|
|
+ </div>
|
|
|
+ <div class="item bounceIn time3 animated js-an delay6">
|
|
|
+ <img src="./img/menu4.png" class="animated js-an pulse time4 delay14">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="confirm anim-btn"></div>
|
|
|
+ </div>
|
|
|
+ <!-- 游戏 -->
|
|
|
+ <div class="game-box">
|
|
|
+ <canvas id="canvas" width="640" height="1040"></canvas>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!-- 海报 -->
|
|
|
+<div class="poster-mode">
|
|
|
+ <img src="./img/logo.png" class="logo">
|
|
|
+ <img src="./img/poster/hsr.png" class="poster-img" id="poster">
|
|
|
+ <div class="leads-box">
|
|
|
+ <img src="./img/poster/headOil.png" class="pro">
|
|
|
+ <div class="form-group" style="position:relative;">
|
|
|
+ <img id='edit' src="./img/edit.gif" style='height: 0.35rem;position: absolute;left: -13px;top: 8px;display: none;'>
|
|
|
+ <input id="nameInput" type="text" placeholder="我想把这道菜送给TA">
|
|
|
+ <div id="nameText" class='msg' style='display:none;'></div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <input id="textInput" type="text" placeholder="我想对TA说">
|
|
|
+ <div id="text" class='msg' style='display:none;'></div>
|
|
|
+ </div>
|
|
|
+ <div class="user-info">
|
|
|
+ <div class="headimg-box">
|
|
|
+ <img src="./img/headimg.png">
|
|
|
+ </div>
|
|
|
+ <p>微信昵称</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="qrcode-box">
|
|
|
+ <img src="./img/poster/ewm_https.png">
|
|
|
+ <p>扫码为他做菜</p>
|
|
|
+ </div>
|
|
|
+ <div class="replay-btn">
|
|
|
+ <img src="./img/replay_btn.png">
|
|
|
+ </div>
|
|
|
+ <div class="secret-btn" onclick='saveText()'>
|
|
|
+ <img src="./img/share_btn.png">
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<div id="cover" style="width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 99999;display: none;background: rgba(0,0,0,0.8)" onclick="hiddenCover()">
|
|
|
+ <img style="width: 100%" src="./img/cover.png">
|
|
|
+</div>
|
|
|
+
|
|
|
+
|
|
|
+<div class="secret-box">
|
|
|
+ <img src="./img/poster/secret1.png" id="secret">
|
|
|
+</div>
|
|
|
+
|
|
|
+<span id="musicControl">
|
|
|
+ <a id="mc_play" class="on" onclick="play_music();">
|
|
|
+ <audio id="music" loop="loop" autoplay="autoplay">
|
|
|
+ <source src="sound/background_music.mp3" type="audio/mpeg">
|
|
|
+ </audio>
|
|
|
+ </a>
|
|
|
+ </span>
|
|
|
+
|
|
|
+<!-- 切菜提示 -->
|
|
|
+<div class="cut-mode2">
|
|
|
+ <img src="./img/wait_cut.png">
|
|
|
+</div>
|
|
|
+
|
|
|
+<!-- 移菜提示 -->
|
|
|
+<div class="move-mode2">
|
|
|
+ <img src="./img/wait_move.png">
|
|
|
+</div>
|
|
|
+
|
|
|
+<!-- 摇一摇提示 -->
|
|
|
+<div class="shake-mode2">
|
|
|
+ <img src="./img/wait_shake.png">
|
|
|
+</div>
|
|
|
+
|
|
|
+<div class="shake-mode">
|
|
|
+ <div class="shake-dialog">
|
|
|
+ <!-- <img src="./img/shake_fire.png"> -->
|
|
|
+ <div class="fire anim-fire js-an" id="fire"></div>
|
|
|
+ <img src="./img/shake_icon.png" class="icon">
|
|
|
+ <img src="./img/shake_txt.png" class="txt">
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<script src="./js/jquery.min.js"></script>
|
|
|
+<script src="./js/create.js"></script>
|
|
|
+<script src="./js/tweenmax.js"></script>
|
|
|
+<script src="./js/wechat.js"></script>
|
|
|
+<script src="./assets.js?v=2"></script>
|
|
|
+<script src="./js/music.js?v=1"></script>
|
|
|
+<script src="./js/main.js?v=12"></script>
|
|
|
+<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
|
|
|
+<!-- 必须加在微信api资源 -->
|
|
|
+<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
|
|
|
+<script>
|
|
|
+ //解决IOS下分享签名失败问题
|
|
|
+ if (navigator.userAgent.indexOf('iPhone') !== -1) {
|
|
|
+ window.wechaturl = window.location + '';
|
|
|
+ }
|
|
|
+ //一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以
|
|
|
+ var music = document.getElementById('music').play();
|
|
|
+ music.volume = 0.1;
|
|
|
+ //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效
|
|
|
+ document.addEventListener("WeixinJSBridgeReady", function () {
|
|
|
+ var music = document.getElementById('music').play();
|
|
|
+ music.volume = 0.1;
|
|
|
+ }, false);
|
|
|
+
|
|
|
+ function shareWeixin(msg) {
|
|
|
+ let wechaturl = window.location.href.split('#')[0];
|
|
|
+ var shareUrl = wechaturl;
|
|
|
+ if (window.wechaturl !== undefined) {
|
|
|
+ wechaturl = window.wechaturl;
|
|
|
+ }
|
|
|
+ var url = escape(wechaturl);
|
|
|
+ $.post("./user/getWxConfigParam?url="+url, {}, function(resp) {
|
|
|
+ if (resp.code == 'error') {
|
|
|
+ console.log(resp.code);
|
|
|
+ }else{
|
|
|
+ wx.config({
|
|
|
+ debug: false,
|
|
|
+ appId: 'wx749c84daac654e1e',
|
|
|
+ timestamp: resp.data.timestamp,
|
|
|
+ nonceStr: resp.data.noncestr,
|
|
|
+ signature: resp.data.sign,
|
|
|
+ jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'showOptionMenu', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem']
|
|
|
+ });
|
|
|
+ wx.ready(function(){
|
|
|
+ $("#cover").show();
|
|
|
+ const share = {
|
|
|
+ title: "我为你精心准备的美味，快享用吧！",
|
|
|
+ desc: msg,
|
|
|
+ imgUrl: "https://wx.ttkuaiban.com/minigame/images/share_picture.png",
|
|
|
+ link: shareUrl,
|
|
|
+ success: function() {
|
|
|
+// alert("分享成功")
|
|
|
+ window.location.href = "https://wx.ttkuaiban.com/minigame/lottery.html";
|
|
|
+ },
|
|
|
+ cancel: function() {
|
|
|
+// alert("分享失败")
|
|
|
+ }
|
|
|
+ };
|
|
|
+ wx.onMenuShareAppMessage(share);
|
|
|
+ wx.onMenuShareTimeline(share);
|
|
|
+ wx.onMenuShareQQ(share);
|
|
|
+ wx.onMenuShareQZone(share);
|
|
|
+ wx.onMenuShareWeibo(share);
|
|
|
+ });
|
|
|
+ wx.error(function(res){
|
|
|
+ alert("分享失败")
|
|
|
+ console.log(res);
|
|
|
+ });
|
|
|
+ };
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ //通过微博进行分享的回调时事件
|
|
|
+ function shareWeibo(msg) {
|
|
|
+ var url = escape(window.location.href.split('#')[0]);
|
|
|
+ $.post("./user/getWeiboConfigParam?url=" + url, {}, function(resp) {
|
|
|
+ if (resp.code == 'error') {
|
|
|
+ console.log(resp.code);
|
|
|
+ }else{
|
|
|
+ window.WeiboJS.init({
|
|
|
+ 'appkey' : resp.data.appkey,
|
|
|
+ 'debug': false,
|
|
|
+ 'timestamp': parseInt(resp.data.timestamp),
|
|
|
+ 'noncestr': resp.data.noncestr,
|
|
|
+ 'signature': resp.data.sign,
|
|
|
+ 'scope': [
|
|
|
+ "getNetworkType", "networkTypeChanged", "getBrowserInfo", "checkAvailability", "setBrowserTitle", "openMenu", "setMenuItems", "menuItemSelected", "setSharingContent", "openImage", "scanQRCode", "pickImage", "openVideoCamera", "uploadVideo", "getWM", "getLocation", "pickContact", "apiFromTheFuture", "menuItemAvailable", "invokeMenuItem", "audioMetersChange"
|
|
|
+ ]
|
|
|
+ }, function(ret){
|
|
|
+ $("#cover").show();
|
|
|
+ var shareTitle = "一秒变大厨，为远方的朋友做道菜吧！";
|
|
|
+ var shareImg = "https://wx.ttkuaiban.com/minigame/images/share_picture.png";
|
|
|
+ WeiboJS.invoke("setSharingContent", {
|
|
|
+ title: shareTitle,
|
|
|
+ desc: msg,
|
|
|
+ icon: shareImg
|
|
|
+ }, function(e) {
|
|
|
+// alert("设置分享内容成功：" + JSON.stringify(e));
|
|
|
+ });
|
|
|
+ WeiboJS.invoke("setMenuItems", {
|
|
|
+ menus: ["shareToWeibo", "shareToMessage", "shareToWeixin", "shareToPYQ", "shareToQQ", "shareToQzone"],
|
|
|
+ content: shareTitle,
|
|
|
+ title: msg,
|
|
|
+ icon: shareImg
|
|
|
+ }, function(e) {
|
|
|
+// alert("setMenuItems 返回数据：" + JSON.stringify(e))
|
|
|
+ });
|
|
|
+ WeiboJS.on("menuItemSelected", function(params){
|
|
|
+ if (!params.hasOwnProperty("error")) {
|
|
|
+ if (params.selected_code == 1001) {
|
|
|
+ WeiboJS.invoke("invokeMenuItem", {code:1001}, function(params){});
|
|
|
+ }
|
|
|
+ window.location.href = "https://wx.ttkuaiban.com/minigame/lottery.html";
|
|
|
+ }
|
|
|
+ });
|
|
|
+// WeiboJS.invoke("openMenu", {}, function(params){
|
|
|
+// alert("openMenu 返回数据：" + JSON.stringify(params));
|
|
|
+// });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ $(function () {
|
|
|
+ var shareTitle = "一秒变大厨，为远方的朋友做道菜吧！";
|
|
|
+ var shareImg = "https://wx.ttkuaiban.com/minigame/images/share_picture.png";
|
|
|
+ var shareLink = "https://wx.ttkuaiban.com/minigame/index.html";
|
|
|
+ var ua = navigator.userAgent.toLowerCase();
|
|
|
+ if (ua.match(/microMessenger/i) == 'micromessenger') {
|
|
|
+ $.post("./user/getWxConfigParam?url=https://wx.ttkuaiban.com/minigame/index.html", {}, function(resp) {
|
|
|
+ if (resp.code == 'error') {
|
|
|
+ console.log(resp.code);
|
|
|
+ }else{
|
|
|
+ wx.config({
|
|
|
+ debug: false,
|
|
|
+ appId: 'wx749c84daac654e1e',
|
|
|
+ timestamp: resp.data.timestamp,
|
|
|
+ nonceStr: resp.data.noncestr,
|
|
|
+ signature: resp.data.sign,
|
|
|
+ jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone', 'showOptionMenu', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem']
|
|
|
+ });
|
|
|
+ wx.ready(function(){
|
|
|
+ const share = {
|
|
|
+ title: shareTitle,
|
|
|
+ desc: "",
|
|
|
+ imgUrl: shareImg,
|
|
|
+ link: shareLink,
|
|
|
+ success: function(res) {
|
|
|
+ console.log(res)
|
|
|
+ },
|
|
|
+ cancel: function() {}
|
|
|
+ };
|
|
|
+ wx.onMenuShareAppMessage(share);
|
|
|
+ wx.onMenuShareTimeline(share);
|
|
|
+ wx.onMenuShareQQ(share);
|
|
|
+ wx.onMenuShareQZone(share);
|
|
|
+ wx.onMenuShareWeibo(share);
|
|
|
+ });
|
|
|
+
|
|
|
+ wx.error(function(res){
|
|
|
+ console.log(res);
|
|
|
+ });
|
|
|
+ };
|
|
|
+ });
|
|
|
+ } else if (ua.match(/weibo/i) == 'weibo') {
|
|
|
+ //weibo
|
|
|
+ var url = escape(location.href);
|
|
|
+ $.post("./user/getWeiboConfigParam?url=" + url, {}, function(resp) {
|
|
|
+ if (resp.code == 'error') {
|
|
|
+ console.log(resp.code);
|
|
|
+ }else{
|
|
|
+ window.WeiboJS.init({
|
|
|
+ 'appkey' : resp.data.appkey,
|
|
|
+ 'debug': false,
|
|
|
+ 'timestamp': parseInt(resp.data.timestamp),
|
|
|
+ 'noncestr': resp.data.noncestr,
|
|
|
+ 'signature': resp.data.sign,
|
|
|
+ 'scope': [
|
|
|
+ "getNetworkType", "networkTypeChanged", "getBrowserInfo", "checkAvailability", "setBrowserTitle", "openMenu", "setMenuItems", "menuItemSelected", "setSharingContent", "openImage", "scanQRCode", "pickImage", "openVideoCamera", "uploadVideo", "getWM", "getLocation", "pickContact", "apiFromTheFuture", "menuItemAvailable", "invokeMenuItem", "audioMetersChange"
|
|
|
+ ]
|
|
|
+ }, function(ret){
|
|
|
+ WeiboJS.invoke("setSharingContent", {
|
|
|
+ title: "",
|
|
|
+ desc: shareTitle,
|
|
|
+ icon: shareImg
|
|
|
+ }, function(e) {
|
|
|
+// alert("1-设置分享内容成功：" + JSON.stringify(e));
|
|
|
+ });
|
|
|
+ WeiboJS.invoke("setMenuItems", {
|
|
|
+ menus: ["shareToWeibo", "shareToMessage", "shareToWeixin", "shareToPYQ", "shareToQQ", "shareToQzone"],
|
|
|
+ content: shareTitle,
|
|
|
+ title: "",
|
|
|
+ icon: shareImg
|
|
|
+ }, function(e) {
|
|
|
+// alert("setMenuItems 返回数据：" + JSON.stringify(e))
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+// alert('noooooo');
|
|
|
+ }
|
|
|
+ })
|
|
|
+</script>
|
|
|
+</body>
|
|
|
</html>
|
