From ef6159d225ce3c085031b7670e651c367dc6cb9b Mon Sep 17 00:00:00 2001
From: 康凯 <kangk26@foxmail.com>
Date: Mon, 23 May 2022 19:55:07 +0800
Subject: [PATCH] 样式
---
src/views/scenery/detail.vue | 48 ++++++++++++++++++++++++++++--------------------
1 files changed, 28 insertions(+), 20 deletions(-)
diff --git a/src/views/scenery/detail.vue b/src/views/scenery/detail.vue
index 029b5ff..3c7f968 100644
--- a/src/views/scenery/detail.vue
+++ b/src/views/scenery/detail.vue
@@ -6,7 +6,7 @@
<div class="title-introduce">{{ titleIntroduce }}</div>
</div>
<div class="title-right">
- <div class="online-preview" @click="OnlinePreview(basisInfo.file)">在线浏览</div>
+<!-- <div class="online-preview" @click="OnlinePreview(basisInfo.file)">在线浏览</div>-->
</div>
</div>
<div class="content">
@@ -43,6 +43,9 @@
</div>
<div class="item-name">{{ item.name }}</div>
</div>
+ <div v-if="images.data.length <= 0" style="width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 16px;">
+ <span>暂无数据</span>
+ </div>
</div>
</mt-tab-container-item>
<mt-tab-container-item id="3">
@@ -53,19 +56,22 @@
v-infinite-scroll="NextVideos"
:infinite-scroll-disabled="videos.scrollDisabled"
:infinite-scroll-distance="10">
- <div class="content-item"
- v-for="item in videos.data"
- :key="item.id"
- @click="ToVideoDetail(item.id)">
- <div class="item-left">
- <img :src="item.cover"/>
+ <template v-for="item in videos.data">
+ <div class="content-item" :key="item.key" @click="ToVideoDetail(item.id)">
+ <div class="item-left">
+ <img :src="item.cover" v-if="item.cover"/>
+ <img src="@/assets/defaultCover.png" v-else/>
+ </div>
+ <div class="item-right">
+ <div class="item-name">{{ item.name }}</div>
+ <div class="item-introduce">{{ item.description }}</div>
+ </div>
</div>
- <div class="item-right">
- <div class="item-name">{{ item.name }}</div>
- <div class="item-introduce">{{ item.description }}</div>
- </div>
- </div>
- <div class="line"></div>
+ <div class="line" :key="item.key"></div>
+ </template>
+ <div v-if="videos.data.length <= 0" style="width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 16px;">
+ <span>暂无数据</span>
+ </div>
</div>
</mt-tab-container-item>
</mt-tab-container>
@@ -122,7 +128,8 @@
window.open(fileUrl);
} else {
//https://view.officeapps.live.com/op/view.aspx?src=
- window.open("http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=" + fileUrl.replace(/\\/g, ''));
+ //http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=
+ window.open("https://view.officeapps.live.com/op/view.aspx?src=" + fileUrl.replace(/\\/g, ''));
}
}
},
@@ -340,7 +347,7 @@
align-items: center;
width: 100%;
- height: 84vh;
+ min-height: 84vh;
background: #F8F8F8;
}
@@ -348,7 +355,7 @@
width: 100%;
}
-.mint-navbar /deep/ .mint-tab-item{
+.mint-navbar /deep/ .mint-tab-item {
display: flex;
flex-direction: column;
justify-content: center;
@@ -448,7 +455,7 @@
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
- align-content:flex-start;
+ align-content: flex-start;
height: 65vh;
overflow: scroll;
@@ -459,7 +466,7 @@
.content-images .content-item {
display: flex;
- flex-wrap: wrap;
+ flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
align-items: center;
@@ -503,11 +510,12 @@
.content-videos {
display: flex;
- flex-wrap: wrap;
+ flex-wrap: nowrap;
flex-direction: column;
justify-content: flex-start;
align-items: center;
+ width: 100%;
height: 65vh;
overflow: scroll;
padding-top: 4vh;
@@ -515,7 +523,7 @@
border-radius: 0 0 30px 30px;
}
-.content-videos .line{
+.content-videos .line {
width: 90%;
}
--
Gitblit v1.9.3