jack
/
jysBlack2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
jysBlack2
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
1 Branch
0 Tags
20 MiB
 
 
 
Tree: 6747a6d8d6
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '6747a6d8d6'
${ noResults }
jysBlack2/index.html

697 lines
21 KiB
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>首页</title>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入css文件 -->
<link rel="stylesheet" href="./css/swiper.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/help.css">
</head>
<body>
<div id="app" v-cloak>
<!-- header -->
<!-- <object style="border: 1px solid #000;" data="./html/header.html" type="text/x-scriptlet" width="100%" height="100%"></object> -->
<div class="header">
<div class="header_content container">
<a href="index.html" class="logo"><img src="./image/[email protected]" alt=""></a>
<div class="header_tabs">
<div class="acon1">
<span class="NotLog" v-show="isLogin2">
<a href="./html/login.html" class="a">Log In</a>
<a href="./html/register.html" class="a">Sign-up</a>
</span>
<span class="LogIn" v-show="isLogin">
<a href="" class="a">[email protected] <img src="image/h1.png" alt="" class="h1"></a>
<div class="LogList">
<a href="" class="active sc">Security center <img src="image/meun_icon_my_nor.png"
alt=""></a>
<a href="javascript::" class="so" @click="logOut">Sign out
<img src="image/pop_icon_signout.png" alt="" class="img1">
<img src="image/pop_icon_signoutb.png" alt="" class="img2">
</a>
</div>
</span>
<a href="#Gofoot" class="a">Support</a>
<div class="language a">
<span class="language-text">ENG <img src="image/h1.png" alt="" class="h1"></span>
<div class="language-list">
<!-- <a href="">ENG</a> -->
<a href="">CHN</a>
</div>
</div>
</div>
<div class="acon2">
<a href="./html/exchange.html">Trade</a>
<a href="./html/news.html">News</a>
<a href="./html/innovate.html">Innovation</a>
<a href="./html/wallet.html">Wallet</a>
<a href="./html/mine.html">Mine</a>
</div>
</div>
</div>
</div>
<div class="banner">
<div>
<div>
<div>
<a>
<img src="image/banner.png" alt="" class="bj">
<div class="container">
<div class="div1 flex">
<div class="lef">
<p class="p1">The original global crypto<br> exchange.</p>
<p class="p2">With a proven track record and a mature approach to the
industry, we<br> provide reliable trading of cryptocurrencies.</p>
<a href="" class="btn">Get Started</a>
</div>
<div class="rig">
<img src="image/test.png" alt="" srcset="">
</div>
</div>
<div class="div2">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="bot">
<a href="">
<div class="r1 flex">
<div class="lef">
<img src="image/[email protected]" alt="">
<div class="pcon">
<p class="p1">Bitcoin</p>
<p class="p2">Jul 13, 2021, 20:53:42</p>
</div>
</div>
<div class="rig">
BUY
</div>
</div>
<div class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div>
<div id="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="bot">
<a href="">
<div class="r1 flex">
<div class="lef">
<img src="image/[email protected]" alt="">
<div class="pcon">
<p class="p1">Bitcoin</p>
<p class="p2">Jul 13, 2021, 20:53:42</p>
</div>
</div>
<div class="rig">
BUY
</div>
</div>
<div class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div>
<div id="main2" class="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="bot">
<a href="">
<div class="r1 flex">
<div class="lef">
<img src="image/[email protected]" alt="">
<div class="pcon">
<p class="p1">Bitcoin</p>
<p class="p2">Jul 13, 2021, 20:53:42</p>
</div>
</div>
<div class="rig">
BUY
</div>
</div>
<div class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div>
<div id="main3" class="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="bot">
<a href="">
<div class="r1 flex">
<div class="lef">
<img src="image/[email protected]" alt="">
<div class="pcon">
<p class="p1">Bitcoin</p>
<p class="p2">Jul 13, 2021, 20:53:42</p>
</div>
</div>
<div class="rig">
BUY
</div>
</div>
<div class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div>
<div id="main4" class="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="bot">
<a href="">
<div class="r1 flex">
<div class="lef">
<img src="image/[email protected]" alt="">
<div class="pcon">
<p class="p1">Bitcoin</p>
<p class="p2">Jul 13, 2021, 20:53:42</p>
</div>
</div>
<div class="rig">
BUY
</div>
</div>
<div class="r2">
<p class="p1">$32,474.52</p>
<p class="p2">$-1,097.20 (-3.27%)</p>
</div>
<div id="main4" class="main"></div>
<div class="money">
<span>24h volume:</span>
<span> $122,268,091</span>
</div>
</a>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="notice_con">
<div class="container">
<div class="div1">
<span class="s1">
<img src="image/laba.png" alt="" class="img1">
Notice:
</span>
<marquee loop="infinite" direction="left" scrolldelay="10" scrollamount="5">
<span class="s2">
<img src="image/laba.png" alt="" class="img1">
FTH Defi mining is about to be
</span>
<span class="s2">
<img src="image/laba.png" alt="" class="img1">
FTH Defi mining is about to be
</span>
<span class="s2">
<img src="image/laba.png" alt="" class="img1">
FTH Defi mining is about to be
</span>
</marquee>
</div>
<div class="div3"><a href="">More <span>></span></a> </div>
</div>
<!-- help -->
<a href="html/help.html" class="help_con">
<div class="a_con">
<img src="./image/erji.png" alt="" class="img">
help
</div>
</a>
</div>
<!-- 新加的列表 -->
<div class="notice_list">
<div class="container container2">
<table class="table_con">
<thead>
<tr>
<th>Market</th>
<th>Price</th>
<th>24H Change</th>
<th>24H High</th>
<th>24H Low</th>
<th>24H Volume</th>
<th style="width: 300px;">24H Amount</th>
</tr>
</thead>
<tbody>
<tr>
<th>
<img src="./image/[email protected]" alt="" class="img1">
BTC</th>
<th>48606.25</th>
<th style="color: red;">-1.89%</th>
<th>49840.93</th>
<th>48322.12</th>
<th>813686214.2089</th>
<th style="width: 300px;">16396.5614</th>
</tr>
<tr>
<th>
<img src="./image/[email protected]" alt="" class="img1">
ETH</th>
<th>48606.25</th>
<th style="color: red;">-1.89%</th>
<th>49840.93</th>
<th>48322.12</th>
<th>813686214.2089</th>
<th style="width: 300px;">16396.5614</th>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 新加的列表 -->
<div class="one_content">
<div class="container">
<div class="rq flex">
<div class="div">
<div class="imgcon">
<img src="image/Ease of Trading.png" alt="">
</div>
<div class="pcon">
<p class="p1">Ease of Trading</p>
<div class="pSmallCon">
<p>Intuitive interface</p>
<p>Instant deposit options</p>
<p>Cash out directly to your bank account</p>
</div>
</div>
</div>
<div class="div">
<div class="imgcon">
<img src="image/Proven Reliability.png" alt="">
</div>
<div class="pcon">
<p class="p1">Institutional-grade Security</p>
<div class="pSmallCon">
<p>98% of assets stored safely offline</p>
<p>Highly encrypted personal data</p>
<p>Whitelisting and transaction confirmations</p>
</div>
</div>
</div>
<div class="div">
<div class="imgcon">
<img src="image/First-grade Security.png" alt="">
</div>
<div class="pcon">
<p class="p1">Proven Reliability</p>
<div class="pSmallCon">
<p>Exchanging bitcoin since 2011</p>
<p>24/7 dedicated support</p>
<p>Industry-leading uptime</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="two_content">
<div class="container">
<div class="rq flex">
<div class="lef">
<p class="bt">
Unlimited access with our mobile app.
</p>
<p class="p1">
ADVANCED TOOLS PACKED IN AN INTUITIVE INTERFACE
</p>
<p class="p2">
Stay connected to the market with our mobile app. Featuring advanced order types and
analytical tools for experienced traders, as well as a simple buy & sell interface for
those just getting started.
</p>
<a href="" class="btn">learn more</a>
<div class="btncon flex">
<a href=""><img src="image/Apple App Store.png" alt=""></a>
<a href=""><img src="image/Google Play.png" alt=""></a>
</div>
</div>
<div class="rig">
<img src="image/mobile-mock.png" alt="">
</div>
</div>
</div>
</div>
<div class="news_content">
<div class="container">
<div class="rq flex">
<div class="lef">
<img src="image/tradeview-mock.png" alt="">
</div>
<div class="rig">
<p class="bt">
Advanced trading tools.
</p>
<div class="div1">
<p class="p1">PROFESSIONAL ACCESS, NON-STOP AVAILABILITY</p>
<p class="p2">We provide premium access to crypto trading for both individuals and
institutions through high liquidity, reliable order execution and constant uptime.
</p>
</div>
<div class="div1">
<p class="p1">A RANGE OF POWERFUL APIS</p>
<p class="p2">Set up your own trading interface or deploy your algorithmic strategy with
our high-performance FIX and HTTP APIs. Connect to our WebSocket for real-time data
streaming.</p>
</div>
<div class="div1">
<p class="p1">CONSTANT SUPPORT</p>
<p class="p2">Premium 24/7 support available to all customers worldwide by phone or
email. Dedicated account managers for partners.</p>
</div>
<div class="btncon flex">
<a href="" class="a1">More for pro traders</a>
<a href="" class="a2">Get started</a>
</div>
</div>
</div>
</div>
</div>
<div class="three_content">
<div class="container">
<div class="rq flex">
<div class="lef">
<p class="bt">Buy crypto instantly.</p>
<div class="div1">
<p class="p1">USE YOUR CREDIT OR DEBIT CARD</p>
<p class="p2">Instant card purchases are supported worldwide with a few exceptions.</p>
</div>
<div class="div1">
<p class="p1">AVAILABLE EVERYWHERE</p>
<p class="p2">Deposit and withdraw funds easily from anywhere in the world. US customers
can use ACH for instant deposits.</p>
</div>
<div class="div1">
<p class="p1">CASH OUT IN SECONDS</p>
<p class="p2">Withdraw funds directly to your bank account quickly and securely.</p>
</div>
<a href="" class="a1 btn">Get started</a>
</div>
<div class="rig">
<img src="image/cc-mock.png" alt="">
</div>
</div>
</div>
</div>
<div class="four_content">
<div class="container">
<p class="bt2">News</p>
<div class="rq flex">
<div class="bot">
<a href="">
<div class="imgcon">
<img src="image/img.png" alt="">
</div>
<div class="pcon">
<p class="p1">More Americans have heard of Dogecoin than Ethereum: Survey</p>
<div class="p2">
<img src="image/tab_new.png" alt="" srcset="">
<span class="time">MAY 25, 2021</span>
</div>
<p class="p3">One has introduced smart contracts and is the fabric of decentralized
finance, the other is… a meme.</p>
</div>
</a>
</div>
<div class="bot">
<a href="">
<div class="imgcon">
<img src="image/img1.png" alt="">
</div>
<div class="pcon">
<p class="p1">More Americans have heard of Dogecoin than Ethereum: Survey</p>
<div class="p2">
<img src="image/tab_new.png" alt="" srcset="">
<span class="time">MAY 25, 2021</span>
</div>
<p class="p3">One has introduced smart contracts and is the fabric of decentralized
finance, the other is… a meme.</p>
</div>
</a>
</div>
<div class="bot">
<a href="">
<div class="imgcon">
<img src="image/img2.png" alt="">
</div>
<div class="pcon">
<p class="p1">More Americans have heard of Dogecoin than Ethereum: Survey</p>
<div class="p2">
<img src="image/tab_new.png" alt="" srcset="">
<span class="time">MAY 25, 2021</span>
</div>
<p class="p3">One has introduced smart contracts and is the fabric of decentralized
finance, the other is… a meme.</p>
</div>
</a>
</div>
</div>
<a href="" class="a11">More news</a>
</div>
</div>
<div class="five_content">
<div class="container">
<p class="bt2">Reliable institutional access to crypto.</p>
<div class="rq flex">
<div class="bot">
<img src="image/Dukascopy.png" alt="">
</div>
<div class="bot">
<img src="image/Dukascopy1.png" alt="">
</div>
<div class="bot">
<img src="image/Dukascopy2.png" alt="">
</div>
<div class="bot">
<img src="image/Dukascopy3.png" alt="">
</div>
</div>
<a href="" class="a11">More about the institutional offer</a>
</div>
</div>
<div class="six_content">
<div class="container">
<p class="bt textCenter">3 steps to start trading.</p>
<div class="rq flex">
<div class="bot">
<div class="imgcon">
<img src="image/First-grade Security1.png" alt="">
</div>
<p class="p1"><span>1.</span>Register</p>
<p class="p2">Choose the right account type and verify your identity.</p>
</div>
<div class="bot">
<div class="imgcon">
<img src="image/First-grade Security2.png" alt="">
</div>
<p class="p1"><span>2.</span>Fund</p>
<p class="p2">Use your debit or credit card or a range of global bank deposit methods.</p>
</div>
<div class="bot">
<div class="imgcon">
<img src="image/First-grade Security3.png" alt="">
</div>
<p class="p1"><span>3.</span>Trade</p>
<p class="p2">Buy, sell and transfer leading cryptocurrencies.</p>
</div>
</div>
<a href="" class="a11">Get started</a>
</div>
</div>
<div class="footer_content" id="Gofoot">
<div class="foot_top">
<div class="container flex">
<div class="lef">
<div class="logo">
<img src="image/logo.png" alt="">
</div>
<div class="div1">
copyright©2021 Bitslead
</div>
<div class="div1">
[email protected]
</div>
<div class="div1">
Please pay attention to the market risk of cryptocurrency Trading
</div>
<div class="div2">
<img src="image/bottom_icon_email.png" alt="">
<img src="image/bottom_icon_world.png" class="mgl" alt="">
</div>
</div>
<div class="rig">
<div class="div">
<a href="" class="head">GUIDE</a>
<a href="" class="a">Futures Guide</a>
<a href="" class="a">Apply For Listing</a>
<a href="" class="a">Perpetual Contracts Guide</a>
</div>
<div class="div">
<a href="" class="head">LEARN</a>
<a href="" class="a">Cryptocurrency</a>
<a href="" class="a">Smart Contract</a>
<a href="" class="a">Development of Blockchain</a>
</div>
<div class="div">
<a href="" class="head">SERVICE</a>
<a href="" class="a">Agrement</a>
<a href="" class="a">Security Guide</a>
</div>
</div>
</div>
</div>
<div class="foot_center">
<div class="container">
<div class="rq flex">
<div class="p1">
All rights reserved © 2021 Bitstamp. NMLS #1905429
</div>
<div class="imgcon">
<img src="image/visa.png" alt="" srcset="">
<img src="image/mastercard.png" alt="" srcset="">
<img src="image/maestro.png" alt="" srcset="">
</div>
<div class="imgcon imgcon2">
<a href=""><img src="image/twitter.png" alt="" srcset=""></a>
<a href=""> <img src="image/linkedin.png" alt="" srcset=""></a>
<a href=""> <img src="image/facebook.png" alt="" srcset=""></a>
</div>
</div>
</div>
</div>
<div class="foot_bottom">
<div class="container">
<div class="rq flex">
<div class="div1">
We use cookies and similar technologies to operate core site features, customize core
services, analyze our traffic, and for security and marketing. Accept all cookies,
customize your settings or read our full Cookie Policy.
</div>
<div class="div2">
<a href="">Customize</a>
<a href="" class="active">Enable all</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="./js/vue.js"></script>
<!-- 引入组件库 -->
<script type="text/javascript" src="js/swiper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="./js/header.js"></script>
<script type="text/javascript">
// 创建vue实例化对象
var vm = new Vue({
el: '#index',
data: {
// 数据创建
// 列表数据
// list_data:[
// {
// url:"./image/[email protected]",
// title:'BTC',
// price:'48606.25',
// bai:'-1.89',
// price2:'49840.93',
//
// }
// ]
},
})
// banner
var mySwiper = new Swiper('.banner .container .div2 .swiper-container', {
autoplay: {
delay: 6000,
disableOnInteraction: false,
},
spaceBetween: 20,
slidesPerView: 4,
speed: 1000,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
</script>
</html>