|
@@ -94,6 +94,12 @@ const handleImageClick = (event) => {
|
|
|
wx.previewImage({ current: srcTag, urls: imgArray });
|
|
|
}
|
|
|
};
|
|
|
+
|
|
|
+// 关闭弹框
|
|
|
+const onClickHide = () => {
|
|
|
+ showDlg.value = false;
|
|
|
+};
|
|
|
+
|
|
|
// 页面加载渲染
|
|
|
onMounted(async () => {
|
|
|
if (route.query.id) {
|
|
@@ -120,9 +126,12 @@ onMounted(async () => {
|
|
|
<div id="report-content" class="content-abstract">摘要:{{ reportDetail.Abstract }}</div>
|
|
|
<div v-html="reportDetail.Body"></div>
|
|
|
<dlg :showTips="showTips" type="产品内测" @hideDlg="showTips = false" />
|
|
|
- <van-dialog v-model:show="showDlg" :show-confirm-button="false">
|
|
|
+ <van-dialog v-model:show="showDlg" closeOnClickOverlay :show-confirm-button="false" @cancel="onClickHide">
|
|
|
<view class="content-dialog">
|
|
|
- <video width="320" height="240" :src="showLink.ActivityVideo.VideoUrl" controls></video>
|
|
|
+ <div class="close">
|
|
|
+ <Icon name="cross" color="#333" @click="onClickHide" />
|
|
|
+ </div>
|
|
|
+ <video width="320" height="200" :src="showLink.ActivityVideo.VideoUrl" controls></video>
|
|
|
</view>
|
|
|
</van-dialog>
|
|
|
</div>
|
|
@@ -210,5 +219,20 @@ onMounted(async () => {
|
|
|
white-space: pre-wrap;
|
|
|
word-break: normal;
|
|
|
}
|
|
|
+ .content-dialog {
|
|
|
+ position: relative;
|
|
|
+ font-size: 32px;
|
|
|
+ color: #666;
|
|
|
+ .close {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ height: 60px;
|
|
|
+ padding: 20px 20px 0 20px;
|
|
|
+ .van-icon-cross {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|