luyisha 3 years ago
parent
commit
77a3c0d13c
  1. BIN
      dist.zip
  2. 3
      src/assets/scss/_settings.scss
  3. 20
      src/assets/scss/base/_common.scss
  4. 2
      src/assets/scss/module/_option.scss
  5. 2
      src/assets/scss/module/_wallet.scss
  6. 2
      src/views/contract/account copy.vue
  7. 2
      src/views/contract/account.vue
  8. 4
      src/views/contract/handicap copy.vue
  9. 30
      src/views/contract/handicap.vue
  10. 2
      src/views/contract/handicapRight.vue
  11. 6
      src/views/contract/hold-position.vue
  12. 4
      src/views/contract/index copy.vue
  13. 5
      src/views/contract/index.vue
  14. 2
      src/views/contract/transaction-record.vue
  15. 4
      src/views/exchange/book-trades.vue
  16. 4
      src/views/exchange/symbols.vue
  17. 39
      src/views/home/index.vue
  18. 8
      src/views/market/index.vue
  19. 4
      src/views/option/index.vue
  20. 8
      src/views/option/option-bottom.vue
  21. 14
      src/views/option/option-operation.vue
  22. 6
      src/views/order/option-order.vue
  23. 2
      src/views/profile/certification.vue
  24. 4
      src/views/purchase/index.vue
  25. 9
      src/views/wallet/address.vue
  26. 2
      src/views/wallet/contract-assets.vue
  27. 10
      src/views/wallet/exchange-assets.vue
  28. 2
      src/views/wallet/funding.vue
  29. 2
      项目文档.md

BIN
dist.zip

Binary file not shown.

3
src/assets/scss/_settings.scss

@ -41,8 +41,7 @@ $cls-white:rgba(0,0,0,1);
// exchange & contract // exchange & contract
$decreace : #ff231f; // 酒红色 $decreace : #ff231f; // 酒红色
// $increace: #26de81; // 青绿色 $increase : #53b987;
$increace : #53b987;
// status // status
$success : green; $success : green;

20
src/assets/scss/base/_common.scss

@ -6,8 +6,8 @@
@include face($opensans); @include face($opensans);
// 标记上涨或者下跌的文本样式 // 标记上涨或者下跌的文本样式
.increace { .increase {
color: $increace; // color: $increase; //
} }
.decreace { .decreace {
@ -28,7 +28,7 @@
.tri-inc { .tri-inc {
@extend .triangle; @extend .triangle;
border-top: none; border-top: none;
border-bottom-color: $increace; border-bottom-color: $increase;
opacity: 0.6; // 淡化颜色 opacity: 0.6; // 淡化颜色
} }
@ -124,7 +124,7 @@
} }
.green { .green {
color: $increace; color: $increase;
} }
.red { .red {
@ -402,6 +402,15 @@ $basew: 24;
.modal-footer { .modal-footer {
// border-top-color: #4e4e5d;//改合约-一键平仓模态框注释的样式 // border-top-color: #4e4e5d;//改合约-一键平仓模态框注释的样式
} }
.modal-body{
.input-group-text{
// background-color: #000;
}
}
.wallet-page .deposite-body .input-group .dopsite-control .input-group-text{
background-color: #F7D558 !important;
border-color: #F7D558 !important;
}
.el-pagination button:disabled, .el-pagination button:disabled,
.el-dialog, .el-dialog,
@ -518,6 +527,9 @@ $basew: 24;
background-color: #ccc !important; background-color: #ccc !important;
} }
} }
.el-button:focus{
border: none;
}
} }
} }

2
src/assets/scss/module/_option.scss

