guojy
/
qzw_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <style>
        .find-dtl-time {
            color: #999;
        }
        .find-dtl-content {
            padding-bottom: 0;
        }
        body {
            padding-bottom: 1.2rem;
            height: auto;
        }
        .weui-media-box__info__meta_extra {
            color: #337ab7;
        }
        .weui-article {
            padding: 0.2rem 0.29rem;
            background-color: #eeeeee;
        }
        .weui-article p {
            margin: 0;
        }
        .weui-article h3 {
            padding: 0.13rem 0;
            font-weight: 500;
        }
        .close_ad {
            position: absolute;
            right: 0.33rem;
            margin-top: -0.62rem;
        }
        .weui-article p.ad_name {
            position: absolute;
            color: #fff;
            margin-top: -0.66rem;
            left: 0.42rem;
            font-size: 0.3rem;
        }
        .close_ad, .weui-article .iconfont {
            color: #337ab7;
            font-size: 0.2rem;
        }
        .weui-panel:after {
            border-bottom: 0;
        }
        .weui-panel:after, .weui-panel:before {
            display: none;
        }
    </style>
    <script>
    (function(w, d, m) {
        function r() {
            var t = 100,
                o = 750,
                e = d.documentElement.clientWidth || w.innerWidth,
                n = m.max(m.min(e, 480), 320),
                h = 50;
            320 >= n && (h = m.floor(n / o * t * .99)),
                n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
                n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
                n > 375 && (h = m.floor(n / o * t * .97)),
                d.querySelector("html").style.fontSize = h + "px"
        };
        r();
        w.onresize = function() {
            r()
        }
    })(window, document, Math);
    </script>
</head>

<body>
    <div class="topbar"></div>
    <section>
        <header class="back-header  back-header-bottom">
            <ul>
                <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
                <li class="back-header-title"></li>
                <li class="more-btn"></li>
            </ul>
        </header>
        <div class="h10"></div>
        <div class="h10"></div>
        <div class="find-dtl-title font-rem11"></div>
        <div class="find-dtl-time"></div>
        <div class="h10"></div>
        <div class="find-dtl-content"></div>
    </section>
    <section>
        <div class="weui-panel mask-hidden">
            <!-- <div class="weui-panel__hd">文字列表附来源</div> -->
            <div class="weui-panel__bd">
                <!-- <div class="weui-media-box weui-media-box_text">
                    <h4 class="weui-media-box__title">标题一</h4>
                    <div class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</div>
                    <ul class="weui-media-box__info">
                        <li class="weui-media-box__info__meta">文字来源</li>
                        <li class="weui-media-box__info__meta">时间</li>
                        <li class="weui-media-box__info__meta weui-media-box__info__meta_extra">其它信息</li>
                    </ul>
                </div> -->
                <!-- <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg" style="padding: 0;">
                    <div class="weui-media-box__hd img"></div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title">标题二</h4>
                        <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                    </div>
                    <ul class="weui-media-box__info">
                        <li class="weui-media-box__info__meta weui-media-box__info__meta_extra">看一看</li>
                    </ul>
                </a> -->
                <article class="weui-article">
                    <h3>烘鞋器冬天脚冷取暖暖脚家用</h3>
                    <div class="close_ad"><span class="iconfont">&#xeb6a;</span>关闭</div>
                    <p>
                        <img src="https://www.qzaiwang.com/ueditor/php/upload/image/20190731/1564543459809328.jpg" />
                    </p>
                    <p class="ad_name">广 告</p>
                </article>
            </div>
        </div>
    </section>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript" src="../../script/jquery.tap.js"></script>
<script type="text/javascript">
var _keyid = '';
apiready = function() {
    _keyid = api.pageParam.keyid;
    getRouteData(_keyid);
    setFixStatusBar();
};

function getRouteData(_keyid) {
    toast_loding_show();
    $.ajax({
        url: siteurl + 'v1/entry/news_desc',
        data: {
            article_id: _keyid
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            toast_loding_hide();
            if (datas.result) {
                if (datas.data) {
                    $(".back-header-title").html(datas.data.ac_name);
                    $(".find-dtl-title").html(datas.data.article_title);
                    $(".find-dtl-time").html(datas.data.article_time);
                    $(".find-dtl-content").html(datas.data.article_content);
                    if (datas.data.ad_type == 1) {
                        // 商品
                        $(".weui-panel").removeClass("mask-hidden");
                        $(".weui-panel").attr("g_keyid", datas.data.goods_id);
                        $(".weui-panel").attr("ad_type", datas.data.ad_type);
                        $(".weui-panel").attr("g_storeid", datas.data.goods.store_id);
                        $(".weui-panel .weui-article h3").html(datas.data.ad_title);
                        if (datas.data.ad_image){
                            $(".weui-panel .weui-article img").attr("src", siteurl + datas.data.ad_image);
                        }
                    }
                    if (datas.data.ad_type == 2) {
                        // 酒店
                        $(".weui-panel").removeClass("mask-hidden");
                        $(".weui-panel").attr("ad_type", datas.data.ad_type);
                        $(".weui-panel").attr("g_storeid", datas.data.store_id);
                        $(".weui-panel .weui-article h3").html(datas.data.ad_title);
                        if (datas.data.ad_image){
                            $(".weui-panel .weui-article img").attr("src", siteurl + datas.data.ad_image);
                        }
                    }
                    // if (datas.data.goods_id > 0) {
                    //     $(".weui-panel").removeClass("mask-hidden");
                    //     $(".weui-panel").attr("g_keyid", datas.data.goods_id);
                    //     $(".weui-panel").attr("g_storeid", datas.data.goods.store_id);
                    //     $(".weui-panel .weui-panel__bd .img").html('<img class="weui-media-box__thumb" src="'+siteurl + "uploads/home/store/goods/" + datas.data.goods.goods_image.substr(0, datas.data.goods.goods_image.indexOf("\_")) + "/" + datas.data.goods.goods_image+'" alt="'+datas.data.goods.goods_name+'">');
                    //     $(".weui-panel .weui-panel__bd .weui-media-box__title").html(datas.data.goods.goods_name);
                    //     $(".weui-panel .weui-panel__bd .weui-media-box__desc").html('￥'+datas.data.goods.goods_price);
                    // }
                }else{
                    $(".back-header-title").html(datas.msg);
                }
            }else{
                errcode(datas, datas.code)
            }
            return false;
        }
    });
}

$("section").on("tap", ".close_ad", function() {
    $(".weui-panel").addClass("mask-hidden");
    return false;
});

$("section").on("tap", ".weui-panel", function() {
    var _goods_commonid = $(".weui-panel").attr("g_keyid");
    var _storeid = $(".weui-panel").attr("g_storeid");
    var _ad_type = $(".weui-panel").attr("ad_type");
    if (_ad_type == 1) {
        //
        api.openWin({
            name: 'showgoods',
            url: '../home/showgoods.html',
            bounces: false,
            pageParam: {
                keyid: _goods_commonid,
                storeid: _storeid,
            }
        });
    }
    if (_ad_type == 2) {
        api.openWin({
            name: 'hoteldtl',
            url: '../home/hoteldtl.html',
            bounces: false,
            pageParam: {
                keyid: _storeid
            }
        });
    }
    return false;
})

</script>

</html>