| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182 |
- <template>
- <!-- 提现 -->
- <div class="loan-header">
- <div class="header-content pf600 fs16 fc1F2937">
- <img
- class="left-arrow-image"
- src="../../../assets/icon/index/left-arrow.svg"
- @click="toPath()" />
- 提现
- <div class="save pf600 fs14 fcA8A8A8">
- <img src="../../../assets/icon/index/history.svg" alt="" />历史
- </div>
- </div>
- </div>
- <div class="withdraw-index">
- <div class="card-type">
- <div class="card-text pf500 fs14 fc333333">请选择货币类型</div>
- <div class="type-select pf400 fs14 fc333333">
- USDT
- <img src="../../../assets/icon/market/bottom-arrow.svg" alt="" />
- </div>
- </div>
- <div class="card-type">
- <div class="card-text pf500 fs14 fc333333">请选择主网络</div>
- <div class="type-select pf400 fs14 fc333333">
- ERC 20
- <img src="../../../assets/icon/market/bottom-arrow.svg" alt="" />
- </div>
- </div>
- <div class="card-number">
- <div class="card-text pf500 fs14 fc333333">请输入提现地址</div>
- <div class="number-input">
- <input type="text" class="input pf400 fs14 fc333333" placeholder="请输入" />
- </div>
- </div>
- <div class="card-number">
- <div class="card-text pf500 fs14 fc333333">提现金额</div>
- <div class="number-input">
- <input
- type="text"
- class="input pf400 fs14 fc333333"
- placeholder="请输入提现金额" />
- <div class="all pf500 fs14 fc333333">USDT <span class="fcDF384C">全部</span></div>
- </div>
- </div>
- <div class="use-money pf500 fs12 fc333333">可用 215.0508 USDT</div>
- <div class="submit pf600 fs14 fcFFFFFF">立即提现</div>
- <div class="gas-fee pf500 fs14 fc333333">提现手续费: 3%</div>
- </div>
- </template>
- <script setup></script>
- <style lang="less" scoped>
- .loan-header {
- position: fixed;
- left: 0;
- top: 0;
- z-index: 1;
- width: 100%;
- height: 48px;
- background: #ffffff;
- overflow: hidden;
- .header-content {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- position: relative;
- width: 100%;
- height: 48px;
- .left-arrow-image {
- position: absolute;
- left: 14px;
- top: 15px;
- width: 9px;
- height: 16px;
- }
- .save {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- position: absolute;
- top: 12.3px;
- right: 16px;
- height: 24px;
- img {
- margin-right: 4px;
- }
- }
- }
- }
- .withdraw-index {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: center;
- margin-top: 48px;
- width: 100%;
- .card-type {
- margin-top: 10px;
- width: 345px;
- .type-select {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- margin-top: 5px;
- padding: 0 11px;
- width: 345px;
- height: 45px;
- border-radius: 6px;
- background: #f5f5f5;
- box-sizing: border-box;
- img {
- width: 12px;
- height: 8px;
- }
- }
- }
- .card-number {
- margin-top: 10px;
- width: 345px;
- .number-input {
- position: relative;
- margin-top: 5px;
- width: 345px;
- height: 45px;
- .input {
- padding-left: 11px;
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- border-radius: 6px;
- border: none;
- outline: none;
- background: #f5f5f5;
- }
- .all {
- position: absolute;
- top: 13px;
- right: 11px;
- }
- }
- }
- .use-money {
- margin-top: 7px;
- width: 345px;
- height: 18px;
- line-height: 18px;
- }
- .submit {
- margin-top: 214px;
- width: 311px;
- height: 40px;
- line-height: 40px;
- text-align: center;
- border-radius: 100px;
- background: #df384c;
- letter-spacing: 0.2px;
- }
- .gas-fee {
- margin-top: 15px;
- height: 18px;
- line-height: 18px;
- }
- }
- </style>
|