index.html 4.89 KB
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
    <title>【有货UFO】暑期热卖大放价,UFO送你350元优惠券!</title>
    <link rel="stylesheet" href="css/main.css">
    <script>
      window.shareC = {
        eventName: 'cfs4',
        shareUrl: document.location.href.split('?')[0]
      };
      (function (win) {
        var doc = win.document;
        var docEl = doc.documentElement;
        var tid;

        function refreshRem() {
          var width = docEl.getBoundingClientRect().width;
          if (width > 750) {
            docEl.style.fontSize = '40px';
          } else {
            var rem = 40 * width / 750;
            docEl.style.fontSize = rem + 'px';
          }
        }

        win.addEventListener('resize', function () {
          clearTimeout(tid);


          tid = setTimeout(refreshRem, 300);
        }, false);
        win.addEventListener('pageshow', function (e) {
          if (e.persisted) {
            clearTimeout(tid);
            tid = setTimeout(refreshRem, 300);
          }
        }, false);

        refreshRem();

      })(window);
    </script>
    <script>
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?d219c673993469aaaf220606d8826957";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>
    <script type="text/javascript" charset="utf-8" src="//res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script type="text/javascript" charset="utf-8" src="//cdn.yoho.cn/yoho-activity-sdk/1.1.3/sdk.js"></script>
    <script type="text/javascript" src="js/vue.min.js"></script>
    <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript" src="js/product.js"></script>
    <script type="text/javascript" src="js/main.min.js?code=101"></script>
</head>
<body>
<div class="wrapper">
    <div class="container">
        <!--<a href="javascript:void(0)" @click="refresh">刷新</a>-->
        <div class="main" id="mainContainer">
            <ul class="bg">
                <li v-for="">
                    <img src="images/title.jpg">
                </li>
                <li>
                    <img src="images/coupons.jpg">
                </li>
                <li>
                    <div class="button-container">
                        <div class="hand"></div>
                        <a class="coupon-button auth" @click="goLogin" v-if="!uid || uid === '0'"></a>
                        <a class="coupon-button" href="javascript:void(0)" @click="checkShared" v-else></a>
                        <p class="coupon-desc">点击领券按钮并分享后即可领取所有优惠券</p>
                    </div>
                    <img src="images/rules.jpg">
                </li>
                <li>
                    <div>
                        <img src="images/product_title.jpg">
                    </div>
                </li>
                <li class="repeat-bg">
                    <!--ufo商品推荐-->
                    <ul class="products-list">
                        <li v-for="item in productData">
                            <a class="left-item" :data-url=`https://2.yohobuy.com/html/h5Share/goodsDetail.html?id=${item.data[0]}&openby:yohobuy={"action":"go.ufo","params":{"pagename":"productDetail","from_page_name":"${fromPage}","productId":"${item.data[0]}"}}` href="javascript:void(0)"></a>
                            <a class="right-item" :data-url=`https://2.yohobuy.com/html/h5Share/goodsDetail.html?id=${item.data[1]}&openby:yohobuy={"action":"go.ufo","params":{"pagename":"productDetail","from_page_name":"${fromPage}","productId":"${item.data[1]}"}}` href="javascript:void(0)"></a>
                            <img :src="item.bg">
                        </li>
                    </ul>

                </li>
                <li>
                    <img src="images/bottom.jpg">
                </li>
            </ul>
            <!--提示信息-->
            <div  v-if="isShowTips" class="tips-wrapper">
                <div class="tips-container">
                    <div class="tips">
                        <p id="txt_tips">{{tipsMessage}}</p>
                        <a id="btn_tips_submit" @click="closeTips">确 定</a>
                    </div>
                </div>
            </div>
            <div v-if="isShowShare" class="share-wrapper" @click="hideShare">

            </div>
        </div>

    </div>
</div>
<script type="text/javascript" src="js/wxshare.js?a=10001"></script>
</body>

</html>