cmy
/
distribution


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
							<?php


namespace app\index;

class pack extends Base
{
	public function initialize()
	{
		parent::initialize();
		if ($this->userlogined) {
			redirect('/index/webview');
		}
	}
	function index()
	{
		?>        <!DOCTYPE html>
        <html lang="">
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/>
            <meta name="keywords" content="<?php echo IN_KEYWORDS;?>"/>
            <meta name="description" content="<?php echo IN_DESCRIPTION;?>"/>
            <title>APP封装 - <?php echo IN_NAME;?> - 免费应用内测托管平台|iOS应用Beta测试分发|Android应用内测分发</title>
            <?php 
		include 'static.php';
		?>        </head>
        <body>
        <?php 
		$this->header();
		?>        
		<link rel="stylesheet" href="/static/pack/font-awesome-4.7.0/css/font-awesome.css"/>
        <script src="/static/index/js/bootstrap-paginator.js"></script>
        <div id="app">
            <div><a href="/index/webview" class="encapsulation-banner-wrap">
                    <div class="container">
                        <div class="encapsulation-banner hidden-xs">
                            <div class="h1">封装打包APP</div>
                            <p>只需一个网站地址 就能创建属于您自己的移动APP</p>
                            <ul class="clearfix">
                                <li><span class="iconfont icon-gou2"></span>视频全屏</li>
                                <li><span class="iconfont icon-gou2"></span>无广告</li>
                                <li><span class="iconfont icon-gou2"></span>在线更新</li>
                            </ul>
                            <ul class="clearfix">
                                <li><span class="iconfont icon-gou2"></span>微信分享</li>
                                <li><span class="iconfont icon-gou2"></span>支付宝微信支付</li>
                            </ul>
                            <button type="button" class="ms-btn">立即封装</button>
                        </div>
                        <div class="encapsulation-banner visible-xs">
                            <div class="h1">封装打包APP</div>
                            <div class="h2">只需一个网站地址，就能创建移动APP</div>
                        </div>
                    </div>
                </a>
                <div class="encapsulation-introduce-wrap">
                    <div class="container">
                        <div class="encapsulation-introduce">
                            <div class="row">
                                <div class="col-sm-3 col-xs-6">
                                    <div class="ms-thumbnail">
                                        <div class="img-wrap"><img src="/static/index/image/e-1.png"
                                                                   class="img-responsive"></div>
                                        <div class="ms-caption">
                                            <div class="tit">所有功能免费试用</div>
                                            <p>所有功能插件都全部开放<br>支持免费试用</p></div>
                                    </div>
                                </div>
                                <div class="col-sm-3 col-xs-6">
                                    <div class="ms-thumbnail">
                                        <div class="img-wrap"><img src="/static/index/image/e-2.png"
                                                                   class="img-responsive"></div>
                                        <div class="ms-caption">
                                            <div class="tit">在线自助操作</div>
                                            <p>全部在线操作打包，根据业务要求<br>自由配置功能插件</p></div>
                                    </div>
                                </div>
                                <div class="col-sm-3 col-xs-6">
                                    <div class="ms-thumbnail">
                                        <div class="img-wrap"><img src="/static/index/image/e-3.png"
                                                                   class="img-responsive"></div>
                                        <div class="ms-caption">
                                            <div class="tit">安全稳定，适配性高</div>
                                            <p>原生代码编写，100%权限可控<br>支持各类机型和系统等</p></div>
                                    </div>
                                </div>
                                <div class="col-sm-3 col-xs-6">
                                    <div class="ms-thumbnail">
                                        <div class="img-wrap"><img src="/static/index/image/e-4.png"
                                                                   class="img-responsive"></div>
                                        <div class="ms-caption">
                                            <div class="tit">技术人员1对1服务</div>
                                            <p>技术人员服务在线<br>及时回复和解决用户疑问</p></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="function-of">
                        <div class="tit">简单易用的功能插件</div>
                        <p>自助式操作，功能插件任意组装配置，适用于各种类型的场景</p>
                        <div class="f-img"><img src="/static/index/image/e-12.png" class="img-responsive"></div>
                    </div>
                </div>
                <div class="encapsulation-complete-wrap">
                    <div class="container">
                        <div class="encapsulation-complete-6" style="color: rgb(255, 255, 255);">
                            <div class="h1">6步完成打包封装APP</div>
                            <img src="/static/index/image/e-7.png" class="hidden-xs"> <img
                                    src="/static/index/image/e-7-1.png" class="visible-xs"></div>
                    </div>
                </div>
                <div class="app-case-wrap">
                    <div class="container">
                        <div class="app-case">
                            <div class="tit">助力各种行业 成功封装APP案例</div>
                            <div class="list">
                                <div class="row clearfix">
                                    <div class="col-sm-3">
                                        <div class="con"><img src="/static/index/image/01.jpg" class="img-responsive">
                                            <div class="hover">
                                                <div><span class="icon icon-dianshang"></span><br>
                                                    <div class="text">电商类</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="con"><img src="/static/index/image/02.jpg" class="img-responsive">
                                            <div class="hover">
                                                <div><span class="icon icon-zixun"></span><br>
                                                    <div class="text">资讯类</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="con"><img src="/static/index/image/03.jpg" class="img-responsive">
                                            <div class="hover">
                                                <div><span class="icon icon-shipin"></span><br>
                                                    <div class="text">视频类</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="con"><img src="/static/index/image/04.jpg" class="img-responsive">
                                            <div class="hover">
                                                <div><span class="icon icon-keji"></span><br>
                                                    <div class="text">科技类</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="con"><img src="/static/index/image/05.jpg" class="img-responsive">
                                            <div class="hover">
                                                <div><span class="icon icon-youxi"></span><br>
                                                    <div class="text">游戏类</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="con"><img src="/static/index/image/06.jpg" class="img-responsive">
                                            <div class="hover">
                                                <div><span class="icon icon-jiaoyu"></span><br>
                                                    <div class="text">教育类</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="con"><img src="/static/index/image/07.jpg" class="img-responsive">
                                            <div class="hover">
                                                <div><span class="icon icon-shejiao"></span><br>
                                                    <div class="text">社交类</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="con"><img src="/static/index/image/08.jpg" class="img-responsive">
                                            <div class="hover">
                                                <div><span class="icon icon-meishi"></span><br>
                                                    <div class="text">美食类</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="help">
                        <div class="tit">常见问题</div>
                        <dl>
                            <dt class="clearfix"><span class="left">Q ：</span> <span class="right">封装APP是什么？</span></dt>
                            <dd class="clearfix"><span class="left">A ：</span> <span class="right">封装APP是将手机网站打包转化成手机APP，支持安卓和苹果系统，除了网站本身的功能内容之外，我们还将提供多样的插件，丰富APP的功能。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clearfix"><span class="left">Q ：</span> <span
                                        class="right">封装好的APP，可以直接安装吗？</span></dt>
                            <dd class="clearfix"><span class="left">A ：</span> <span class="right">封装好的安卓APP，可以直接在手机上安装；封装的iOS APP，必须要做企业签名，或者上架商店，才可以进行安装。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clearfix"><span class="left">Q ：</span> <span class="right">封装好的APP，可以在安卓市场或者App Store市场搜索到吗？</span>
                            </dt>
                            <dd class="clearfix"><span class="left">A ：</span> <span class="right">不能，封装好的APP；如果需要上架苹果商店，需要申请99美金的个人开发者账号或者公司开发者账号账号，进行提交；如果需要上架安卓市场，安卓应用较多，须根据各家安卓市场的要求进行提交。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clearfix"><span class="left">Q ：</span> <span class="right">封装APP需要提供什么内容？</span>
                            </dt>
                            <dd class="clearfix"><span class="left">A ：</span> <span class="right"> 只需要提供APP名称、网站域名（链接URL）、APP图标（尺寸200*200，PNG格式）、APP启动页（尺寸1080*1920，PNG格式）即可，其他功能，例如第三方分享、导航、推送功能等，可根据需要，自由搭配</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clearfix"><span class="left">Q ：</span> <span class="right">封装APP，需要多长时间？</span>
                            </dt>
                            <dd class="clearfix"><span class="left">A ：</span> <span class="right">一般需要2分钟即可。</span>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
        <template id="encapsulation"></template>
        <script>
            var encapsulation = {
                template: "#encapsulation",
                data: function () {
                    return {
                        msg1: [{"text": ["视频全屏", "无广告", "在线更新"]}, {"text": ["微信分享", "支付宝微信支付"]}],
                        msg2: [
                            {"text": "在线更新", "hot": true},
                            {"text": "视频全屏", "hot": true},
                            {"text": "无广告", "hot": false},
                            {"text": "微信分享", "hot": true},
                            {"text": "记住账号密码", "hot": true},
                            {"text": "制作图标", "hot": false},
                            {"text": "清除缓存", "hot": false},
                            {"text": "消息推送", "hot": true},
                            {"text": "浏览器内核", "hot": false},
                            {"text": "返回/刷新", "hot": false},
                            {"text": "导航", "hot": false},
                            {"text": "侧边栏", "hot": false},
                            {"text": "友盟统计", "hot": false},
                            {"text": "浏览器UA", "hot": false},
                            {"text": "扫一扫", "hot": true},
                            {"text": "更多", "hot": false},
                        ]
                    }
                },
                methods: {},
                mounted: function () {

                }
            };
            vm = new Vue({
                el: "#app",
                components: {
                    encapsulation: encapsulation,
                }
            })
        </script>
        <?php 
		include 'footer.php';
		?>        </body>
        </html>
        <?php 
	}
}