From 2d90fa3dc99fced159d0bc76939fd9b88e6aafe1 Mon Sep 17 00:00:00 2001
From: wangyawei <1796609990@qq.com>
Date: 星期五, 18 四月 2025 14:23:28 +0800
Subject: [PATCH] 接入视频流
---
src/components/tools/Aspect.vue | 22 ++++++++++++++++++----
1 files changed, 18 insertions(+), 4 deletions(-)
diff --git a/src/components/tools/Aspect.vue b/src/components/tools/Aspect.vue
index bd9a949..d34eb04 100644
--- a/src/components/tools/Aspect.vue
+++ b/src/components/tools/Aspect.vue
@@ -1,14 +1,20 @@
// 鍧″悜鍒嗘瀽
<template>
<div class="aspect">
- <el-button @click="handleDraw">缁樺埗鍖哄煙</el-button>
- <el-button @click="handleClear">鍏抽棴鍧″害</el-button>
+ <div>
+ <el-button @click="handleDraw">缁樺埗鍖哄煙</el-button>
+ <el-button @click="handleClear">鍏抽棴鍧″害</el-button>
+ </div>
+ <div style="margin-top: 10px">
+ <el-button @click="handleaspect">鍧″害鍒嗘瀽</el-button>
+ <el-button @click="handleSlope">鍧″悜鍒嗘瀽</el-button>
+ </div>
</div>
</template>
<script setup>
import { reactive, defineEmits } from "vue";
// 瀹氫箟 emit 鏂规硶
-const emit = defineEmits(["draw", "clear"]);
+const emit = defineEmits(["draw", "clear", "handleaspect", "handleSlope"]);
const handleDraw = () => {
console.log("缁樺埗鍖哄煙");
emit("draw");
@@ -17,11 +23,19 @@
console.log("鍏抽棴鍧″害");
emit("clear");
};
+const handleaspect = () => {
+ console.log("鍧″害鍒嗘瀽");
+ emit("handleaspect");
+};
+const handleSlope = () => {
+ console.log("鍧″悜鍒嗘瀽");
+ emit("handleSlope");
+};
</script>
<style lang="less" scoped>
.aspect {
width: 215px;
- height: 50px;
+ // height: 50px;
background: url("@/assets/img/tools/plotting_new.png") no-repeat;
filter: opacity(83%);
background-size: 100% 100%;
--
Gitblit v1.9.3