Browse Source

修改一些样式

master
torsenli 3 years ago
parent
commit
4c4cc356df
  1. 22509
      package-lock.json
  2. BIN
      src/assets/img/Android.png
  3. BIN
      src/assets/img/IOS.png
  4. BIN
      src/assets/img/banner2.png
  5. BIN
      src/assets/img/banner3.jpg
  6. BIN
      src/assets/img/index_banner_2.png
  7. 2
      src/assets/scss/module/_home.css
  8. 2
      src/assets/scss/module/_home.scss
  9. 16
      src/views/contract/index.vue
  10. 46
      src/views/exchange/index.vue
  11. 22
      src/views/home/index.vue

22509
package-lock.json

File diff suppressed because it is too large

BIN
src/assets/img/Android.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
src/assets/img/IOS.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

BIN
src/assets/img/banner2.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 182 KiB

After

Width:  |  Height:  |  Size: 31 KiB

BIN
src/assets/img/banner3.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

After

Width:  |  Height:  |  Size: 58 KiB

BIN
src/assets/img/index_banner_2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 273 KiB

2
src/assets/scss/module/_home.css

@ -311,7 +311,7 @@ textarea:focus {
*/
.new-ticker-block-section {
padding: 60px 0 60px 0;
background: #fefff2;
background: #FFFFFF;
}
.new-ticker-block-section .coin-list th,

2
src/assets/scss/module/_home.scss

@ -314,7 +314,7 @@ textarea:focus {
.new-ticker-block-section {
padding: 60px 0 60px 0;
// background:#141e2c;
background:#fefff2;
background:#FFFFFF;
}
.new-ticker-block-section .coin-list th,

16
src/views/contract/index.vue

@ -1,12 +1,12 @@
<template>
<div class="contract-page">
<div class="banner-block col-xs-8">
<el-carousel :interval="6000" height="450px">
<el-carousel-item v-for="item in pcBannerList" :key="item.id">
<img :src="item.imgurl" width="100%" height="100%" />
</el-carousel-item>
</el-carousel>
</div>
<!-- <div class="banner-block col-xs-8">-->
<!-- <el-carousel :interval="6000" height="450px">-->
<!-- <el-carousel-item v-for="item in pcBannerList" :key="item.id">-->
<!-- <img :src="item.imgurl" width="100%" height="100%" />-->
<!-- </el-carousel-item>-->
<!-- </el-carousel>-->
<!-- </div>-->
<div class="page-top d-flex pt-2">
<div class="kline-box flex-fill mr-2">
<div
@ -307,7 +307,7 @@ export default {
this.ws= new Socket(this.Globals.Server.Path.WS1),
console.log('链接关闭');
this.wsOpen();
})
})
},
wsOpen(){
this.ws.on("open", () => {

46
src/views/exchange/index.vue

@ -1,12 +1,12 @@
<template>
<div>
<div class="banner-block col-xs-8">
<el-carousel :interval="6000" height="450px">
<el-carousel-item v-for="item in pcBannerList" :key="item.id">
<img :src="item.imgurl" width="100%" height="100%" />
</el-carousel-item>
</el-carousel>
</div>
<!-- <div class="banner-block col-xs-8">-->
<!-- <el-carousel :interval="6000" height="450px">-->
<!-- <el-carousel-item v-for="item in pcBannerList" :key="item.id">-->
<!-- <img :src="item.imgurl" width="100%" height="100%" />-->
<!-- </el-carousel-item>-->
<!-- </el-carousel>-->
<!-- </div>-->
<div class="container-fluid mtb15 no-fluid">
<div class="row sm-gutters">
@ -315,7 +315,7 @@ export default {
},
getBalance() {
if (this.isLogin) {
Exchange.getUserBalance(this.marketInfo.pair_name).then(data => {
@ -420,9 +420,9 @@ export default {
// id
if (this.symbol) this.addSub();
})
this.ws.on("message", (response) => {
let {
data, //
sub, //
@ -430,36 +430,36 @@ export default {
msg, //
code, //
} = response;
//
if (type == "ping") this.ws.send({
type: "pong"
});
switch (sub) {
case "exchangeMarketList":
this.marketList = data;
if (!this.symbol) { // symbol
this.symbol = _.nth(data).marketInfoList[0].symbol;
} else { // symbol
this.findMarketBySymbol();
}
break;
case `buyList_${this.symbol}`:
this.buyList = data;
break;
case `sellList_${this.symbol}`:
this.sellList = data;
break;
case `tradeList_${this.symbol}`:
if (type == "history") { //
this.trade = this.trade.concat(data);
@ -472,7 +472,7 @@ export default {
break;
}
});
this.ws.on("close", () => {
// this.$message({
// type: "error",
@ -483,7 +483,7 @@ export default {
this.initWs()
// if (this.symbol) this.getCurrencyExCny();
// this.indexList()
});
}
},

22
src/views/home/index.vue

@ -7,9 +7,9 @@
<img :src="item.imgurl" width="100%" height="100%" />
</el-carousel-item>
</el-carousel> -->
<img src="../../assets/img/index_banner.png" alt="" class="index_banner">
<!-- <img src="../../assets/img/index_banner_2.png" alt="" class="index_banner">-->
<div class="banner_right">
<p class="banner_right_p">{{ $t("addinfo.BuyCoins") }} CINSCoin </p>
<p class="banner_right_p">The world's top security risk control system</p>
<!-- <input type="text" :placeholder="$t('login.pleaseEmail')" class="banner_right_input">-->
<!-- <div class="banner_right_code">-->
<!-- <input type="text" :placeholder="$t('setting.enterCode')" class="banner_right_input">-->
@ -287,7 +287,7 @@
</div>
<div class="banner-block col-xs-8 banner3" >
<p class="banner3_p">
@ -798,7 +798,11 @@ path{
}
.section {
overflow-x: hidden;
background-image:url(../../assets/img/index_banner_2.png);
width:100%;
height:100%;
background-size:100% 100%;
overflow-x: hidden;
}
.news {
@ -1139,7 +1143,7 @@ path{
.banner-block{
display: flex;
align-items: center;
padding-left: 136px;
padding-left: 10px;
.index_banner{
width: 758px;
height: 463px;
@ -1151,7 +1155,7 @@ path{
flex-direction: column;
.banner_right_p{
color: white;
color: #0a1015;
font-size: 48px;
font-weight: bold;
margin-bottom: 30px;
@ -1263,7 +1267,7 @@ path{
}
.banner3{
background: url('../../assets/img/banner3.jpg') no-repeat;
background-color: #162636;
background-color: #FFFFFF;
padding-right: 230px;
padding-top: 129px;
display: flex;
@ -1272,12 +1276,12 @@ path{
.banner3_p{
font-size: 16px;
color: #9AA1A8;
color: #000000;
margin-bottom: 25px;
.banner3_p_span{
font-size: 28px;
color: white;
color: #000000;
font-weight: bold;
}
}

Loading…
Cancel
Save