From 5302e220911410341bff29ae0c232c9a9f819c2c Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期一, 31 七月 2023 12:19:37 +0800
Subject: [PATCH] Update: [首頁] FILM player 增加關閉按鈕
---
PAMapp/pages/index.vue | 51 ++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 46 insertions(+), 5 deletions(-)
diff --git a/PAMapp/pages/index.vue b/PAMapp/pages/index.vue
index 3b30c4d..f4a172a 100644
--- a/PAMapp/pages/index.vue
+++ b/PAMapp/pages/index.vue
@@ -142,12 +142,19 @@
</div>
</div>
</PopUpFrame>
+
+ <div class="video-container"
+ v-if="isShowFilmPlayer"
+ style="position: fixed; bottom: 30px; right: 30px; z-index: 9999; display: flex; justify-content: flex-end;"
+ >
<iframe width=��780��
- height=��440��
- style="position: fixed; bottom: 30px; right: 30px; z-index: 9999;"
- allowfullscreen
- src="https://www.youtube.com/embed/655JnwbuRGA?autoplay=1&mute=1"
- ></iframe>
+ height=��440��
+ allowfullscreen
+ src="https://www.youtube.com/embed/655JnwbuRGA?autoplay=1&mute=1"
+ ></iframe>
+ <div class="close-btn" @click="closeVideo()">X</div>
+ </div>
+
</div>
</template>
@@ -268,6 +275,8 @@
seniority : '',
appointments : []
};
+
+ isShowFilmPlayer = true;
//////////////////////////////////////////////////////////////////////
@@ -429,6 +438,10 @@
this.storageClearNotContactAppointmentIdFromMsg();
}
+ closeVideo() {
+ this.isShowFilmPlayer = false;
+ }
+
///////////////////////////////////////////////////////////////////////////////
get gender(): string {
@@ -543,4 +556,32 @@
max-width: 335px;
}
}
+
+ /* 蝣箔�� .video-container ��撠�/蝯����摰祝摨� */
+ .video-container {
+ position: relative;
+ width: 600px; /* �����蔣��偕撖貉矽� */
+ }
+
+ /* �����見撘� */
+ .close-btn {
+ position: absolute;
+ top: -10px;
+ right: -10px;
+ cursor: pointer;
+ font-size: 20px;
+ color: #fff;
+ background-color: #000;
+ width: 30px;
+ height: 30px;
+ text-align: center;
+ line-height: 30px;
+ border-radius: 50%;
+ opacity: 0.7;
+ }
+
+ .close-btn:hover {
+ opacity: 1;
+ }
+
</style>
--
Gitblit v1.8.0