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.
566 lines
15 KiB
566 lines
15 KiB
<!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">
|
|
<div class="rig">
|
|
<div class="t1">
|
|
The future of
|
|
money is here
|
|
</div>
|
|
<div class="t2">
|
|
Over 73 million people and businesses
|
|
trust us to buy, sell and manage crypto.
|
|
</div>
|
|
<div class="t3">
|
|
<div class="t3Btn">Sign up</div>
|
|
<input type="text" class="inputT3" placeholder="Email">
|
|
</div>
|
|
<div class="t4">
|
|
Bitslead offers a fully customizable Bitcoinand cryptocurrency exchange for traders at every level
|
|
</div>
|
|
</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">
|
|
<div class="new">NEW</div>
|
|
The new CEH mining pool is about to open
|
|
</span>
|
|
<span class="s2">
|
|
<div class="new">NEW</div>
|
|
The new CEH mining pool is about to open
|
|
</span>
|
|
<span class="s2">
|
|
<div class="new">NEW</div>
|
|
The new CEH mining pool is about to open
|
|
</span>
|
|
</marquee>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="div3"><a href="">More <span>></span></a> </div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="coin_con">
|
|
<div class="container">
|
|
<div class="flex">
|
|
<div class="let">
|
|
<div class="t1">Explore crypto like Bitcoin,
|
|
Ethereum,and Dogecoin</div>
|
|
<div class="t2">
|
|
Simply and securely buy,sell, and manage hundreds of cryptocurrencies.
|
|
</div>
|
|
<a href="" class="a11">See more assets</a>
|
|
</div>
|
|
<div class="rig">
|
|
<div class="item">
|
|
<img src="./image/[email protected]" alt="" class="img">
|
|
<div class="t1">
|
|
BTC
|
|
</div>
|
|
<div class="t2">
|
|
$51552.12
|
|
</div>
|
|
<div class="t3 gre">
|
|
<img src="./image/icon_up.png" alt="" class="img">
|
|
<span>3.59%</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<img src="./image/[email protected]" alt="" class="img">
|
|
<div class="t1">
|
|
BTC
|
|
</div>
|
|
<div class="t2">
|
|
$51552.12
|
|
</div>
|
|
<div class="t3 gre">
|
|
<img src="./image/icon_up.png" alt="" class="img">
|
|
<span>3.59%</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<img src="./image/[email protected]" alt="" class="img">
|
|
<div class="t1">
|
|
BTC
|
|
</div>
|
|
<div class="t2">
|
|
$51552.12
|
|
</div>
|
|
<div class="t3 gre">
|
|
<img src="./image/icon_up.png" alt="" class="img">
|
|
<span>3.59%</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<img src="./image/[email protected]" alt="" class="img">
|
|
<div class="t1">
|
|
BTC
|
|
</div>
|
|
<div class="t2">
|
|
$51552.12
|
|
</div>
|
|
<div class="t3 gre">
|
|
<img src="./image/icon_up.png" alt="" class="img">
|
|
<span>3.59%</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<img src="./image/[email protected]" alt="" class="img">
|
|
<div class="t1">
|
|
BTC
|
|
</div>
|
|
<div class="t2">
|
|
$51552.12
|
|
</div>
|
|
<div class="t3 gre">
|
|
<img src="./image/icon_up.png" alt="" class="img">
|
|
<span>3.59%</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<img src="./image/[email protected]" alt="" class="img">
|
|
<div class="t1">
|
|
BTC
|
|
</div>
|
|
<div class="t2">
|
|
$51552.12
|
|
</div>
|
|
<div class="t3 re">
|
|
<img src="./image/icon_down.png" alt="" class="img">
|
|
<span>3.59%</span>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<img src="./image/[email protected]" alt="" class="img">
|
|
<div class="t1">
|
|
BTC
|
|
</div>
|
|
<div class="t2">
|
|
$51552.12
|
|
</div>
|
|
<div class="t3 re">
|
|
<img src="./image/icon_down.png" alt="" class="img">
|
|
<span>3.59%</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 新加的列表 -->
|
|
<div class="notice_list">
|
|
<div class="container">
|
|
<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 class="re">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 class="gre">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 class="gre">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 class="gre">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 class="gre">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 class="gre">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 class="gre">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 class="gre">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="rq">
|
|
<div class="container flex2">
|
|
<div class="let">
|
|
<img src="./image/pic1.png" alt="" class="img1">
|
|
</div>
|
|
<div class="rig">
|
|
<div class="t1">
|
|
Buy,sell,and store hundreds of cryptocurrencies
|
|
</div>
|
|
<div class="t2">
|
|
From Bitcoin to Dogecoin,we make it easy to
|
|
buy and sell cryptocurrency Protect your
|
|
crypto with best in class cold storage.
|
|
</div>
|
|
<a href="" class="a11 a12">Sign up now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="rq rqq">
|
|
<div class="container flex2">
|
|
<div class="let">
|
|
<img src="./image/pic2.png" alt="" class="img1">
|
|
</div>
|
|
<div class="rig">
|
|
<div class="t1">
|
|
Buy,sell,and store hundreds of cryptocurrencies
|
|
</div>
|
|
<div class="t2">
|
|
From Bitcoin to Dogecoin,we make it easy to
|
|
buy and sell cryptocurrency Protect your
|
|
crypto with best in class cold storage.
|
|
</div>
|
|
<a href="" class="a11 a12">Sign up now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rq">
|
|
<div class="container flex2">
|
|
<div class="let">
|
|
<img src="./image/pic3.png" alt="" class="img1">
|
|
</div>
|
|
<div class="rig">
|
|
<div class="t1">
|
|
Buy,sell,and store hundreds of cryptocurrencies
|
|
</div>
|
|
<div class="t2">
|
|
From Bitcoin to Dogecoin,we make it easy to
|
|
buy and sell cryptocurrency Protect your
|
|
crypto with best in class cold storage.
|
|
</div>
|
|
<a href="" class="a11 a12">Sign up now</a>
|
|
</div>
|
|
</div>
|
|
</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 Security-1.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 Security.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 Security-2.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>
|
|
</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>
|
|
|