15 changed files with 11692 additions and 11282 deletions
|
After Width: | Height: | Size: 2.6 KiB |
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,189 @@ |
|||
<template> |
|||
<div class="settings wallet-page"> |
|||
<secondary-nav></secondary-nav> |
|||
<div class="container"> |
|||
<div class="" style="background-color: #121212;color: #fff;padding:20px 40px;margin-top: 10px;"> |
|||
<div class="title1">{{$t('service.a1')}}</div> |
|||
<div class="title2">{{$t('service.a2')}}</div> |
|||
<div class="title3">{{$t('service.a3')}}</div> |
|||
<!-- 存入金额 --> |
|||
<div class="d-flex"> |
|||
<input type="number" placeholder="0.000" v-model="form.amount" class="input-control" style="background-color: #242424;"></input> |
|||
<div class="right_txt">EGP</div> |
|||
</div> |
|||
<div class="title3">{{$t('service.a4')}}</div> |
|||
<div class="d-flex"> |
|||
<input type="number" placeholder="0" model="form.amount1" class="input-control" style="background-color: #242424;width: 65%;"></v-input> |
|||
<div class="right_txt" style="color: #d2de8e;">USDT</div> |
|||
</div> |
|||
<div class="flex-text"> |
|||
<div>{{$t('service.a5')}}</div> |
|||
<div>1 EGP ≈ 0.0211 USDT</div> |
|||
</div> |
|||
<div class="banking_box"> |
|||
<div>{{$t('service.a6')}}</div> |
|||
<div class="banking_title2">{{$t('service.a7')}}<span class="banking_span">EGP</span>{{$t('service.a8')}}</div> |
|||
<div> |
|||
<div class="banking_box1"> |
|||
<div class="banking_border"></div> |
|||
<div class="banking_txt">E-Banking</div> |
|||
</div> |
|||
<div class="banking_box2"> |
|||
<div style="color: #717171;">{{$t('service.a9')}}<span style="color: #fff;">**** ****</span></div> |
|||
</div> |
|||
<div class="banking_box2"> |
|||
<div style="color: #717171;">{{$t('service.a10')}}<span style="color: #fff;">********</span></div> |
|||
</div> |
|||
<div class="banking_box2"> |
|||
<div style="color: #717171;">{{$t('service.a11')}}<span style="color: #fff;">********</span></div> |
|||
</div> |
|||
</div> |
|||
<div class="banking_title3">{{$t('service.a12')}}</div> |
|||
</div> |
|||
<div style="margin: 20px 0px;font-size: 30px;">{{$t('service.a13')}}</div> |
|||
<upload-img class="mb-3" v-model="form.images"> |
|||
<template #text> |
|||
<div class="el-upload__text">{{$t('profile.dragHere')}} <em>{{$t('profile.clickUpload')}}</em> |
|||
</div> |
|||
</template> |
|||
</upload-img> |
|||
<div style="margin-top: 15px;margin-bottom: 50px;">* {{$t('service.a14')}}</div> |
|||
<div style="margin-left: 200px;"> |
|||
<button class="btn btn-primary rounded-pill" @click="openshow" |
|||
style="background-image: linear-gradient(to right, #abbb62, #abbb62);padding: 10px 60px;"> |
|||
{{ $t('service.a15') }} |
|||
</button> |
|||
</div> |
|||
<div class="modal fade" tabindex="-1" role="dialog" id="deposite" aria-hidden="true"> |
|||
<div class="modal-dialog modal-xl modal-dialog-centered" style="width: 400px;"> |
|||
<div class="modal-content bg-panel" style="background-color: #22222d;"> |
|||
<div class="modal-header" style="border: 0px;"> |
|||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|||
<span aria-hidden="true">×</span> |
|||
</button> |
|||
</div> |
|||
<div style="text-align: center;"> |
|||
<img src="@/assets/img/service2.png" alt="" /> |
|||
</div> |
|||
<div> |
|||
<div style="text-align: center;color: #fff;margin: 15px 0px;">{{$t('service.a16')}}</div> |
|||
<div style="display: flex;justify-content: center;margin-bottom: 20px;text-align: center;"> |
|||
{{$t('service.a17')}}{{$t('common.email')}}: sevice@bigtcoins.com |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
form: { |
|||
images: '', |
|||
amount:'', |
|||
amount1:'' |
|||
}, |
|||
show: false |
|||
} |
|||
}, |
|||
methods: { |
|||
openshow() { |
|||
$("#deposite").modal("show"); |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.title1{ |
|||
// margin-top: 50px; |
|||
font-weight: bold; |
|||
font-size: 45px; |
|||
} |
|||
.title2{ |
|||
margin-top: 10px; |
|||
font-weight: bold; |
|||
} |
|||
.title3{ |
|||
margin-top: 20px; |
|||
margin-bottom: 20px; |
|||
font-weight: bold; |
|||
color: #6e6c6d; |
|||
} |
|||
.right_txt{ |
|||
height: 38px; |
|||
font-size: 15px; |
|||
line-height: 40px; |
|||
padding-right: 10px; |
|||
background-color: #242424; |
|||
border-radius: 0px 5px 5px 0px; |
|||
} |
|||
.input-control{ |
|||
width: 66%; |
|||
height: calc(1.5em + .75rem + 2px); |
|||
padding: .375rem .75rem; |
|||
font-size: 1rem; |
|||
font-weight: 400; |
|||
line-height: 1.5; |
|||
color: #495057; |
|||
background-color: #fff; |
|||
background-clip: padding-box; |
|||
border: 1px solid #242424; |
|||
border-radius: 5px 0px 0px 5px; |
|||
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; |
|||
} |
|||
.flex-text{ |
|||
width: 53%; |
|||
display: flex; |
|||
color: #6e6c6d; |
|||
font-size: 12px; |
|||
justify-content: space-between; |
|||
margin-top: 5px; |
|||
} |
|||
.banking_box{ |
|||
width: 70%; |
|||
margin-top: 45px; |
|||
border-radius: 10px; |
|||
padding: 30px 20px; |
|||
background-color: #202020; |
|||
|
|||
.banking_title2{ |
|||
margin-top: 20px; |
|||
.banking_span{ |
|||
color: #d2de8e; |
|||
font-weight: bold; |
|||
padding-left: 10px; |
|||
} |
|||
} |
|||
|
|||
.banking_box1{ |
|||
display: flex; |
|||
margin-top: 40px; |
|||
.banking_border{ |
|||
height: 25px; |
|||
margin-top: 13px; |
|||
border: 1px solid #5479c2; |
|||
} |
|||
.banking_txt{ |
|||
font-size: 32px; |
|||
margin-left: 10px; |
|||
} |
|||
} |
|||
|
|||
.banking_box2{ |
|||
display: flex; |
|||
margin-top: 20px; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.banking_title3{ |
|||
font-size: 26px; |
|||
margin-top: 50px; |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue