BiKing/components/k-line/k-line.vue

<template>
	<iframe class="iframe-k" :src="`https://biking.okenx.com/kline/kline.html?tokenName=${currencyVal.currency_name}`"
		frameborder="0"></iframe>

	<!-- <iframe :style="{'width': '100%' , 'height': kHeight + 'px' }" src="https://kline.cuwiee.com/local.html?symbol=LTC/USDT" frameborder="0"></iframe> -->
	<!-- 		<web-view :fullscreen="false" :style="{'width': '100%' , 'height': kHeight + 'px' }"
			:src="`https://kline.cuwiee.com/local.html`"></web-view> -->

</template>
<script>
	import {
		mapGetters
	} from 'vuex'
	export default {

		props: {
			kWidth: {
				type: Number,
				default: 0
			},
			kHeight: {
				type: Number,
				default: 0
			},
			// :k-width="kWidth" :k-height="kHeight"
			height: {
				type: String,
				default: '600rpx'
			}

		},
		computed: {
			...mapGetters([
				'currencyVal'
			])
		},
		data() {
			return {
				webviewStyles: {
					width: this.kWidth + 'px',
					height: this.kHeight + 'px'
				}
			}
		}
	}
</script>
<style lang="scss" scoped>
.iframe-k{
	width: 100%;
	height: 100%;
}
</style>