35 lines
735 B
Vue
35 lines
735 B
Vue
|
<script setup lang="ts">
|
||
|
|
import JSWidget from '@/components/widget/JSwidget.vue';
|
||
|
|
|
||
|
|
const widgetOptions = {
|
||
|
|
"locale": "vi",
|
||
|
|
"price_line_color": "#71BDDF",
|
||
|
|
"grid_color": "#999999",
|
||
|
|
"label_color": "#999999",
|
||
|
|
"width": "350px",
|
||
|
|
"height": "250px"
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
<JSWidget
|
||
|
|
CONTAINER_ID="default_widget_[123123]"
|
||
|
|
SCRIPT_ID="12312312"
|
||
|
|
SCRIPT_SRC="https://www.fireant.vn/Scripts/web/widgets.js"
|
||
|
|
:options="widgetOptions"
|
||
|
|
widgetKey="FireAnt"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
div {
|
||
|
|
width: 100%;
|
||
|
|
height: 200px;
|
||
|
|
background-color: #ededed;
|
||
|
|
font-size: 24px;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
</style>
|