@ -37,7 +37,7 @@
width: 100%; width: 100%;
&.buy { &.buy {
background: $increace; background: $increase;
} }
&.sell { &.sell {

2
src/assets/scss/module/_wallet.scss

@ -15,7 +15,7 @@
// $cls-white cls-white, // $cls-white cls-white,
// // exchange & contract // // exchange & contract
// $decreace decreace, // $decreace decreace,
// $increace increace, // $increase increase,
// // tips // // tips
// $caution caution, // $caution caution,

2
src/views/contract/account copy.vue

@ -30,7 +30,7 @@
</div> </div>
<div class="d-flex p-1 justify-content-between"> <div class="d-flex p-1 justify-content-between">
<div>{{$t('contract.a6')}}USDT</div> <div>{{$t('contract.a6')}}USDT</div>
<div class="increace">{{accountInfo.unRealProfit}}</div> <div class="increase">{{accountInfo.unRealProfit}}</div>
</div> </div>
<div class="d-flex p-1 justify-content-between"> <div class="d-flex p-1 justify-content-between">
<div>{{$t('contract.a7')}}USDT</div> <div>{{$t('contract.a7')}}USDT</div>

2
src/views/contract/account.vue

@ -30,7 +30,7 @@
</div> </div>
<div class="d-flex p-3 justify-content-between"> <div class="d-flex p-3 justify-content-between">
<div>{{$t('contract.a6')}}USDT</div> <div>{{$t('contract.a6')}}USDT</div>
<div class="increace">{{accountInfo.unRealProfit}}</div> <div class="increase">{{accountInfo.unRealProfit}}</div>
</div> --> </div> -->
<div class="d-flex p-3 justify-content-between"> <div class="d-flex p-3 justify-content-between">
<div>{{$t('contract.a7')}} <div>{{$t('contract.a7')}}

4
src/views/contract/handicap copy.vue

@ -45,7 +45,7 @@
> >
<div class="w-10/24"> <div class="w-10/24">
<div class="name text-secondary fn-12">{{ $t("contract.g3") }}</div> <div class="name text-secondary fn-12">{{ $t("contract.g3") }}</div>
<div class="num fn-20 increace"> <div class="num fn-20 increase">
{{ newPriceObj.price }} {{ newPriceObj.price }}
</div> </div>
</div> </div>
@ -92,7 +92,7 @@
@click="$emit('selectprice', item.price)" @click="$emit('selectprice', item.price)"
> >
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<div class="increace">{{ item.price }}</div> <div class="increase">{{ item.price }}</div>
<div>{{ omitTo(item.amount, 2) }}</div> <div>{{ omitTo(item.amount, 2) }}</div>
<!-- <div class="w-7/24 text-right">{{ item.total }}</div> --> <!-- <div class="w-7/24 text-right">{{ item.total }}</div> -->
</div> </div>

30
src/views/contract/handicap.vue

@ -68,8 +68,9 @@
> >
<div class="w-10/24"> <div class="w-10/24">
<div class="name text-secondary fn-12">{{ $t("contract.g3") }}</div> <div class="name text-secondary fn-12">{{ $t("contract.g3") }}</div>
<div class="num fn-20 increace"> <div class="num fn-20 increase">
{{ newPriceObj.price }} {{ newPriceObj.price }}
<!-- 最新价 -->
</div> </div>
</div> </div>
<div class="w-14/24 text-right"> <div class="w-14/24 text-right">
@ -84,7 +85,7 @@
@click="$emit('selectprice', item.price)" @click="$emit('selectprice', item.price)"
> >
<div class="d-flex"> <div class="d-flex">
<div class="w-10/24 increace">{{ item.price }}</div> <div class="w-10/24 increase">{{ item.price }}</div>
<div class="w-7/24">{{ omitTo(item.amount, 2) }}</div> <div class="w-7/24">{{ omitTo(item.amount, 2) }}</div>
<div class="w-7/24 text-right">{{ item.total }}</div> <div class="w-7/24 text-right">{{ item.total }}</div>
</div> </div>
@ -112,7 +113,7 @@
<div class="w-10/24"> <div class="w-10/24">
{{ parseTime(item.ts, false, "{h}:{i}:{s}") }} {{ parseTime(item.ts, false, "{h}:{i}:{s}") }}
</div> </div>
<div class="w-7/24 increace"> <div class="w-7/24 increase">
{{ item.price }} {{ item.price }}
</div> </div>
<div class="w-7/24 text-right"> <div class="w-7/24 text-right">
@ -170,12 +171,14 @@ export default {
}; };
}, },
sellListShow() { sellListShow() {
let list = this.sellList.splice(0, 12); let list = this.sellList.splice(0, 12);
let total = 0; let total = 0;
list.forEach(item => { list.forEach(item => {
item.total = total += item.amount; item.total = total += item.amount;
}); });
return list.reverse(); // console.log(list,'sellListShow' )
return list.reverse();
// return [];
}, },
buyListShow() { buyListShow() {
let list = this.buyList.splice(0, 12); let list = this.buyList.splice(0, 12);
@ -183,7 +186,9 @@ export default {
list.forEach(item => { list.forEach(item => {
item.total = total += item.amount; item.total = total += item.amount;
}); });
// console.log(list, 'buyListShow')
return list; return list;
// return [];
} }
}, },
created() { created() {
@ -192,7 +197,8 @@ export default {
this.linkSocket(); this.linkSocket();
} }
bus.$on('collapse', msg => { bus.$on('collapse', msg => {
this.newPriceObj.price =this.symbol=='BTC'? (msg.close).toFixed(1):(msg.close).toFixed(3); // +
this.newPriceObj.price = +(this.symbol=='BTC'? (msg.close).toFixed(1):(msg.close).toFixed(3));
this.$emit("input", this.newPriceObj); this.$emit("input", this.newPriceObj);
}); });
}, },
@ -208,7 +214,9 @@ export default {
this.sellList = res.swapSellList; this.sellList = res.swapSellList;
this.buyList = res.swapBuyList; this.buyList = res.swapBuyList;
this.tradeList = res.swapTradeList; this.tradeList = res.swapTradeList;
this.newPriceObj = this.tradeList[0]; if(this.tradeList.length>0){
this.newPriceObj = this.tradeList[0];
}
this.$emit("input", this.newPriceObj); this.$emit("input", this.newPriceObj);
}); });
}, },

