blocknews
/
information.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <title>区块头条</title>


    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
    <!-- 二维码 -->
    <script src="js/jquery.qrcode.min.js" type="text/javascript"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <!--自定义字体-->
    <link rel="stylesheet" href="css/font.css">

    <!--日历-->
    <link rel="stylesheet" type="text/css" href="css/simple-calendar.css">
    <script src="js/simple-calendar.js"></script>

    <link rel="stylesheet/less" type="text/css" href="css/base.less" />
    <link rel="stylesheet" type="text/css" href="css/leftNewsModel.css">
    <link rel="stylesheet" type="text/css" href="css/rightNewsModel.css">
    <link rel="stylesheet" type="text/css" href="css/information.css">

    <script src="js/less.js"></script>
    <script src="js/qs.js"></script>
    <script src="js/base.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/jquery.md5.js"></script>
    <script src="js/html-params.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/axios.min.js"></script>

    <script src="js/component.js"></script>
    <script src="js/page/leftNewsModal.js"></script>
    <script src="js/page/information.js"></script>
</head>
<body>
<div id="header" v-cloak="">
    <header-content :is-two="true"></header-content>
</div>

<div id="main">
    <div class="body">
        <div class="content">
            <div id="block-information" class="left" >
                <!--资讯标签导航条-->
                <div id="information-nav">
                    <nav class="navbar" id="nav-line">
                        <ul class="nav navbar-nav navbar-left" id="information-list">
                            <li class="news-nav nav-active " type="1" @click="changeNews('1',$event)"><a href="#" class="font-hover-blue">24H快讯<span class="sr-only">(current)</span></a></li>
                            <li class="news-nav" type="4"  @click="changeNews('4',$event)"><a href="#" class="font-hover-blue">精选资讯</a></li>
                            <li class="news-nav" type="2"  @click="changeNews('2',$event)"><a href="#" class="font-hover-blue">微博</a></li>
                            <li class="news-nav" type="3"  @click="changeNews('3',$event)"><a href="#" class="font-hover-blue">Twitter</a></li>
                            <li class="news-nav" type="5"  @click="changeNews('5',$event)"><a href="#" class="font-hover-blue">技术分析</a></li>
                        </ul>
                    </nav>
                    <!--<nav class="navbar" id="nav-line">-->
                        <!--<div class="padding-0">-->
                            <!--<div class="navbar-header">-->
                                <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#information-list" aria-expanded="false">-->
                                    <!--<span class="sr-only">Toggle navigation</span>-->
                                    <!--<span class="icon-bar"></span>-->
                                    <!--<span class="icon-bar"></span>-->
                                    <!--<span class="icon-bar"></span>-->
                                <!--</button>-->
                            <!--</div>-->
                            <!--<div class="collapse navbar-collapse" id="information-list">-->
                                <!--<ul class="nav navbar-nav navbar-left">-->
                                    <!--<li class="news-nav nav-active " type="1" @click="changeNews('1',$event)"><a href="#" class="font-hover-blue">24H快讯<span class="sr-only">(current)</span></a></li>-->
                                    <!--<li class="news-nav" type="4"  @click="changeNews('4',$event)"><a href="#" class="font-hover-blue">精选资讯</a></li>-->
                                    <!--<li class="news-nav" type="2"  @click="changeNews('2',$event)"><a href="#" class="font-hover-blue">微博</a></li>-->
                                    <!--<li class="news-nav" type="3"  @click="changeNews('3',$event)"><a href="#" class="font-hover-blue">Twitter</a></li>-->
                                    <!--<li class="news-nav" type="5"  @click="changeNews('5',$event)"><a href="#" class="font-hover-blue">技术分析</a></li>-->
                                <!--</ul>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</nav>-->
                    <div class="filtrate-list">
                        <span class="filtrate-title">筛选：</span>
                        <div class="filtrate-btn btn-active btn-hover-blue"  value="ALL" @click="toSearch">全部</div>
                        <template v-for="item in blockList">
                            <div class="filtrate-btn btn-hover-blue" :value="item.name" @click="toSearch">{{ item.name }}</div>
                        </template>
                        <div class="filtrate-search">
                            <input type="text" class="filtrate-input" v-model="searchContent" placeholder="其他货币" @keyup.enter="toSearch">
                            <img src="image/sousuo.png" class="filtrate-search-btn" style="" @click="toSearch" >
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>


                <div class="information-box">
                    <!--24H快讯-->
                    <div  id="quick-information" class="news-box" v-cloak="">
                        <quick-content v-for="(val,ke,index) in quickBlock" :key="index" :ke="ke" :val="val" :index="index" :quick-block="quickBlock"></quick-content>

                        <!--<div class="noData hidden">暂无信息</div>-->
                        <!--<div class="loadData">数据加载中...</div>-->
                    </div>

                    <!--精选资讯-->
                    <div  id="sift-information" class="news-box hidden">
                        <sift-content v-for="(item,index) in siftBlock" :key="index" :item="item" :index="index" :sift-block="siftBlock"></sift-content>

                        <!--<div class="noData hidden">暂无信息</div>-->
                        <!--<div class="loadData">数据加载中...</div>-->
                    </div>

                    <!--twitter-->
                    <div  id="twitter-information" class="news-box hidden">
                        <twitter-content v-for="(item,index) in twitterBlock" :key="index" :item="item" :index="index" :twitter-block="twitterBlock"></twitter-content>

                        <!--<div class="noData hidden">暂无信息</div>-->
                        <!--<div class="loadData">数据加载中...</div>-->
                    </div>

                    <!-- 微博 -->
                    <div  id="blog-information" class="news-box hidden" v-cloak="">
                        <blog-content v-for="(item,index) in blogBlock" :key="index" :item="item" :index="index" :blog-block="blogBlock" :large-img="largeImg"></blog-content>

                        <!--<div class="noData hidden">暂无信息</div>-->
                        <!--<div class="loadData">数据加载中...</div>-->
                    </div>

                    <!--技术分析-->
                    <div  id="skill-information" class="news-box hidden">
                        <skill-content v-for="(item,index) in skillBlock" :key="index" :item="item" :index="index" :skill-block="skillBlock" ></skill-content>

                        <!--<div class="noData hidden">暂无信息</div>-->
                        <!--<div class="loadData">数据加载中...</div>-->
                    </div>

                    <div class="noData hidden">暂无信息</div>
                    <div class="loadData">数据加载中...</div>
                </div>


            </div>

            <!--右边资讯栏目-->
            <div id="news-information" class="right hidden-xs" v-cloak="">

                <!--交易所公告-->
                <notice-content ></notice-content>

                <!--24H涨跌幅-->
                <up-down-content ></up-down-content>

                <!--热门文章-->
                <hot-content ></hot-content>

            </div>

            <div class="clearfix"></div>


        </div>
    </div>


</div>

<div class="clearfix"></div>

<div id="footer">
    <footer-content></footer-content>
</div>


<!--查看大图-->
<div class="modal fade" id="largeImgModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div type="button" class="pointer close-btn" data-dismiss="modal"><img src="image/largeClose.png" @mouseEnter="btnIn(2)" @mouseLeave="btnOut(2)"> </div>
                <div class="left-btn " @click="prevImg" @mouseEnter="btnIn(1)" @mouseLeave="btnOut(1)"><img src="image/largeLeft.png"></div>
                <div class="right-btn " @click="nextImg" @mouseEnter="btnIn(0)" @mouseLeave="btnOut(0)"><img src="image/largeRight.png"></div>
                <img :src="imgUrl" class="curr-img" :index="index">
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>

<div id="warnMsg" ><span>已复制分享链接到剪贴板</span></div>

</body>
</html>