15 changed files with 11692 additions and 11282 deletions
|
After Width: | Height: | Size: 2.6 KiB |
@ -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