2
src/views/contract/handicapRight.vue

@ -21,7 +21,7 @@
<div class="w-10/24"> <div class="w-10/24">
{{ parseTime(item.ts, false, "{h}:{i}:{s}") }} {{ parseTime(item.ts, false, "{h}:{i}:{s}") }}
</div> </div>
<div class="w-7/24" :class="item.direction=='buy'?'increace':'decreace'"> <div class="w-7/24" :class="item.direction=='buy'?'increase':'decreace'">
{{ item.price }} {{ item.price }}
</div> </div>
<div class="w-7/24 text-right"> <div class="w-7/24 text-right">

6
src/views/contract/hold-position.vue

@ -51,7 +51,7 @@
<td>{{ item.avg_price * 1 }}</td> <td>{{ item.avg_price * 1 }}</td>
<td>{{ item.realtimePrice }}</td> <td>{{ item.realtimePrice }}</td>
<td>{{ item.flatPrice }}</td> <td>{{ item.flatPrice }}</td>
<td :class="item.unRealProfit>0?'increace':item.unRealProfit<0?'decreace':''">{{ (parseFloat(item.unRealProfit)).toFixed(2) }}</td> <td :class="item.unRealProfit>0?'increase':item.unRealProfit<0?'decreace':''">{{ (parseFloat(item.unRealProfit)).toFixed(2) }}</td>
<td>{{ item.profitRate }}</td> <td>{{ item.profitRate }}</td>
<td>{{ item.tpPrice || "--" }}/{{ item.slPrice || "--" }}</td> <td>{{ item.tpPrice || "--" }}/{{ item.slPrice || "--" }}</td>
<td> <td>
@ -624,8 +624,8 @@ export default {
}, },
}; };
</script> </script>
<style scoped"> <style scoped>
.increace{ .increase{
color: #53b987; color: #53b987;
} }
.decreace{ .decreace{

4
src/views/contract/index copy.vue

@ -38,7 +38,7 @@
</td> </td>
<td <td
class="w-8/24 text-right" class="w-8/24 text-right"
:class="item.increase < 0 ? 'decreace' : 'increace'" :class="item.increase < 0 ? 'decreace' : 'increase'"
> >
{{ item.increaseStr }} {{ item.increaseStr }}
</td> </td>
@ -61,7 +61,7 @@
class="price px-3 border-right" class="price px-3 border-right"
:class="{ :class="{
decreace: activeContract.increase < 0, decreace: activeContract.increase < 0,
increace: activeContract.increase >= 0 increase: activeContract.increase >= 0
}" }"
> >
<span class="current">{{ activeContract.price }}$</span> <span class="current">{{ activeContract.price }}$</span>

5
src/views/contract/index.vue

@ -78,7 +78,7 @@
class="price px-3 border-right" class="price px-3 border-right"
:class="{ :class="{
decreace: activeContract.increase < 0, decreace: activeContract.increase < 0,
increace: activeContract.increase >= 0 increase: activeContract.increase >= 0
}" }"
> >
<span class="current">{{ activeContract.price }}$</span> <span class="current">{{ activeContract.price }}$</span>
@ -385,4 +385,7 @@ export default {
.tr-text { .tr-text {
color: #000000!important; color: #000000!important;
} }
.increase{
color: #53b987;
}
</style> </style>

2
src/views/contract/transaction-record.vue

@ -14,7 +14,7 @@
<td>{{ item.log_type_text }}</td> <td>{{ item.log_type_text }}</td>
<td <td
:class="{ :class="{
increace: item.amount >= 0, increase: item.amount >= 0,
decreace: item.amount < 0 decreace: item.amount < 0
}" }"
> >

4
src/views/exchange/book-trades.vue

@ -32,7 +32,7 @@
<td class="w-33"> <td class="w-33">
<span>{{ $t("exchange.last-price") }}</span> <span>{{ $t("exchange.last-price") }}</span>
<i :class="newTrade.changeRate > 0 ? 'tri-inc' : 'tri-dec'"></i> <i :class="newTrade.changeRate > 0 ? 'tri-inc' : 'tri-dec'"></i>
<b :class="newTrade.changeRate > 0 ? 'increace' : 'decreace'">{{ newTrade.price}}</b> <b :class="newTrade.changeRate > 0 ? 'increase' : 'decreace'">{{ newTrade.price}}</b>
</td> </td>
<td class="w-33 text-right"> <td class="w-33 text-right">
<span v-if="langs=='cn'">CNY</span> <span v-if="langs=='cn'">CNY</span>
@ -41,7 +41,7 @@
<span v-if="langs=='cn'"> {{newTrade.price*priceCny|omitTo(2)}}</span> <span v-if="langs=='cn'"> {{newTrade.price*priceCny|omitTo(2)}}</span>
<span v-else> {{newTrade.price|omitTo(2)}}</span> <span v-else> {{newTrade.price|omitTo(2)}}</span>
</td> </td>
<td class="w-33 text-right" :class="changeRate.startsWith('+') ? 'increace' : 'decreace'"> <td class="w-33 text-right" :class="changeRate.startsWith('+') ? 'increase' : 'decreace'">
<span>{{ $t("exchange.change") }}</span> <span>{{ $t("exchange.change") }}</span>
{{ changeRate }} {{ changeRate }}
</td> </td>

4
src/views/exchange/symbols.vue

@ -79,7 +79,7 @@ export default {
marketInfoList: Array(10).fill({ marketInfoList: Array(10).fill({
coin_name: "-", coin_name: "-",
price: "-", price: "-",
increace: 0, increase: 0,
increaseStr: "+0.00%", increaseStr: "+0.00%",
}), }),
}) })
@ -108,7 +108,7 @@ export default {
marketInfoList: Array(10).fill({ marketInfoList: Array(10).fill({
pair: "-", pair: "-",
price: "-", price: "-",
increace: 0, increase: 0,
increaseStr: "+0.00%", increaseStr: "+0.00%",
}), }),
}, },

