index.html 5.8 KB
<!DOCTYPE html>
<html lang="zh-Hans-CN">

<head>
    <meta charset="gbk">
    <meta name="robots" content="all">
    <meta name="author" content="Tencent-TGideas">
    <meta name="Copyright" content="Tencent">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>专题页名称-xxx手游官方网站-123123qweqeq12312312</title>
    <!-- 设计:CP | 制作:CP | 创建时间:2018-06-15 | 团队博客: -->
    <script type="text/javascript">
        //Rem
        (function (win, doc) {
            if (!win.addEventListener) return;
            var html = document.documentElement;
            function setFont() {
                var html = document.documentElement;
                var k = 750;
                html.style.fontSize = html.clientWidth / k * 100 + "px";
            }
            setFont();
            setTimeout(function () {
                setFont();
            }, 300);
            doc.addEventListener('DOMContentLoaded', setFont, false);
            win.addEventListener('resize', setFont, false);
            win.addEventListener('load', setFont, false);
        })(window, document);
    </script>
    <link rel="stylesheet" href="ossweb-img/reset.css">
    <link rel="stylesheet" href="ossweb-img/swiper-4.7.min.css">
    <link rel="stylesheet" href="ossweb-img/main.css">
    <script>
        //适配异性屏
        function isAlien() {
            var size = [{
                w: 816,
                h: 393
            }, // MI8 SE /  // VIVO Y85A
            {
                w: 760,
                h: 360
            }, // VIVO X21A / COL-AL10
            {
                w: 2280,
                h: 1080
            }, // NOVA 3E / HUAWEI 9i
            {
                w: 2283,
                h: 1081
            }, // Red MI Pro 6
            {
                w: 2244,
                h: 1081
            }, // MI8 SE
            {
                w: 2250,
                h: 1081
            }, // MI8
            {
                w: 2283,
                h: 1081
            }, // Red MI Pro 6
            {
                w: 1520,
                h: 720
            }, // VIVO Y85A / VIVO X21A
            {
                w: 830,
                h: 393
            }, // Red MI 6
            {
                w: 748,
                h: 360
            }, // HUAWEI EML-AL00
            {
                w: 818,
                h: 393
            }, //MI8探索版
            {
                w: 1496,
                h: 720
            }, // HUAWEI EML-AL00
            {
                w: 1494,
                h: 720
            }, // CLT-AL01
            {
                w: 896,
                h: 414
            },//ip xr
            {
                w: 780,
                h: 360
            },//OPPO Reno
            {
                w: 812,
                h: 375
            }//ip x
            ];
            var isAlien = false;
            size.map(function (item) {
                if ((screen.width == item.w && screen.height == item.h) || (screen.width == item.h && screen
                    .height == item.w)) {
                    isAlien = true;
                }
            });
            return isAlien;
        }
        if (isAlien()) {
            document.write('<link rel="stylesheet" href="ossweb-img/iphoneX.css">')
        }
    </script>
</head>

<body>
    <div class="dddd">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-21312 ">
                <div class="swiper-slide slide1">
123121231231
                </div>
                <div class="swiper-slide slide2">

                </div>
                <div class="swiper-slide slide3">

                </div>
                <div class="swiper-slide slide4">

                </div>
                <div class="swiper-slide slide5">

                </div>
            </div>
        </div>
    </div>
</body>
<script src="//ossweb-img.qq.com/images/js/zepto/zepto.min.js"></script>
<script src="ossweb-img/swiper-4.7.min.js"></script>
<script id="customerLandscape" src="ossweb-img/landscape.js" charset="utf-8" isVertical="1"></script>
<script src="//ossweb-img.qq.com/images/js/PTT/ping_tcss_tgideas_https_min.js"></script>
<script src="//ossweb-img.qq.com/images/js/TGMobileShare/TGMobileShare.min.js"></script>
<script>
    $(function () {
        new Swiper('.swiper-container', {
            direction: 'vertical',
        });
    })
</script>
<script>
    TGMobileShare({
        shareTitle: 'demo', //不设置或设置为空时,页面有title,则调取title
        shareDesc: 'demo~', //不设置或设置为空时,页面有Description,则调取Description
        shareImgUrl: 'ossweb-img/share.png', //分享图片尺寸200*200,且填写绝对路径
        //        shareLink: '', //分享链接要跟当前页面同域名(手Q分享有这个要求) ,不设置或设置为空时,默认调取当前URL
        actName: 'a20160701xxx' //点击流命名,用于统计分享量,专题一般采用目录名称如a20151029demo
    });
</script>
<script>
    //此段代码不能放到外链JS中,不要擅自增加或者删改对象属性
    var setSite = { //设置网站属性
        siteType: "a20160701xxx", //必填项:官网填写"os",活动专题填写活动目录名称如:"a20160701xxx",
        pageType: "index", //必填项:本页面的定位;按照页面含义填写例如main||list||detail||download||share||page1||pageN
        pageName: "首页", //必填项:页面中文名
        osact: 1, //选填项:是否是官网专题(在官网运营的专题)boolean;默认是0;可以在链接上加入参数osact=1来灵活设置
        ingame: 0, //选填项:是否投放在游戏APP内boolean;默认是0;可以在链接上加入参数ingame=1来灵活设置
        stayTime: 0 //选填项:是否需要统计停留时长boolean;默认是0
    }
    if (typeof (pgvMain) == 'function')
        pgvMain(); //千万不能忘记!
</script>

</html>