控制APP端，各种浏览器兼容问题，自适应尺寸

最新推荐文章于 2023-03-03 00:40:10 发布

Everything1209

最新推荐文章于 2023-03-03 00:40:10 发布

阅读量911

点赞数

分类专栏： Jquery/javascript

本文链接：https://blog.csdn.net/everything1209/article/details/38852601

版权

Jquery/javascript 专栏收录该内容

38 篇文章 1 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi">
<script type="text/javascript" src="<{$resource_js_dir}>jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="<{$resource_js_dir}>application.function.js"></script>
<style type="text/css">
    *{margin:0;padding:0;}
    ul,ol,dl,dt,dd,p{margin:0 auto;padding:0px;}
    body{font-family:'Microsoft Yahei','黑体-简','XinGothic-SinaWeibo','Simsun';padding:0;margin:0 auto;font-size:28px;}
    img{border:none;}
    a{ text-decoration:none;}
    li{ list-style:none;}
    .contnet{width:640px; height:auto; margin:0 auto;padding:0;color:#787878; padding-bottom:50px;position:relative;}
    .spcont{ padding:35px 32px; padding-bottom:0px;}
    .spcont p{ text-indent:50px; font-size:28px; line-height:40px;padding-top:15px; color:#333;}
    .spnav{ font-size:36px; font-weight:bold;color:#eb4a4a;}
    .spced{ font-size:30px;font-weight:600; color:#333; padding-top:25px;}
    .spbtn01,.spbtn02{ padding:20px 0px;}
    .spbtn01{width:553px; height:91px; display:block; background:url(<{$resource_dir}>spbtn01_0825.jpg) no-repeat; margin:0 auto;}
    .spbtn02{width:553px; height:91px; display:block; background:url(<{$resource_dir}>spbtn02_0825.jpg) no-repeat; margin:0 auto;}
    .tn{width:553px; height:130px; position:fixed; bottom:0px;left:7%;}
</style>
</head>

<body style="background-color:#f0f0f0;">
<div id="app77_contnet" class="contnet" style="display:none;">
    <p><img src="<{$resource_dir}>gban_0825.jpg" /></p>
    <div class="spcont">
        <div class="spnav">七七储值券的作用</div>
        <div class="spced">1.  吸引客流，预先购买</div>
        <p style="color:#555;height:355px;">七七随身餐厅拥有1000万会员，能够帮助您的餐厅吸引更多顾客，提高销售额。据某权威网站报道，武汉一家餐厅开通储值券业务后，平均每天增加13单左右销售额。七七合作商家如果使用储值券，能够带来每天至少10单的提升，每单价格在300元左右的话，一个月将新增加近9万元的营业额。并且，用户预先购买储值券，可为您带来充裕的资金储备，解决手头资金紧张的问题。</p>
        <div class="spced">2.  锁定忠实顾客</div>
        <p style="color:#555;height:240px;">研究表明，一个长期的忠实顾客一年能为一个餐厅带来的营业额大约为6000元以上。而七七储值券的主要目的就是为了帮助商家锁定忠实顾客，储值券的促销优惠功能会刺激顾客到店多次消费，精确抓住顾客的消费需求，能够帮助餐厅提升200%的潜在营业额。</p>
        <div class="spced">3.  精准会员营销</div>
        <p style="color:#555;height:275px;">商家免费得到七七会员账户、姓名、性别、年龄、生日、注册时间、累计消费次数等详细信息，清晰餐厅的消费人群和自身定位，做出经营方向调整。可根据相关数据进行精准人群的促销活动，帮您提高效率3倍以上，带来收益提升300%，并能主动向顾客推送餐厅的最新促销信息，拉动到店消费。</p>
        <div class="spnav" style="padding-top:40px;">加入方式</div>
        <p style="text-indent:0px;padding-top:30px;">方式一：</p>
        <div class="spbtn01"></div>
        <ul style="height:80px;">
            <li style="padding-top:0px;">*大客户经理到店与商户确认是否开通功能 </li>
            <li>*确认开通后，七七后台人工免费开通</li>
        </ul>
        <p style="text-indent:0px;padding-top:50px;">方式二：</p>
        <div class="spbtn02"></div>
        <ul style="height:80px;">
            <li style="padding-top:0px;">*拨打客服电话申请开通</li>
            <li>*大客户经理上门洽谈合作细则</li>
        </ul>
    </div>
</div>
<div id="app77_loading" style="display:none;">Loading...</div>
<script type="text/javascript">
var APP77 = {
    width: 0,
    curwidth:640,
    curshow:0,
    settime:null,
    idload:'app77_loading',
    idcontent:'app77_contnet',
    init: function(_idc, _idl){
        if(_idc != undefined && typeof(_idc)=='string' && _idc.length > 0) this.idcontent = _idc;
        if(_idl != undefined && typeof(_idl)=='string' && _idl.length > 0) this.idload = _idl;
        this.init_window();
        APP77.settime = setTimeout(function(){if(!APP77.curshow){$('#'+APP77.idload).show();}}, 3000);
        this.show();
        $(window).bind('resize load', APP77.show);
    },
    init_window: function(){
        this.width = $(window).width();
        this.curwidth = $('#'+APP77.idcontent).width();
    },
    show: function(){
        var _css = {'zoom':1};
        _css.zoom = APP77.width/APP77.curwidth;
        $(document.body).css(_css);
        $('#'+APP77.idcontent).fadeIn('slow');
        $('#'+APP77.idload).hide();
        APP77.curshow = 1;
        if(APP77.settime) clearTimeout(APP77.settime);
    },
    get_dev: {
        is_android: function(){return navigator.userAgent.match(/Android/i) ? true : false;},
        is_ios: function(){return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;},
        is_other: function(){return (!APP77.get_dev.is_android() && !APP77.get_dev.is_ios());}
    },
    get_ref: function(){
        if(typeof(document.referrer) == 'string') return document.referrer;
        return '';
    },
    is_to_ios: function(){
        if(APP77.get_ref().indexOf('T=IPHONE') > 0){
            return true;
        }else{
            return false;
        }
    }
};

/**
 * @name: getu
 * @description: 请求统计
 * @param: string 当前令牌
 * @return: void
**/
function send_count(u){
    if(u == undefined || typeof(u)!='string' || u.length < 1) return false;
    $.ajax({
        url:'<{$url}>&_t='+(new Date()).getTime(),
        type:'POST',
        data:{'U':u,'op':'count'},
        dataType:'json',
        success:function(_rdata){}
    });
}

$(document).ready(function(){
    APP77.init();
    var t = '<{$t}>';
    if(t == '2'){   //iphone
        if(APP77.is_to_ios()) window.location.href = 'qiqinet://getdata?{"parem":"u","method":"send_count"}';
    }else{  //android
        if(typeof(clickDispose) != 'undefined') send_count(clickDispose.getdata('u'));
    }
});
</script>
</body>
</html>

控制APP端，各种浏览器兼容问题，自适应尺寸

Everything1209

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
控制APP端，各种浏览器兼容问题，自适应尺寸

jquery-1.8.2.min.js">application.function.js"> *{margin:0;padding:0;} ul,ol,dl,dt,dd,p{margin:0 auto;padding:0px;} body{font-family:'Microsoft Yahei','黑体-简','XinGothic-SinaWeibo','S
复制链接

扫一扫