| | |
| | | <template> |
| | | <div class="sliders"> |
| | | <el-slider v-model="alpha" vertical height="200px" :max="1" :min="0" :step="0.01" @input="changeSlider"> |
| | | <el-slider |
| | | v-model="value" |
| | | :max="100" |
| | | :min="0" |
| | | vertical |
| | | height="200px" |
| | | @input="changeSlider" |
| | | > |
| | | </el-slider> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import store from "@/utils/store.js"; |
| | | export default { |
| | | data() { |
| | | return { |
| | | alpha: store.tdglInfo.alpha, |
| | | value: 100, |
| | | }; |
| | | }, |
| | | methods: { |
| | | changeSlider(val) { |
| | | store.setAlpha(val); |
| | | window.tdglLayer.item.alpha = val / 100; |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | position: absolute; |
| | | top: 2rem; |
| | | left: 0.15rem; |
| | | z-index: 88; |
| | | } |
| | | </style> |