capital-switch.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template>
  2. <uni-popup ref="popupRef">
  3. <view class="unopen-box">
  4. <view class="unopen-title">
  5. <text class="z-close"></text>
  6. <text>资金划转</text>
  7. <text class="z-close" @click.stop="close">x</text>
  8. </view>
  9. <view class="unopen-content">
  10. <view class="hint-text">
  11. 温馨提示:无限模式仅盈利部分可划转至合
  12. 约账户中,最小划转金额为100USDT
  13. </view>
  14. <view class="account-box">
  15. <view class="account-item">
  16. 盈利账户
  17. </view>
  18. <view class="account-link">
  19. <text>划转至</text>
  20. </view>
  21. <view class="account-item">
  22. 合约账户
  23. </view>
  24. </view>
  25. <view class="capital-type">
  26. <text class="type-left">全部</text>
  27. <text class="type-rigth">USDT</text>
  28. </view>
  29. <view class="capital-nums">
  30. <text class="num-title">可划转金额:</text>
  31. <text class="num">29997.9123 USDT</text>
  32. </view>
  33. <view class="capital-btn">
  34. 确定
  35. </view>
  36. </view>
  37. </view>
  38. </uni-popup>
  39. </template>
  40. <script>
  41. // 合约 - 币币
  42. // 币币 - 合约 / 法币
  43. export default {
  44. data() {
  45. return {
  46. };
  47. },
  48. mounted() {
  49. },
  50. methods: {
  51. open() {
  52. this.$nextTick(() => {
  53. this.$refs.popupRef.open();
  54. })
  55. },
  56. close(){
  57. this.$refs.popupRef.close();
  58. }
  59. }
  60. }
  61. </script>
  62. <style lang="scss" scoped>
  63. @import "~../switch.scss";
  64. </style>