k-line.vue 1.1 KB

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