From a3ab3afe580daa80e9689f6e513e75a385f75bac Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Sun, 14 Aug 2022 21:00:37 +0800
Subject: [PATCH] 添加视频详情页
---
src/components/group/tool.vue | 50 ++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 42 insertions(+), 8 deletions(-)
diff --git a/src/components/group/tool.vue b/src/components/group/tool.vue
index d4f319f..1e503fa 100644
--- a/src/components/group/tool.vue
+++ b/src/components/group/tool.vue
@@ -1,13 +1,20 @@
<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" />
@@ -18,7 +25,13 @@
</a-button>
<a-button @click="showScreen">
{{screenModel}}
- <a-icon type="arrows-alt" />
+ <transition name="fade">
+ <a-icon :type="iconType" />
+ </transition>
+ </a-button>
+ <a-button @click="addLink" v-if="showHidenButton">
+ 加链
+ <a-icon type="smile" />
</a-button>
<!-- <a-button>
@@ -30,16 +43,30 @@
</template>
<script>
+ import myConstant from "../../config/myConstant.js"
+
export default {
data() {
return {
+ iconType: "arrows-alt",
screen: false,
- screenModel: "拉伸"
+ screenModel: "拉伸",
+ showHidenButton: false,
+ }
+ },
+ mounted() {
+ let tempVisitorData = localStorage.getItem(myConstant.visitorDataKey);
+ if (tempVisitorData != null && JSON.parse(tempVisitorData).nickName == myConstant.userName) {
+ //this.$message.info("认证成功..")
+ this.showHidenButton = true
}
},
methods: {
- showDrawer1() {
- this.$emit('showDrawer1')
+ addLink() {
+ this.$emit('addLink')
+ },
+ showMessage() {
+ this.$emit('showMessage')
},
showModal() {
this.$emit('showModal')
@@ -51,14 +78,21 @@
this.$emit('showScreen')
if (this.screen) {
this.screenModel = "拉伸";
- }else{
+ this.iconType = "arrows-alt";
+ } else {
this.screenModel = "缩小";
+ this.iconType = "shrink"
}
- this.screen=!this.screen;
+ this.screen = !this.screen;
}
},
}
</script>
-<style>
+<style lang="less">
+ .myButton {
+ button {
+ min-width: 90px;
+ }
+ }
</style>
--
Gitblit v1.9.1