capital-switch.vue 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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="account-box">
  11. <view class="account-item">
  12. 币币账户
  13. </view>
  14. <view class="account-link">
  15. <image src="@/static/logo.png" mode="aspectFit"></image>
  16. <text>划转</text>
  17. </view>
  18. <view class="account-item">
  19. 合约账户
  20. </view>
  21. </view>
  22. <view class="capital-type">
  23. <text class="type-left">全部</text>
  24. <text class="type-rigth">USDT</text>
  25. </view>
  26. <view class="capital-nums">
  27. <text class="num-title">可划转金额:</text>
  28. <text class="num">29997.9123 USDT</text>
  29. </view>
  30. <view class="capital-btn">
  31. 确定
  32. </view>
  33. </view>
  34. </view>
  35. </uni-popup>
  36. </template>
  37. <script>
  38. // 合约 - 币币
  39. // 币币 - 合约 / 法币
  40. export default {
  41. data() {
  42. return {
  43. };
  44. },
  45. mounted() {
  46. this.$refs.popupRef.open();
  47. },
  48. methods: {
  49. open() {
  50. this.$nextTick(() => {
  51. this.$refs.popupRef.open();
  52. })
  53. },
  54. close(){
  55. this.$refs.popupRef.close();
  56. }
  57. }
  58. }
  59. </script>
  60. <style lang="scss" scoped>
  61. @import "~../switch.scss";
  62. </style>