You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
238 lines
103 KiB
238 lines
103 KiB
1 year ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="pragma" content="no-cache">
|
||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||
|
|
<link rel="icon" sizes="any" mask="" href="{@icon_url@}">
|
||
|
|
<title>{@name@}</title>
|
||
|
|
<style type="text/css">*{box-sizing:border-box;-webkit-box-sizing:border-box}body,html{margin:0;padding:0;background-color:#fff;font-size:14px}a{text-decoration:none}.main{padding:0}.info,.main{height:100%}img[src=""]{opacity:0}.bottom-wrap .head-content *,.list-wrap ul li,.logo-wrap *{vertical-align:middle}.downloads-content .package,.pc-info .mask{visibility:hidden}.main{text-align:center;margin:0 auto;max-width:100%;width:700px}.info{position:relative}.downloads-wrap,.logo-wrap{width:100%}.downloads-wrap{bottom:0;position:absolute}.logo-wrap{padding-top:30px}.logo-wrap>img{border-radius:5px;width:79px;height:79px}.logo-wrap h2{font-size:18px;color:#2a2a2a;font-weight:700}.desc-content h2,.screenshots-content h2{font-weight:400;font-size:15px;color:#2a2a2a}.logo-wrap p{margin-top:21px;font-size:18px;font-weight:400;color:#2a2a2a;padding:0 20px}.logo-wrap #show_qrcode{display:block;font-size:10px;color:#007aff;text-decoration:none;margin-top:28px}.logo-wrap #show_qrcode>img{width:11px;height:11px}.logo-wrap #show_qrcode>span{display:inline-block;margin-left:10px}.command-content p{display:inline-block;font-size:12px;color:#2a2a2a}.command-content .stream-token{font-size:12px;color:#2a2a2a;background-color:#f8f8f8;border-radius:3px;padding:5px}.command-content a{display:inline-block;font-size:11px;color:#007aff;width:50px}.qrcode-content{display:none;margin-top:50px;margin-bottom:20px;font-size:20px}.qrcode-content img{width:120px;height:120px}.qrcode-content span{display:block}.qrcode-content .code{display:inline-block;color:#007aff}.qrcode-content p{margin:0;padding:0;display:inline-block}.btn-primary,.btn-secondary{background-color:#007aff;color:#fff;margin-top:10px}.btn{font-size:12px;width:288px;height:40px;line-height:40px;border-radius:5px;outline:0}.btn-primary{border:1px solid #007aff}.btn-secondary{border:1px solid #fff;margin-bottom:10px}.btn.stream{background-color:#fff;color:#007aff}.more img{height:10px;margin-bottom:5px}.more.down img{transform:rotateX(0)}.more.up img{transform:rotateX(180deg)}.screenshots-content{border-top:1px solid #bfbfbf;margin:0 15px;padding:0 24px;position:relative}.screenshots-content h2{margin-top:40px;margin-bottom:21px;text-align:left}.list-wrap{overflow-x:auto;white-space:nowrap;margin-bottom:36px;margin-left:39px}.list-wrap ul{display:block;list-style:none;white-space:nowrap;-webkit-padding-start:0;-moz-padding-start:0}.bottom-wrap .tips-content .tip-desc,.desc-content pre{white-space:pre-wrap;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;word-break:break-all}.list-wrap ul li{display:inline-block;margin:0 9px}.list-wrap ul li:first-child{margin:0 9px 0 0}.list-wrap ul li img{width:176px;height:311px;border:1px solid #949494}.desc-content{border-top:1px solid #bfbfbf;margin:0 15px 36px;padding:0 24px;text-align:center}.desc-content h2{margin-top:40px;margin-bottom:21px;text-align:left}.desc-content pre{width:100%;font-size:14px;color:#2a2a2a;text-align:left}.footer{text-align:center;padding:20px;border-top:1px solid #dae2e3}.show{display:block}.hide{display:none!important}.overlay{width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:200;position:fixed}.bottom-wrap{position:absolute;bottom:0;z-index:201;width:100%;padding-bottom:18px;background-color:#fff}.bottom-wrap .head-content{padding:12px 0;text-align:left;margin-left:21px}.bottom-wrap .head-content img{display:inline-block;width:28px;height:28px}.bottom-wrap .head-content h2{display:inline-block;font-size:15px;font-weight:700;color:#313131;margin-left:10px}.bottom-wrap .tips-content{text-align:left;margin-left:21px;margin-right:21px;border-top:1px solid #bfbfbf}.bottom-wrap .tips-content .tip-desc{font-size:13px}.bottom-wrap .tips-content .tip-title{font-size:14px;color:#313131;margin:8px 0 0;font-weight:400}.bottom-wrap .tips-content .tip-token{font-size:13px;color:#313131;margin:8px 0 0;display:inline-block;padding:3px;background-color:#96d2fa}.bottom-wrap .tips-content .tip-guide{font-size:14px;margin:8px 0 0}.bottom-wrap .tips-content .guide-launch{margin:15px 0}.bottom-wrap .tips-content ul{
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="main">
|
||
|
|
<!--移动端-->
|
||
|
|
<div class="info mobile" id="mobile_info">
|
||
|
|
<!--logo-->
|
||
|
|
<div class="logo-wrap">
|
||
|
|
<img src="{@icon_url@}" />
|
||
|
|
<h2>{@name@}</h2>
|
||
|
|
<p>{@introduction@}</p>
|
||
|
|
</div>
|
||
|
|
<!-- 选项卡 -->
|
||
|
|
{@if hasApp || hasMP || hasH5 || hasQuickApp@}
|
||
|
|
<div class="tab-wrap">
|
||
|
|
<div class="tab" id="mb_tab">
|
||
|
|
{@if hasApp@}
|
||
|
|
<a class="tab-item app" href="javascript:;" data-id="app">App</a>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasMP@}
|
||
|
|
<a class="tab-item mp" href="javascript:;" data-id="mp">小程序</a>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasH5@}
|
||
|
|
<a class="tab-item h5" href="javascript:;" data-id="h5">H5</a>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasQuickApp@}
|
||
|
|
<a class="tab-item quickApp" href="javascript:;" data-id="quickApp">快应用</a>
|
||
|
|
{@/if@}
|
||
|
|
</div>
|
||
|
|
<div class="tab-content mb" id="mb_tab_content">
|
||
|
|
{@if hasApp@}
|
||
|
|
<div class="tab-content-item app">
|
||
|
|
<img class="app-qrcode" style="width:150px;height:150px;" src="">
|
||
|
|
<p class="app-tip">扫码获取</p>
|
||
|
|
<a class="pkg-download hide" href="javascript:;">下载安装
|
||
|
|
<span class="pkg-size"></span>
|
||
|
|
</a>
|
||
|
|
<p class="download-tip hide"><span class="os-name">Android</span>平台尚未发布，敬请期待~</p>
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasMP@}
|
||
|
|
<div class="tab-content-item mp">
|
||
|
|
<div class="mp-wrap" id="mp-wrap">
|
||
|
|
<div class="mp-side">
|
||
|
|
{@each mpKeys@}
|
||
|
|
<div class="mp-side-item" data-id="{@$value@}">
|
||
|
|
<div class="inner-item">
|
||
|
|
<div class="mp-icon {@$value@}"></div>
|
||
|
|
{@mpNames[$value]@}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{@/each@}
|
||
|
|
</div>
|
||
|
|
<div class="mp-content">
|
||
|
|
{@each mpKeys@}
|
||
|
|
<div class="mp-content-item {@$value@}">
|
||
|
|
<div class="mp-title" style="display: none;">
|
||
|
|
<span class="mp-title-input">{@$data[$value].name@}</span>
|
||
|
|
<a class="mp-title-copy" data-platform="{@mpNames[$value]@}" data-name="{@$data[$value].name@}" href="javascript:;">复制</a>
|
||
|
|
<p class="mp-title-tip">复制成功后可在{@mpNames[$value]@}中搜索小程序</p>
|
||
|
|
</div>
|
||
|
|
<img class="mp-qrcode" src="{@$data[$value].qrcode_url@}" />
|
||
|
|
<p class="mp-tip hide">长按图片识别小程序</p>
|
||
|
|
</div>
|
||
|
|
{@/each@}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasH5@}
|
||
|
|
<div class="tab-content-item h5" style="padding-top: 50px;">
|
||
|
|
<div class="h5-content-m">
|
||
|
|
<label class="h5-title">链接地址</label>
|
||
|
|
<a class="h5-link" href="{@h5.url@}">{@h5.url@}</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasQuickApp@}
|
||
|
|
<div class="tab-content-item quickApp">
|
||
|
|
<img class="mp-qrcode" style="width: 150px;height: 150px;" src="{@quickapp.qrcode_url@}">
|
||
|
|
<p class="tip">快应用</p>
|
||
|
|
<p class="mp-title-tip">扫描二维码或复制名称后可在手机应用市场中搜索快应用</p>
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
|
||
|
|
<!--应用下载-->
|
||
|
|
<div class="downloads-wrap">
|
||
|
|
<div class="more down" id="scroll_page">
|
||
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAYAAAAzI3woAAAA3klEQVRIS73WsQ0CIRQG4EdorJzAbXSMV5A4gZM4gQkFY+g2TmBlQzDvAniedxwPOGggBHhfoPgR4JvW+khDpdQjzPXop3UFFTXG7K21FwDYOefuvVCEEUKcAOAtpbwi4msAedTBWnvuhZpgboj4JEcE9UQtYf5APVApzCxoS9QaZhG0BSoHkwS1ROViVkEtUBxMFqgGxcVkg0pQJRgWiIMqxbBBOagaTBEoharFFIPmUMNh36CM2cT9MfxkGXezMSYGst9LqV2MqbqhgB+hoBbTBBSej/rwheDe9Hj9BxnlByK3W3UrAAAAAElFTkSuQmCC" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--pc端-->
|
||
|
|
<div class="pc-info">
|
||
|
|
<div class="pc-logo">
|
||
|
|
<img src="{@icon_url@}" />
|
||
|
|
</div>
|
||
|
|
<div class="pc-share">
|
||
|
|
<p class="share-tip">获取本页二维码</p>
|
||
|
|
<div class="share-qrcode hide">
|
||
|
|
<img class="app-qrcode" alt="二维码" src="">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="pc-name">
|
||
|
|
<h2>{@name@}</h2>
|
||
|
|
<p>{@introduction@}</p>
|
||
|
|
</div>
|
||
|
|
<!-- 选项卡 -->
|
||
|
|
{@if hasApp || hasMP || hasH5 || hasQuickApp@}
|
||
|
|
<div class="pc-tab-wrap">
|
||
|
|
<div class="tab" id="pc_tab">
|
||
|
|
{@if hasApp@}
|
||
|
|
<a class="tab-item app" href="javascript:;" data-id="app">App</a>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasMP@}
|
||
|
|
<a class="tab-item mp" href="javascript:;" data-id="mp">小程序</a>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasH5@}
|
||
|
|
<a class="tab-item h5" href="javascript:;" data-id="h5">H5</a>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasQuickApp@}
|
||
|
|
<a class="tab-item quickApp" href="javascript:;" data-id="quickApp">快应用</a>
|
||
|
|
{@/if@}
|
||
|
|
</div>
|
||
|
|
<div class="tab-content pc" id="pc_tab_content">
|
||
|
|
{@if hasApp@}
|
||
|
|
<div class="tab-content-item app">
|
||
|
|
<img class="app-qrcode" style="width:256px;height:256px;" src="">
|
||
|
|
<p class="app-tip">扫码获取</p>
|
||
|
|
<div class="pc-download" id="pc_download">
|
||
|
|
<a href="javascript:;" class="btn btn-download android" type="button">
|
||
|
|
<span class="icon icon-android publish_iconfont"></span>
|
||
|
|
<span>Android平台下载</span>
|
||
|
|
</a>
|
||
|
|
<a href="javascript:;" class="btn btn-download ios" type="button">
|
||
|
|
<span class="icon icon-ios publish_iconfont"></span>
|
||
|
|
<span>iOS平台下载</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasMP@}
|
||
|
|
<div class="tab-content-item mp">
|
||
|
|
{@each mpKeys@}
|
||
|
|
<div class="pc-mp-item">
|
||
|
|
<img class="mp-qrcode" src="{@$data[$value].qrcode_url@}" />
|
||
|
|
<div class="mp-tip">扫二维码识别小程序</div>
|
||
|
|
<div class="mp-platform">{@mpNames[$value]@}小程序</div>
|
||
|
|
</div>
|
||
|
|
{@/each@}
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasH5@}
|
||
|
|
<div class="tab-content-item h5">
|
||
|
|
<div class="h5-content-pc">
|
||
|
|
<label class="h5-title">链接地址</label><br>
|
||
|
|
<a class="h5-link" href="{@h5.url@}" target="_blank">{@h5.url@}</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
{@if hasQuickApp@}
|
||
|
|
<div class="tab-content-item quickApp" style="text-align: center">
|
||
|
|
<img class="mp_qrcode" style="width: 200px;height: 200px" src="{@quickapp.qrcode_url@}">
|
||
|
|
<p class="tip">快应用</p>
|
||
|
|
<p class="mp-title-tip">扫描二维码或复制名称后可在手机应用市场中搜索快应用</p>
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
</div>
|
||
|
|
<!--应用描述-->
|
||
|
|
{@if description && description.length@}
|
||
|
|
<div class="desc-content">
|
||
|
|
<h2>应用描述</h2>
|
||
|
|
<pre>{@description@}</pre>
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
<!--应用截图-->
|
||
|
|
{@if screenshot && screenshot.length@}
|
||
|
|
<div class="screenshots-content">
|
||
|
|
<h2>应用截图</h2>
|
||
|
|
</div>
|
||
|
|
<div class="list-wrap">
|
||
|
|
<ul>
|
||
|
|
{@each screenshot@}
|
||
|
|
<li>
|
||
|
|
<img src="{@$value@}">
|
||
|
|
</li>
|
||
|
|
{@/each@}
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
{@/if@}
|
||
|
|
<div class="toast hide">
|
||
|
|
<p class="toast-text">复制成功</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
window.$app = {
|
||
|
|
appid: '{@appid@}',
|
||
|
|
android_url: '{@android_url@}',
|
||
|
|
ios_url: '{@ios_url@}',
|
||
|
|
icon_url: '{@icon_url@}',
|
||
|
|
android_size: '',
|
||
|
|
ios_size: '',
|
||
|
|
mpPlatforms: {
|
||
|
|
weixin: 'mp_weixin',
|
||
|
|
alipay: 'mp_alipay',
|
||
|
|
toutiao: 'mp_toutiao',
|
||
|
|
lark: 'mp_lark',
|
||
|
|
kuaishou: 'mp_kuaishou',
|
||
|
|
qq: 'mp_qq',
|
||
|
|
baidu: 'mp_baidu'
|
||
|
|
},
|
||
|
|
mp: {@hasMP ? 1 : 0@},
|
||
|
|
app: {@hasApp ? 1 : 0@},
|
||
|
|
h5: {@hasH5 ? 1 : 0@},
|
||
|
|
quickApp: {@hasQuickApp ? 1 : 0@},
|
||
|
|
// mp_toutiao_url: 'http://t.zijieimg.com/YdVU8V/?a=b',
|
||
|
|
mp_toutiao_url: false
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript">!function(t){var e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=30)}([function(t,e){var n,r=[0,26,44,70,100,134,172,196,242,292,346,404,466,532,581,655,733,815,901,991,1085,1156,1258,1364,1474,1588,1706,1828,1921,2051,2185,2323,2465,2611,2761,2876,3034,3196,3362,3532,3706];e.getSymbolSize=function(t){if(!t)throw new Error('"version" cannot be null or undefined');if(t<1||t>40)throw new Error('"version" should be in range from 1 to 40');return 4*t+17},e.getSymbolTotalCodewords=function(t){return r[t]},e.getBCHDigit=function(t){for(var e=0;0!==t;)e++,t>>>=1;return e},e.setToSJISFunction=function(t){if("function"!=typeof t)throw new Error('"toSJISFunc" is not a valid function.');n=t},e.isKanjiModeEnabled=function(){return void 0!==n},e.toSJIS=function(t){return n(t)}},function(t,e,n){var r=n(4),i=n(5);e.NUMERIC={id:"Numeric",bit:1,ccBits:[10,12,14]},e.ALPHANUMERIC={id:"Alphanumeric",bit:2,ccBits:[9,11,13]},e.BYTE={id:"Byte",bit:4,ccBits:[8,16,16]},e.KANJI={id:"Kanji",bit:8,ccBits:[8,10,12]},e.MIXED={bit:-1},e.getCharCountIndicator=function(t,e){if(!t.ccBits)throw new Error("Invalid mode: "+t);if(!r.isValid(e))throw new Error("Invalid version: "+e);return e>=1&&e<10?t.ccBits[0]:e<27?t.ccBits[1]:t.ccBits[2]},e.getBestModeForData=function(t){return i.testNumeric(t)?e.NUMERIC:i.testAlphanumeric(t)?e.ALPHANUMERIC:i.testKanji(t)?e.KANJI:e.BYTE},e.toString=function(t){if(t&&t.id)return t.id;throw new Error("Invalid mode")},e.isValid=function(t){return t&&t.bit&&t.ccBits},e.from=function(t,n){if(e.isValid(t))return t;try{return function(t){if("string"!=typeof t)throw new Error("Param is not a string");switch(t.toLowerCase()){case"numeric":return e.NUMERIC;case"alphanumeric":return e.ALPHANUMERIC;case"kanji":return e.KANJI;case"byte":return e.BYTE;default:throw new Error("Unknown mode: "+t)}}(t)}catch(t){return n}}},function(t,e){e.L={bit:1},e.M={bit:0},e.Q={bit:3},e.H={bit:2},e.isValid=function(t){return t&&void 0!==t.bit&&t.bit>=0&&t.bit<4},e.from=function(t,n){if(e.isValid(t))return t;try{return function(t){if("string"!=typeof t)throw new Error("Param is not a string");switch(t.toLowerCase()){case"l":case"low":return e.L;case"m":case"medium":return e.M;case"q":case"quartile":return e.Q;case"h":case"high":return e.H;default:throw new Error("Unknown EC Level: "+t)}}(t)}catch(t){return n}}},function(t,e,n){var r=n(2),i=[1,1,1,1,1,1,1,1,1,1,2,2,1,2,2,4,1,2,4,4,2,4,4,4,2,4,6,5,2,4,6,6,2,5,8,8,4,5,8,8,4,5,8,11,4,8,10,11,4,9,12,16,4,9,16,16,6,10,12,18,6,10,17,16,6,11,16,19,6,13,18,21,7,14,21,25,8,16,20,25,8,17,23,25,9,17,23,34,9,18,25,30,10,20,27,32,12,21,29,35,12,23,34,37,12,25,34,40,13,26,35,42,14,28,38,45,15,29,40,48,16,31,43,51,17,33,45,54,18,35,48,57,19,37,51,60,19,38,53,63,20,40,56,66,21,43,59,70,22,45,62,74,24,47,65,77,25,49,68,81],o=[7,10,13,17,10,16,22,28,15,26,36,44,20,36,52,64,26,48,72,88,36,64,96,112,40,72,108,130,48,88,132,156,60,110,160,192,72,130,192,224,80,150,224,264,96,176,260,308,104,198,288,352,120,216,320,384,132,240,360,432,144,280,408,480,168,308,448,532,180,338,504,588,196,364,546,650,224,416,600,700,224,442,644,750,252,476,690,816,270,504,750,900,300,560,810,960,312,588,870,1050,336,644,952,1110,360,700,1020,1200,390,728,1050,1260,420,784,1140,1350,450,81
|
||
|
|
|
||
|
|
</html>
|