39
src/views/home/index.vue

@ -33,7 +33,7 @@
</div> </div>
<div class="d-flex"> <div class="d-flex">
<span>{{ item.price }}</span> <span>{{ item.price }}</span>
<span :class="item.increase >= 0 ? 'increace' : 'decreace'"> <span :class="item.increase >= 0 ? 'increase' : 'decreace'">
{{ item.increaseStr }} {{ item.increaseStr }}
</span> </span>
</div> </div>
@ -145,7 +145,7 @@
<td> <td>
<span <span
:class=" :class="
item.increase * 1 >= 0 ? 'increace' : 'decreace' item.increase * 1 >= 0 ? 'increase' : 'decreace'
" "
>{{ item.close }}</span >{{ item.close }}</span
> >
@ -153,7 +153,7 @@
<td> <td>
<span <span
:class=" :class="
item.increase * 1 >= 0 ? 'increace' : 'decreace' item.increase * 1 >= 0 ? 'increase' : 'decreace'
" "
>{{ item.increaseStr }}</span >{{ item.increaseStr }}</span
> >
@ -236,7 +236,7 @@
<td> <td>
<span <span
:class=" :class="
item.increase * 1 >= 0 ? 'increace' : 'decreace' item.increase * 1 >= 0 ? 'increase' : 'decreace'
" "
>{{ item.close }}</span >{{ item.close }}</span
> >
@ -245,7 +245,7 @@
<!-- <td> <!-- <td>
<span <span
:class=" :class="
item.increase * 1 >= 0 ? 'increace' : 'decreace' item.increase * 1 >= 0 ? 'increase' : 'decreace'
" "
>{{ item.increaseStr }}</span >{{ item.increaseStr }}</span
> >
@ -253,15 +253,15 @@
<td> --> <td> -->
<!-- <span <!-- <span
:class=" :class="
item.increase * 1 >= 0 ? 'increace' : 'decreace' item.increase * 1 >= 0 ? 'increase' : 'decreace'
" "
>{{ item.increaseStr }}</span >{{ item.increaseStr }}</span
> --> > -->
<!-- <img src="../../assets/img/increace.png" class="td_img" alt="" v-show="item.increase * 1 >= 0"> <!-- <img src="../../assets/img/increase.png" class="td_img" alt="" v-show="item.increase * 1 >= 0">
<img src="../../assets/img/decreace.png" class="td_img" alt="" v-show="item.increase * 1 < 0"> --> <img src="../../assets/img/decreace.png" class="td_img" alt="" v-show="item.increase * 1 < 0"> -->
<!-- <svg width="109" height="39"> <!-- <svg width="109" height="39">
<g style="transform: translate(0, 10px)"> <g style="transform: translate(0, 10px)">
<path :d="item.line" :class="item.increase *1 <0 ?'path_decreace':'path_increace'"/> <path :d="item.line" :class="item.increase *1 <0 ?'path_decreace':'path_increase'"/>
</g> </g>
</svg> --> </svg> -->
<!-- <price-line <!-- <price-line
@ -416,9 +416,9 @@
</div> </div>
<div style="width:25%;text-align: center;"> <div style="width:25%;text-align: center;">
<div class="th">{{ $t("xtzcoins3.a11") }}</div> <div class="th">{{ $t("xtzcoins3.a11") }}</div>
<div :class="brokenLine[0].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[0].increaseStr}}</div> <div :class="brokenLine[0].increase < 0 ? 'td c_decreace' : 'td c_increase'">{{brokenLine[0].increaseStr}}</div>
<div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[1].increaseStr}}</div> <div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increase'">{{brokenLine[1].increaseStr}}</div>
<div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[2].increaseStr}}</div> <div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increase'">{{brokenLine[2].increaseStr}}</div>
</div> </div>
<div style="width:25%;text-align: right;"> <div style="width:25%;text-align: right;">
<div class="th">{{ $t("xtzcoins3.a12") }}</div> <div class="th">{{ $t("xtzcoins3.a12") }}</div>
@ -464,9 +464,9 @@
</div> </div>
<div style="width:25%;text-align: center;"> <div style="width:25%;text-align: center;">
<div class="th">{{ $t("xtzcoins3.a11") }}</div> <div class="th">{{ $t("xtzcoins3.a11") }}</div>
<div :class="brokenLine[0].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[0].increaseStr}}</div> <div :class="brokenLine[0].increase < 0 ? 'td c_decreace' : 'td c_increase'">{{brokenLine[0].increaseStr}}</div>
<div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[1].increaseStr}}</div> <div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increase'">{{brokenLine[1].increaseStr}}</div>
<div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[2].increaseStr}}</div> <div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increase'">{{brokenLine[2].increaseStr}}</div>
</div> </div>
<div style="width:25%;text-align: right;"> <div style="width:25%;text-align: right;">
<div class="th">{{ $t("xtzcoins3.a12") }}</div> <div class="th">{{ $t("xtzcoins3.a12") }}</div>
@ -1589,14 +1589,14 @@ path {
stroke: #ff231f; stroke: #ff231f;
} }
.path_increace { .path_increase {
stroke: #76bf8a; stroke: #76bf8a;
} }
.c_decreace { .c_decreace {
color: #ff231f; color: #ff231f;
} }
.c_increace { .c_increase {
color: #76bf8a; color: #76bf8a;
} }
@ -2546,13 +2546,16 @@ path {
font-weight: 600; font-weight: 600;
} }
.btn3{ .btn3{
width: 200px; display: inline-block;
padding: 10px 0px; width: auto;
padding: 10px 20px;
text-align: center; text-align: center;
background: #F7D558; background: #F7D558;
border-radius: 4px; border-radius: 4px;
min-width: 200px;
} }
} }
.section-block-1{ .section-block-1{
width: 100%; width: 100%;
padding: 40px calc(50% - 550px); padding: 40px calc(50% - 550px);

8
src/views/market/index.vue

@ -53,10 +53,10 @@
</td> </td>
<td>{{item.pair_name}}</td> <td>{{item.pair_name}}</td>
<td> <td>
<span :class="(item.increase*1)>=0?'increace':'decreace'">{{item.close}}</span> <span :class="(item.increase*1)>=0?'increase':'decreace'">{{item.close}}</span>
</td> </td>
<td> <td>
<span :class="(item.increase*1)>=0?'increace':'decreace'">{{item.increaseStr}}</span> <span :class="(item.increase*1)>=0?'increase':'decreace'">{{item.increaseStr}}</span>
</td> </td>
<td>{{item.high}}</td> <td>{{item.high}}</td>
<td>{{item.low}}</td> <td>{{item.low}}</td>
@ -94,10 +94,10 @@
</td> </td>
<td>{{item.pair_name}}</td> <td>{{item.pair_name}}</td>
<td> <td>
<span :class="(item.increase*1)>=0?'increace':'decreace'">{{item.close}}</span> <span :class="(item.increase*1)>=0?'increase':'decreace'">{{item.close}}</span>
</td> </td>
<td> <td>
<span :class="(item.increase*1)>=0?'increace':'decreace'">{{item.increaseStr}}</span> <span :class="(item.increase*1)>=0?'increase':'decreace'">{{item.increaseStr}}</span>
</td> </td>
<td>{{item.high}}</td> <td>{{item.high}}</td>
<td>{{item.low}}</td> <td>{{item.low}}</td>

4
src/views/option/index.vue

@ -34,7 +34,7 @@
> >
<span>{{minItem.pair_time_name}}</span> <span>{{minItem.pair_time_name}}</span>
<span <span
:class="(minItem.increase*1)>=0?'increace':'decreace'" :class="(minItem.increase*1)>=0?'increase':'decreace'"
>{{minItem.increaseStr}}</span> >{{minItem.increaseStr}}</span>
</div> </div>
</el-collapse-item> </el-collapse-item>
@ -46,7 +46,7 @@
class="price px-3 border-right" class="price px-3 border-right"
:class="{ :class="{
decreace:(newCoinInfo.increase*1)<0, decreace:(newCoinInfo.increase*1)<0,
increace:(newCoinInfo.increase*1)>=0 increase:(newCoinInfo.increase*1)>=0
}" }"
> >
<span class="current">{{newCoinInfo.price}}</span> <span class="current">{{newCoinInfo.price}}</span>

8
src/views/option/option-bottom.vue

@ -43,7 +43,7 @@
<td>{{item.created_at}}</td> <td>{{item.created_at}}</td>
<td>{{item.bet_amount}} ({{item.bet_coin_name}})</td> <td>{{item.bet_amount}} ({{item.bet_coin_name}})</td>
<td> <td>
<span class="increace" v-if="item.up_down==1">{{$t('option.buyingUp')}} ({{item.range}}%)</span> <span class="increase" v-if="item.up_down==1">{{$t('option.buyingUp')}} ({{item.range}}%)</span>
<span class="decreace" v-if="item.up_down==2">{{$t('option.buyDwon')}} ({{item.range}}%)</span> <span class="decreace" v-if="item.up_down==2">{{$t('option.buyDwon')}} ({{item.range}}%)</span>
<span v-if="item.up_down==3">{{$t('option.buyEven')}} ({{item.range}}%)</span> <span v-if="item.up_down==3">{{$t('option.buyEven')}} ({{item.range}}%)</span>
@ -93,7 +93,7 @@
<td>{{item.created_at}}</td> <td>{{item.created_at}}</td>
<td>{{item.bet_amount}} ({{item.bet_coin_name}})</td> <td>{{item.bet_amount}} ({{item.bet_coin_name}})</td>
<td> <td>
<span class="increace" v-if="item.up_down==1">{{$t('option.buyingUp')}} ({{item.range}}%)</span> <span class="increase" v-if="item.up_down==1">{{$t('option.buyingUp')}} ({{item.range}}%)</span>
<span class="decreace" v-if="item.up_down==2">{{$t('option.buyDwon')}} ({{item.range}}%)</span> <span class="decreace" v-if="item.up_down==2">{{$t('option.buyDwon')}} ({{item.range}}%)</span>
<span v-if="item.up_down==3">{{$t('option.buyEven')}} ({{item.range}}%)</span> <span v-if="item.up_down==3">{{$t('option.buyEven')}} ({{item.range}}%)</span>
@ -104,13 +104,13 @@
{{item.scene.delivery_range}}% {{item.scene.delivery_range}}%
( (
<span <span
class="increace" class="increase"
v-if="item.scene.delivery_up_down==1" v-if="item.scene.delivery_up_down==1"
>{{$t('option.up')}}</span> >{{$t('option.up')}}</span>
<span class="decreace" v-if="item.scene.delivery_up_down==2">{{$t('option.down')}}</span> <span class="decreace" v-if="item.scene.delivery_up_down==2">{{$t('option.down')}}</span>
<span v-if="item.scene.delivery_up_down==3"></span>) <span v-if="item.scene.delivery_up_down==3"></span>)
</td> </td>
<td :class="(item.delivery_amount*1)>0?'increace':'decreace'">{{item.delivery_amount}} ({{item.bet_coin_name}})</td> <td :class="(item.delivery_amount*1)>0?'increase':'decreace'">{{item.delivery_amount}} ({{item.bet_coin_name}})</td>
</tr> </tr>
<tr v-if="!list2.length"> <tr v-if="!list2.length">
<td colspan="9"> <td colspan="9">

14
src/views/option/option-operation.vue

@ -48,9 +48,9 @@
class="head d-flex justify-content-between align-items-center px-3 py-1 bg-light rounded-pill" class="head d-flex justify-content-between align-items-center px-3 py-1 bg-light rounded-pill"
> >
<div> <div>
<i class="el-icon-sort-up fn-22 increace"></i> <i class="el-icon-sort-up fn-22 increase"></i>
<el-dropdown> <el-dropdown>
<span class="status fn-22 increace"> <span class="status fn-22 increase">
{{$t('option.up')}} {{$t('option.up')}}
<span class="fn-14"> {{activeUp.range}}%</span> <span class="fn-14"> {{activeUp.range}}%</span>
<i class="el-icon-arrow-down el-icon--right"></i> <i class="el-icon-arrow-down el-icon--right"></i>
@ -62,7 +62,7 @@
:key="item.uuid" :key="item.uuid"
@click.native="up=item.uuid" @click.native="up=item.uuid"
> >
<div class="col flex-fill pl-3 increace fn-12 text-nowrap"> <div class="col flex-fill pl-3 increase fn-12 text-nowrap">
<i class="el-icon-top fn-16"></i> <i class="el-icon-top fn-16"></i>
{{$t('option.up')}} {{item.range}}% {{$t('option.up')}} {{item.range}}%
</div> </div>
@ -114,7 +114,7 @@
</div> </div>
<small class="w-100 form-text text-muted"> <small class="w-100 form-text text-muted">
<span>{{$t('option.balance')}}{{upCoin.balance||'--'}} {{upCoin.coin_name}}</span> <span>{{$t('option.balance')}}{{upCoin.balance||'--'}} {{upCoin.coin_name}}</span>
<span class="increace float-right">{{$t('option.expectedRevenue')}}{{expected(upAmount,activeUp.odds)}}</span> <span class="increase float-right">{{$t('option.expectedRevenue')}}{{expected(upAmount,activeUp.odds)}}</span>
</small> </small>
</div> </div>
</div> </div>
@ -196,7 +196,7 @@
<small class="w-100 form-text text-muted"> <small class="w-100 form-text text-muted">
<span>{{$t('option.balance')}}{{downCoin.balance||'--'}} {{downCoin.coin_name}}</span> <span>{{$t('option.balance')}}{{downCoin.balance||'--'}} {{downCoin.coin_name}}</span>
<span <span
class="increace float-right" class="increase float-right"
>{{$t('option.expectedRevenue')}}{{expected(downAmount,activeDown.odds)}}</span> >{{$t('option.expectedRevenue')}}{{expected(downAmount,activeDown.odds)}}</span>
</small> </small>
</div> </div>
@ -262,7 +262,7 @@
<small class="w-100 form-text text-muted"> <small class="w-100 form-text text-muted">
<span>{{$t('option.balance')}}{{drawCoin.balance||'--'}} {{drawCoin.coin_name}}</span> <span>{{$t('option.balance')}}{{drawCoin.balance||'--'}} {{drawCoin.coin_name}}</span>
<span <span
class="increace float-right" class="increase float-right"
>{{$t('option.expectedRevenue')}}{{expected(drawAmount,activeDraw.odds)}}</span> >{{$t('option.expectedRevenue')}}{{expected(drawAmount,activeDraw.odds)}}</span>
</small> </small>
</div> </div>
@ -289,7 +289,7 @@
:key="item.scene_id" :key="item.scene_id"
> >
<div>{{item.end_time_text}}</div> <div>{{item.end_time_text}}</div>
<div :class="item.delivery_range*1>=0?'increace':'decreace'"> <div :class="item.delivery_range*1>=0?'increase':'decreace'">
{{item.delivery_range*1>=0?'+':''}} {{item.delivery_range*1>=0?'+':''}}
{{item.delivery_range}}% {{item.delivery_range}}%
</div> </div>

6
src/views/order/option-order.vue

@ -41,16 +41,16 @@
<td>{{item.created_at}}</td> <td>{{item.created_at}}</td>
<td>{{item.time_name}}</td> <td>{{item.time_name}}</td>
<td> <td>
<span class="increace" v-if="item.up_down==1">{{$t('order.buyUp')}} ({{item.range}}%)</span> <span class="increase" v-if="item.up_down==1">{{$t('order.buyUp')}} ({{item.range}}%)</span>
<span class="decreace" v-if="item.up_down==2">{{$t('order.buyDown')}} ({{item.range}}%)</span> <span class="decreace" v-if="item.up_down==2">{{$t('order.buyDown')}} ({{item.range}}%)</span>
<span v-if="item.up_down==3">{{$t('order.buyLevel')}} ({{item.range}}%)</span> <span v-if="item.up_down==3">{{$t('order.buyLevel')}} ({{item.range}}%)</span>
</td> </td>
<td>{{item.odds}}</td> <td>{{item.odds}}</td>
<td>{{item.bet_amount}}</td> <td>{{item.bet_amount}}</td>
<td :class="(item.delivery_amount*1)>0?'increace':'decreace'">{{item.range}}%</td> <td :class="(item.delivery_amount*1)>0?'increase':'decreace'">{{item.range}}%</td>
<td>{{item.status_text}}</td> <td>{{item.status_text}}</td>
<td <td
:class="(item.delivery_amount*1)>0?'increace':'decreace'" :class="(item.delivery_amount*1)>0?'increase':'decreace'"
>{{item.delivery_amount}} ({{item.bet_coin_name}})</td> >{{item.delivery_amount}} ({{item.bet_coin_name}})</td>
</tr> </tr>
<tr v-if="!list.length"> <tr v-if="!list.length">

2
src/views/profile/certification.vue

@ -242,7 +242,7 @@
</div> </div>
<div v-else-if="detail.status==2"> <div v-else-if="detail.status==2">
<p class="mt-3 mb-4" style="font-size:18px">{{$t('profile.congratulations')}}{{detail.status_text_lang}}</p> <p class="mt-3 mb-4" style="font-size:18px">{{$t('profile.congratulations')}}{{detail.status_text_lang}}</p>
<!-- <i class="el-icon-circle-check my-4 increace" style="font-size:60px"></i> --> <!-- <i class="el-icon-circle-check my-4 increase" style="font-size:60px"></i> -->
<img src="../../assets/img/success.png" alt="" width="50px" style="margin: 24px auto;"> <img src="../../assets/img/success.png" alt="" width="50px" style="margin: 24px auto;">
<div class="text-center"> <div class="text-center">
<button <button

4
src/views/purchase/index.vue

@ -390,6 +390,8 @@ export default {
confirmButtonText: this.$t("contract.c5"), confirmButtonText: this.$t("contract.c5"),
cancelButtonText: this.$t("contract.c4"), cancelButtonText: this.$t("contract.c4"),
type: "warning", type: "warning",
confirmButtonClass:'bg-yellow2',//
cancelButtonClass:'bg-gray-ccc'
}) })
.then(() => { .then(() => {
this.$router.push(`/sign-in`); this.$router.push(`/sign-in`);
@ -409,6 +411,8 @@ export default {
{ {
confirmButtonText: this.$t("common.confirmBtn"), confirmButtonText: this.$t("common.confirmBtn"),
cancelButtonText: this.$t("common.cancelBtn"), cancelButtonText: this.$t("common.cancelBtn"),
confirmButtonClass:'bg-yellow2',//
cancelButtonClass:'bg-gray-ccc'
} }
) )
.then(() => { .then(() => {

9
src/views/wallet/address.vue

@ -320,13 +320,8 @@ export default {
this.$confirm(this.$t("wallet.remarksDelete") + "?",{ this.$confirm(this.$t("wallet.remarksDelete") + "?",{
confirmButtonText:this.$t('common.confirmBtn'), confirmButtonText:this.$t('common.confirmBtn'),
cancelButtonText: this.$t('common.cancelBtn'), cancelButtonText: this.$t('common.cancelBtn'),
iconColor:'#F7D558',// confirmButtonClass:'bg-yellow2',//
confirmButtonType: 'Warning',// cancelButtonClass:'bg-gray-ccc'
type: 'Warning',//
confirmButtonColor:'#F7D558',//
confirmButtonType:'Warning',//
confirmButtonClass:'bg-yellow2',//
cancelButtonClass:'bg-gray-ccc',//
}) })
.then(() => { .then(() => {
Wallet.withdrawalAddressDeleted({ id }) Wallet.withdrawalAddressDeleted({ id })

2
src/views/wallet/contract-assets.vue

@ -38,7 +38,7 @@
<td>{{ item.log_type_text }}</td> <td>{{ item.log_type_text }}</td>
<td <td
:class="{ :class="{
increace: item.amount >= 0, increase: item.amount >= 0,
decreace: item.amount < 0 decreace: item.amount < 0
}" }"
> >

10
src/views/wallet/exchange-assets.vue

@ -34,7 +34,8 @@
<div>{{ $t("xtzcoins3.a96") }}</div> <div>{{ $t("xtzcoins3.a96") }}</div>
<div style="color: #999;font-size: 12px;">{{ $t("xtzcoins3.a97") }}</div> <div style="color: #999;font-size: 12px;">{{ $t("xtzcoins3.a97") }}</div>
</div> </div>
<router-link to="/exchange" class="buy-btn-a">{{ $t("xtzcoins3.a70") }}</router-link> <!-- <router-link to="/exchange" class="buy-btn-a">{{ $t("xtzcoins3.a70") }}</router-link> -->
<div @click="PageScrollTo(775)" class="buy-btn-a">{{ $t("xtzcoins3.a70") }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -733,6 +734,9 @@ export default {
}) })
.catch(res => {}); .catch(res => {});
}, },
PageScrollTo(num){
document.documentElement.scrollTop = num;
}
}, },
created() { created() {
@ -878,7 +882,7 @@ created() {
/deep/ .form-control{ /deep/ .form-control{
color: #999; color: #999;
background-color: #f8f8f8; background-color: #f8f8f8;
border-color: #f8f8f8; border-color: #e5e5e5;
} }
.dropdown-menu{ .dropdown-menu{
background-color: #fff; background-color: #fff;
@ -910,5 +914,7 @@ input[type=radio]{
color: #000!important; color: #000!important;
background-color: #F7D558; background-color: #F7D558;
border-radius: 4px; border-radius: 4px;
cursor: pointer;
} }
</style> </style>

2
src/views/wallet/funding.vue

@ -64,7 +64,7 @@
<!-- <td>-/-</td> --> <!-- <td>-/-</td> -->
<td class="text-right"> <td class="text-right">
<span class="decreace" v-if="item.status == Globals.Status.Funding.FAIL">{{$t('wallet.error')}}</span> <span class="decreace" v-if="item.status == Globals.Status.Funding.FAIL">{{$t('wallet.error')}}</span>
<span class="increace" v-if="item.status == Globals.Status.Funding.SUCCESS">{{$t('wallet.success')}}</span> <span class="increase" v-if="item.status == Globals.Status.Funding.SUCCESS">{{$t('wallet.success')}}</span>
<span class="color-cls-gray" v-if="item.status == Globals.Status.Funding.PENDING">{{$t('wallet.underReview')}}</span> <span class="color-cls-gray" v-if="item.status == Globals.Status.Funding.PENDING">{{$t('wallet.underReview')}}</span>
</td> </td>

2
项目文档.md

@ -166,7 +166,7 @@ UI框架选型为`ELEMNET`,为了适配当前站点风格,我们改写了ele
@cls-purple : rgba(193, 187, 242, 1); // 经典浅紫色 @cls-purple : rgba(193, 187, 242, 1); // 经典浅紫色
// exchange & contract // exchange & contract
@claret : #FF5959; // decreace 酒红色 @claret : #FF5959; // decreace 酒红色
@turquoise : #25BC67; // increace 青绿色 @turquoise : #25BC67; // increase 青绿色
``` ```

Loading…
Cancel
Save