k-line.vue 667 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <iframe class="iframe-k" :src="`https://kline.cuwiee.com/local.html?tokenName=${currencyVal.currency_name}`"
  3. frameborder="0"></iframe>
  4. </template>
  5. <script>
  6. import {
  7. mapGetters
  8. } from 'vuex'
  9. export default {
  10. props: {
  11. // kWidth: {
  12. // type: Number,
  13. // default: 0
  14. // },
  15. // kHeight: {
  16. // type: Number,
  17. // default: 0
  18. // },
  19. // :k-width="kWidth" :k-height="kHeight"
  20. height: {
  21. type: String,
  22. default: '600rpx'
  23. }
  24. },
  25. computed: {
  26. ...mapGetters([
  27. 'currencyVal'
  28. ])
  29. },
  30. data() {
  31. return {
  32. }
  33. }
  34. }
  35. </script>
  36. <style lang="scss" scoped>
  37. .iframe-k{
  38. width: 100%;
  39. height: 100%;
  40. }
  41. </style>