登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
2 Star 0 Fork 1

狼王 / blocknews

代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。
项目仓库所选许可证以仓库主分支所使用许可证为准
克隆/下载
index.html 12.32 KB
一键复制 编辑 原始数据 按行查看 历史
狼王 提交于 2018-10-11 09:54 . 修改BUG
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295
<!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/index.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/component.js"></script>

<script src="js/page/index.js"></script>



<!--加载Axios-->

<script src="js/axios.min.js"></script>



</head>

<body>

<div id="header" v-cloak="">

	<header-content :is-one="true"></header-content>

</div>



	<div id="main">

		<div id="header-information" class="heading"  v-cloak="">

			<div class="content container">

				<div class="left">

					<div class="total">

						<div class="title">总市值(亿)</div>

						<div class="val"  v-cloak>$ {{ total }}</div>

						<div class="msg"><span>24h成交量：</span><span class="total-msg-val" >{{ totalDay }}</span><span>&nbsp;亿</span></div>

					</div>

					<div class="chian">

						<div class="title">总币种(个)</div>

						<div class="val"  >{{ blockNum }}</div>

						<div class="msg"><span>涨：</span><span class="chian-msg-val"  >{{ upCount }}</span></div>

					</div>

					<div class="index">

						<div class="title dropdown">

							<div class="dropdown-toggle pointer" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">

								<span class="title">{{ currName }}</span>

								<span class="caret"></span>

							</div>

							<ul class="dropdown-menu drop-box" id="drop-box" aria-labelledby="dropdownMenu1">

								<li v-for="(item,index) in exponent "  :value="index" class="drop-item" @click="getIndexValue">{{ item.indexName }}</li>

							</ul>

						</div>

						<div class="val"  >{{ currValue }}</div>

						<div class="msg">&nbsp;</div>

					</div>

				</div>

				<div class="right hidden-xs">

					<template v-for="item in blockProfile ">

						<div class="item  text-center pointer" :value="item.id" :symbol="item.symbol" @click="goCurrencyProfile">

							<div class="title"  v-cloak>{{ item.title }}</div>

							<div class="val">

								<span v-if="item.isUp"  v-cloak>$ {{item.val}}<img src="image/eUp.png"  style="padding-left:4px;"></span>

								<span v-else  v-cloak>$ {{item.val}}<img src="image/eDown.png" style="padding-left:4px;"></span>

							</div>

							<div class="msg"  v-cloak>{{ item.msg }}</div>

						</div>

					</template>

					<div class="more" @click="goCurrency">

						<img src="image/jinrujiantou.png" >

					</div>

				</div>

			</div>

		</div>



		<div class="body">

			<div class="content">

				<div id="block-information" class="left" >

					<!--近期风口-->

					<div class="tuyere china-item" id="tuyere">

						<div class="title">

							<div class="line">

								<div class="to-left hidden-xs"></div>

								<div class="left-point  hidden-xs"></div>

								<div class="title-name text-center">近期风口</div>

								<div class="right-point  hidden-xs"></div>

								<div class="to-right  hidden-xs"></div>

							</div>

						</div>

						<div class="list">

							<div class="next-btn"><img src="image/you.png"  v-if="totalNum >3 || isShow" @click="blockSilder('next',$event)" @mouseEnter="hightShow(1,$event)" @mouseLeave="remHightShow(1,$event)"></div>

							<div class="prev-btn"><img src="image/zuo.png"  v-if="totalNum >3 || isShow" @click="blockSilder('prev',$event)" @mouseEnter="hightShow(0,$event)" @mouseLeave="remHightShow(0,$event)"></div>

							<div class="item-group">

								<div class="item-box">

									<!--每组货币循环-->

									<template v-for="item in tuyereBlock">

										<div class="item" :class="item.location" :value="item.id" @click="goCurrency" @mouseEnter="toEnter" @mouseLeave="toLeave">

											<div class="item-heading text-center">{{ item.title}}</div>

											<div class="item-content" :class="item.fontColor">{{ item.avgChange}}</div>

											<div class="item-footer">

												<template v-for="b in item.block">

													<div class="c-item" :class="b.middle">

														<p class="c-name">{{ b.name}}</p>

														<p class="c-val" :class="b.fontColor">{{ b.num}}</p>

													</div>

												</template>

											</div>

										</div>

									</template>

								</div>

							</div>

						</div>

					</div>







					<div class="china-item" :id="idList[index]" v-for = "(list,index) in lists" v-cloak="">

						<div class="title">

							<div class="line">

								<div class="to-left  hidden-xs"></div>

								<div class="left-point  hidden-xs"></div>

								<div class="title-name text-center">{{ list.displayName }}</div>

								<div class="right-point  hidden-xs"></div>

								<div class="to-right  hidden-xs"></div>

							</div>

							<div class="title-msg text-center">{{ list.desc }}</div>

						</div>

						<div class="list">

							<div class="next-btn"><img src="image/you.png" v-if="list.totalNum >3 || list.isShow" @click="blockSilder('next',$event)" @mouseEnter="hightShow(1,$event)" @mouseLeave="remHightShow(1,$event)"></div>

							<div class="prev-btn"><img src="image/zuo.png" v-if="list.totalNum >3 || list.isShow" @click="blockSilder('prev',$event)" @mouseEnter="hightShow(0,$event)" @mouseLeave="remHightShow(0,$event)"></div>

							<div class="item-group">

								<div class="item-box text-center">

									<!--每组货币循环-->

									<template v-for="item in list.block">

										<div class="item"  :class="item.location"  :value="item.id" :symbol="item.name" @click="goCurrencyProfile" @mouseEnter="toEnter" @mouseLeave="toLeave">

											<div class="item-img text-center">

												<img  onerror="imgLoadBlockError()"  :src="item.imgSrc">

											</div>

											<div class="item-name ">{{ item.name}}</div>

											<div class="usd" v-html="item.usd"></div>

											<div class="cny" v-html="item.cny"></div>

											<div class="btn item-btn" :class="item.boxColor">{{item.num}}</div>

										</div>

									</template>

								</div>

							</div>

						</div>

					</div>

				</div>



				<!--右边资讯栏目-->

				<div id="news-information" class="right hidden-xs" v-cloak="">

					<!--快讯和公告-->

					<div class="message-box box">

						<ul class="nav nav-tabs multipart-title">

							<li class="active" ><a href="#flash" class="font-hover-blue" data-toggle="tab" @click="resetScroll">快讯</a></li>

							<li><a href="#notice" class="font-hover-blue" data-toggle="tab" @click="resetScroll">交易所公告</a></li>

							<li  class="more" @click="goPage">更多<img src="image/jinruBlue.png"></li>

						</ul>

						<div class="update-num hidden" @click="toUpdate">有{{updateNum}}条新消息，点击查看</div>

						<div class="tab-content" scrolling="No">

							<!--快讯-->

							<div role="tabpanel" class="tab-pane active" id="flash" value="1">

								<div class="hide-scroll">

									<div class="show-scroll" >

										<div class="news-item" v-for="(item,index) in quickBlock">

											<div class="point"></div>

											<div class="time">{{ item.time }}</div>

											<div class="title">{{ item.title }}</div>

											<div class="news">{{ item.content }}</div>

											<div class="status">

												<div class="pointer b-item" v-for="(b,index2) in item.blocks" v-if="index2 == 0 " :class="{'down-active': !b.isUp}" :symbol="b.symbol" :value="b.id" @click="goCurrencyProfile">{{ b.name }}</div>

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

												<div class="source">来源：{{item.source}}</div>

											</div>

											<div class="use index-use">

												<span class="use-li" @click="setUpDown" :value="item.id" :index="index" type="0"><span class="flag">+1</span><img :src="item.goodImg" class="pointer" >利好({{item.good}})&nbsp;&nbsp;</span>

												<span class="use-li" @click="setUpDown" :value="item.id" :index="index" type="1"><span class="flag">+1</span><img :src="item.badImg" class="pointer" >利空({{item.bad}}) </span>

												<div class="share-type hidden"  @mouseLeave="closeShare">

													<div class="share-type-item"  @click="toShareType(0,$event)" :value="item.id"><img src="image/fuzhi.png">复制</div>

													<div class="share-type-item"  @click="toShareType(1,$event)" :value="item.id"><img src="image/weibo.png">新浪微博</div>

													<div class="share-type-item"  @click="toShareType(3,$event)" :value="item.id"><img src="image/qq.png">QQ分享</div>

													<div class="share-type-item"  @click="toShareType(2,$event)" :value="item.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="item.id" infotype="1"><img src="image/fenxiang.png">分享</span>

											</div>

										</div>

									</div>

								</div>

							</div>





							<!--交易所公告-->

							<div role="tabpanel" class="tab-pane" id="notice" value="2">

								<notice-content :notice-block="noticeBlock"></notice-content>

							</div>

						</div>

					</div>



					<!--日历-->

					<div class="online-box box">

						<div class="single-title">近期上线新币</div>

						<div class="single-content">

							<!--新币上线日历-->

							<div role="tabpanel" class="tab-pane active" id="newBlock">



							</div>

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

						</div>

					</div>



					<!--榜单-->

					<div class="ranking-box box">

						<ul class="nav nav-tabs multipart-title ranking-heading">

							<li class="active" value="hour" ><a href="#up-down" class="font-hover-blue" data-toggle="tab" @click="showUpDown" value="1">24H涨跌榜</a></li>

							<li value="flow"><a href="#fund" class="font-hover-blue" data-toggle="tab" @click="showUpDown" value="0">资金流入榜</a></li>

							<li  class="more btn-group">

								<div class="btn btn-xs btn-active btn-change" value="0" @click="changeUpDown">涨</div>

								<div class="btn btn-xs btn-change" value="1" @click="changeUpDown">跌</div>

							</li>

						</ul>

						<div class="tab-content" value="0">

							<!--涨跌榜-->

							<div role="tabpanel" class="tab-pane active" id="up-down">

								<up-down-content :pro-block="proBlock"></up-down-content>

							</div>



							<!--资金流入榜-->

							<div role="tabpanel" class="tab-pane" id="fund">

								<table class="table text-center">

									<thead>

									<tr class="t-head">

										<td class="text-center" colspan="2">名称</td>

										<td width="33%">净流入 <img src="image/paixu1.png"  class="sort-img" value="0" @click="changeSort" type="change"></td>

										<td width="33%">涨跌幅</td>

									</tr>

									</thead>

									<tbody class="t-body">

										<tr  class="pointer  bg-hover-blue"  v-for="(item,index) in flowBlock" v-cloak="" :symbol="item.name" :value="item.id" @click="goCurrencyProfile">

											<td><span class="t-id">{{ index+1 }}</span></td>

											<td class="t-code">{{ item.name }}</td>

											<td class="t-val" width="33%">{{ item.usd }}</td>

											<td class="t-stat" width="33%" :class="{'font-up':item.isUp, 'font-down':!item.isUp}">{{ item.num}}</td>

										</tr>

									</tbody>

								</table>

							</div>





						</div>



						<!--下箭头-->

						<div class="down-single"><img class="pointer" :src="downImg" @click="toNextPage"></div>

					</div>



				</div>



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

			</div>

		</div>





	</div>



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

	<div id="footer">

		<footer-content></footer-content>

	</div>





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

</body>

</html>
JavaScript
1
https://gitee.com/lang-wang/blocknews.git
git@gitee.com:lang-wang/blocknews.git
lang-wang
blocknews
blocknews
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部