blocknews
/
quickText.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/less" type="text/css" href="css/base.less" />

    <link rel="stylesheet" type="text/css" href="css/rightNewsModel.css">
    <link rel="stylesheet" type="text/css" href="css/newsText.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 type="text/javascript" src="js/echart/echarts.min.js"></script>
    <!--加载Axios-->
    <script src="js/axios.min.js"></script>

    <script src="js/component.js"></script>
    <script src="js/page/quickText.js"></script>

</head>
<body>
<div id="header" v-cloak="">
    <header-content></header-content>
</div>
<

<div id="main">

    <div class="body">
        <div class="content">
            <div id="block-information" class="left"  v-cloak="">
                <div class="quick-time">{{ time }}</div>
                <div class="quick-header-teshu">
                    <!--<span class="news-img"><img :src="userImg"  :value="id" @click="goPersonalMain"></span>-->

                    <span class="title"  :value="userId" @click="goPersonalMain">{{ title }}</span>

                </div>

                <div class="news" v-html="content"></div>
                <div class="content-img">
                    <div class="content-img-item" v-for="(url,imgIndex) in urls" @click="toLargeImg(index,imgIndex,$event)">
                        <img :src="url">
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="source">来源：{{ source }}</div>
                <!--<div class="blog-logo"><img class="header-img" src="image/sina.png">微博www.weibo.com</div>-->

                <!--底部币种显示-->
                <div class="block-box">
                    <div class="block-item pointer" v-for="(item,index) in blocks" :symbol="item.symbol" :value="item.id" @click="goCurrencyProfile">
                        <div class="info">
                            <img :src="item.imgUrl" width="30px" height="30px;">
                            <span class="name">{{item.symbol}}</span>
                            <span class="price">{{item.Cny}}</span>
                            <span class="num" :class="{'num-down': item.isDown}">{{item.change}}</span>
                        </div>
                        <div :id="item.id" class="block-img"></div>
                        <div class="min-max">
                            <div class="m-left">
                                <p class="title">最高</p><p  class="price">{{item.maxCny}}</p>
                            </div>
                            <div class="m-middle">
                                <p class="title">最低</p><p  class="price">{{item.minCny}}</p>
                            </div>
                            <div class="m-right">
                                <p class="title">成交</p><p class="price">{{item.num}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <!--底部按钮 利好，利空-->
                <div class="block-status use">
                    <span class="hidden-xs">文章编译自coindesk.com</span>
                    <div class="share-type hidden"  @mouseLeave="closeShare">
                        <div class="share-type-item"  @click="toShareType(0,$event)" :value="id"><img src="image/fuzhi.png">复制</div>
                        <div class="share-type-item"  @click="toShareType(1,$event)" :value="id"><img src="image/weibo.png">新浪微博</div>
                        <div class="share-type-item"  @click="toShareType(3,$event)" :value="id"><img src="image/qq.png">QQ分享</div>
                        <div class="share-type-item"  @click="toShareType(2,$event)" :value="id"><img src="image/weixin.png">微信分享</div>
                        <div class="code"></div>
                        <div class="down"></div>
                    </div>
                    <span class="share share-btn pointer" @click="toShare" :value="id" infotype="2"><img src="image/fenxiang.png">分享</span>
                    <span class="share use-li pointer" @click="setUpDown" :value="id"  type="1"><span class="flag">+1</span><img src="image/likong.png" >利空({{bad}}) </span>
                    <span class="share use-li pointer" @click="setUpDown" :value="id"  type="0"><span class="flag">+1</span><img src="image/lihao.png" >利好({{good}}) </span>
                </div>
                <div class="block-warn">免责声明：文章内容收录自互联网，版权归原所有站版权声明者，文章内容为作者个人观点，仅提供参考不构成投资建议，投资者据此操作，风险自担。如涉及文章内容、版权或其它问题，请与本网联系，我们将在第一时间删除内容！
                </div>
            </div><!-- div .left-->

            <!--右边资讯栏目-->
            <div id="news-information" class="right hidden-xs" v-cloak="">
                <!--热门文章-->
                <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 id="footer">-->
    <!--<div class="content">-->
        <!--<div class="left">-->
            <!--<img src="image/footer-logo.png"><p class="title">出品</p>-->
            <!--<p class="copy">©2018 区块头条网 京ICP备110123456号</p>-->
        <!--</div>-->
        <!--<div class="right">-->
            <!--<img src="image/message.png">-->
            <!--<span @click="goFeedback" class="pointer">意见反馈</span>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->

<!--查看大图-->
<div class="modal fade" id="largeImgModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="close close-btn" data-dismiss="modal"><img src="image/close.png"> </button>
                <div class="left-btn glyphicon glyphicon-chevron-left" @click="prevImg" @mouseEnter="btnIn(1)" @mouseLeave="btnOut(1)"></div>
                <div class="right-btn glyphicon glyphicon-chevron-right" @click="nextImg" @mouseEnter="btnIn(0)" @mouseLeave="btnOut(0)"></div>
                <!--<div class="img-box"><img :src="imgUrl" :index="index"></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>