From 10572998aa54d61c45df3e334eb01e44a15df729 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Wed, 10 Aug 2022 18:35:59 +0800
Subject: [PATCH] 常量提取,优化视频模块布局
---
src/components/group/tool.vue | 24 +++++++++++++++---------
1 files changed, 15 insertions(+), 9 deletions(-)
diff --git a/src/components/group/tool.vue b/src/components/group/tool.vue
index 18522b5..7e33920 100644
--- a/src/components/group/tool.vue
+++ b/src/components/group/tool.vue
@@ -1,13 +1,19 @@
<template>
<a-affix :offset-top="600">
- <div style="padding-left:5px;">
+ <div style="padding-left:5px;" class="myButton">
<!-- <a-button @click="showDrawer1">
抽屉1
</a-button> -->
<!-- <a-button @click="showDrawer2">
抽屉2
</a-button> -->
+ <a-button @click="showMessage">
+ <a-badge status="success">
+ 消息
+ </a-badge>
+ <a-icon type="message" />
+ </a-button>
<a-button @click="showPreview">
预览
<a-icon type="youtube" />
@@ -22,6 +28,7 @@
<a-icon :type="iconType" />
</transition>
</a-button>
+
<!-- <a-button>
工具
@@ -41,6 +48,9 @@
}
},
methods: {
+ showMessage() {
+ this.$emit('showMessage')
+ },
showModal() {
this.$emit('showModal')
},
@@ -63,13 +73,9 @@
</script>
<style lang="less">
- .fade-enter-active,
- .fade-leave-active {
- transition: opacity .5s;
- }
-
- .fade-enter,
- .fade-leave-to {
- opacity: 0;
+ .myButton {
+ button {
+ min-width: 90px;
+ }
}
</style>
--
Gitblit v1.9.1