提交 37b97b74 authored 作者: 龙菲's avatar 龙菲

增加夜郎国的疑问,优化界面

上级 6e01476c
差异被折叠。
This image diff could not be displayed because it is too large. You can view the blob instead.
...@@ -2,42 +2,42 @@ export var crPics = [ ...@@ -2,42 +2,42 @@ export var crPics = [
[ [
{ {
name: "邓氏贵州鱼龙(模式标本)", name: "邓氏贵州鱼龙(模式标本)",
crId: "dac1984d5ca74f48b6183ff4525f180c", crId: "b84f45c2a63144dca9c909080b5e9aa4",
index: "2", index: "2",
url: "http://222.85.214.245:9603/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/1/low/2.%E9%82%93%E6%B0%8F%E8%B4%B5%E5%B7%9E%E9%B1%BC%E9%BE%99%EF%BC%88%E6%A8%A1%E5%BC%8F%E6%A0%87%E6%9C%AC%EF%BC%89.jpg", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/2邓氏贵州鱼龙/low/2邓氏贵州鱼龙.png",
}, },
{ {
name: "梁氏关岭鱼龙(怀孕)", name: "梁氏关岭鱼龙(怀孕)",
crId: "6737746fb5af4324b5f8c0017837c5d1", crId: "f7cc9c7c014e4031baf7112e1bc3a7d4",
index: "1", index: "1",
url: "http://222.85.214.245:9604/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/21/low/20.梁氏关岭鱼龙(怀孕).jpg", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/22梁氏关岭鱼龙(怀孕)/low/22梁氏关岭鱼龙-怀孕.png"
}, },
{ {
name: "美丽瓦窑龙(模式标本)", name: "美丽瓦窑龙(模式标本)",
crId: "adabb46a077e48a98d57135f6c640d65", crId: "9ce8a18374ef4ffeabe802eef6dd7382",
index: "3", index: "3",
url: "http://222.85.214.245:9603/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/2/low/%E7%BE%8E%E4%B8%BD%E7%93%A6%E7%AA%91%E9%BE%99%EF%BC%88%E6%A8%A1%E5%BC%8F%E6%A0%87%E6%9C%AC%EF%BC%89.jpg", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/3美丽瓦窑龙/low/3美丽瓦窑龙.png"
}, },
], ],
[ [
{ {
name: "许氏创孔海百合", name: "许氏创孔海百合",
crId: "fffa08c7843544b89abf1f053d2f10dc", crId: "682fbd7e08cb45b99706ca0d4259b1ac",
index: "1", index: "1",
url: "http://222.85.214.245:9603/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/9/low/8.%E8%AE%B8%E6%B0%8F%E5%88%9B%E5%AD%94%E6%B5%B7%E7%99%BE%E5%90%88%EF%BC%88106%E3%8E%A1%EF%BC%89.jpg", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/10许氏创孔海百合/low/10许氏创孔海百合.png",
}, },
{ {
name: "黄果树安顺龙", name: "黄果树安顺龙",
crId: "675dc67d064440f4aa5e51548e9a3c24", crId: "37c4811384f94f6aa062f4f761271f50",
index: "2", index: "2",
url: "http://222.85.214.245:9603/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/25/low/24.%E9%BB%84%E6%9E%9C%E6%A0%91%E5%AE%89%E9%A1%BA%E9%BE%99.jpg", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/26黄果树安顺龙/low/26黄果树安顺龙.png",
}, },
{ {
name: "杨氏幻龙", name: "杨氏幻龙",
crId: "60749f07723842cf85e2493978c761f4", crId: "1839cfacdcb346e4ad6d3ea73ed4f60e",
index: "3", index: "3",
url: "http://222.85.214.245:9603/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/15/low/14.%E6%9D%A8%E6%B0%8F%E5%B9%BB%E9%BE%99.jpg", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/16杨氏幻龙/low/16杨氏幻龙.png",
}, },
], ],
...@@ -45,41 +45,41 @@ export var crPics = [ ...@@ -45,41 +45,41 @@ export var crPics = [
[ [
{ {
name: "兴义欧龙", name: "兴义欧龙",
crId: "5b4536ede4494a8f97113b6712575c56", crId: "bed4641bca86425f92f0b02d5f317f11",
index: "1", index: "1",
url: "http://222.85.214.245:9604/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/14/low/13.兴义欧龙.jpg", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/15兴义欧龙/low/15兴义欧龙.png"
}, },
{ {
name: "盘县混鱼龙", name: "盘县混鱼龙",
crId: "09690224efc440d5bc54d11d1a961625", crId: "e9eff2eeb2bc41b3ac60fefe5f9aaff6",
index: "2", index: "2",
url: "http://222.85.214.245:9604/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/32/low/30.盘县混鱼龙.jpg", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/33盘县混鱼龙/low/33盘县混鱼龙.png"
}, },
{ {
name: "东方恐头龙", name: "东方恐头龙",
crId: "1f48d2c232b74f0ab0037f99a07a1c4d", crId: "1a2062f74b9840dc9e0cb27f00bc6e25",
index: "3", index: "3",
url: "http://222.85.214.245:9604/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/24/low/23.东方恐头龙.jpg", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/25东方恐头龙/low/25东方恐头龙.png"
}, },
], ],
[ [
{ {
name: "孙氏新铺龙(模式标本 副型)", name: "孙氏新铺龙(模式标本 副型)",
crId: "25d19df6dedc4df794026e134df6ff3e", crId: "1a2062f74b9840dc9e0cb27f00bc6e25",
index: "1", index: "1",
url: "http://222.85.214.245:9604/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/5/low/5.孙氏新铺龙(模式标本).png", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/25东方恐头龙/low/25东方恐头龙.png",
}, },
{ {
name: "乌沙安顺龙", name: "乌沙安顺龙",
crId: "2bfefcd0a262402297bd2b1c43766e8f", crId: "5421ad9aa1fa459c84ff5e3796f53a97",
index: "2", index: "2",
url: "http://222.85.214.245:9604/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/16/low/16.乌沙安顺龙.jpg", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/18乌沙安顺龙/low/18乌沙安顺龙.png",
}, },
{ {
name: "羊圈幻龙", name: "羊圈幻龙",
crId: "5bf5a31036f2446ba346dd5f1a47c028", crId: "248fcf3ecf734f5da8bddbbaa1a92d52",
index: "3", index: "3",
url: "http://222.85.214.245:9604/files/culturalRelicImport/2022-09-28-4495f59768b14b0b843dbdab965ac34e/faceImage/13/low/12.羊圈幻龙.jpg", url: "http://114.115.157.218:9604/files/culturalRelicImport/2022-11-10-4ee6bcf5688145b78f8a4ee377cc638a/贵州省地质博物馆文物1/faceImage/14羊圈幻龙/low/14羊圈幻龙.png",
}, },
], ],
] ]
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
长角苗民俗及文化遗产 长角苗民俗及文化遗产
</p> </p>
<SMGZ v-else-if="activeTab == 'smgz'" /> <SMGZ v-else-if="activeTab == 'smgz'" />
<!-- <YLGDYW v-else-if="activeTab == 'ylgdyw'" /> --> <YLGDYW v-else-if="activeTab == 'ylgdyw'" />
<div v-else class="img-container"> <div v-else class="img-container">
<img :src=" <img :src="
require(`@/assets/imgs/boutique/${activeTab}.jpg`) || require(`@/assets/imgs/boutique/${activeTab}.jpg`) ||
......
...@@ -239,10 +239,11 @@ ...@@ -239,10 +239,11 @@
</div> </div>
</div> </div>
<div class="lts-content"> <div class="lts-content">
<div class="lt-item" v-for="(item, index) in displayDetail.literatureVo" :key="index"> <div class="lt-item" v-for="(item, index) in displayDetail.literatureVo" :key="index"
@click="handleViewLt(item)">
<span class="lt-order">[{{ index + 1 }}]</span> <span class="lt-order">[{{ index + 1 }}]</span>
<span class="lt-authors" v-if="item.authors">{{ item.authors }}.</span> <span class="lt-authors" v-if="item.authors">{{ item.authors }}.</span>
<span class="lt-name" v-if="item.name" @click="handleViewLt(item)">{{ item.authors }}.</span> <span class="lt-name" v-if="item.name">{{ item.name }}.</span>
<span class="lt-source" v-if="item.source">{{ item.source }}.</span> <span class="lt-source" v-if="item.source">{{ item.source }}.</span>
<span class="lt-date" v-if="item.date">{{ item.date }}</span> <span class="lt-date" v-if="item.date">{{ item.date }}</span>
</div> </div>
...@@ -440,7 +441,11 @@ export default { ...@@ -440,7 +441,11 @@ export default {
// 预览关联文献 // 预览关联文献
handleViewLt(item) { handleViewLt(item) {
previewFile(item.files[0].url, item.files[0].name); if (item.files[0].url) {
previewFile(item.files[0].url, item.files[0].name);
} else {
this.$message.info('当前文献暂不支持在线浏览')
}
}, },
// 点击音频 // 点击音频
......
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
</SlideImageGroup> </SlideImageGroup>
<el-row v-if="unitValue.imagesVo.length > 0 && unitValue.imagesVo.length < 4" :gutter="10"> <el-row v-if="unitValue.imagesVo.length > 0 && unitValue.imagesVo.length < 4" :gutter="10">
<el-col v-for="(item, index) in unitValue.imagesVo" :key="index" <el-col v-for="(item, index) in unitValue.imagesVo" :key="index"
:span="24 / unitValue.imagesVo.length"> :span="24 / unitValue.imagesVo.length" style="height:300px">
<img :src="item.pressUrl" alt="" <img :src="item.pressUrl" alt=""
style="width: 100%; height: 100%; object-fit: contain;cursor: pointer;" style="width: 100%; height: 100%; object-fit: contain;cursor: pointer;"
@click="handelPreviewImages(unitValue.imagesVo)" /> @click="handelPreviewImages(unitValue.imagesVo)" />
......
...@@ -163,7 +163,7 @@ $blue: $themeColor; ...@@ -163,7 +163,7 @@ $blue: $themeColor;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: contain;
transition: all 0.5s ease; transition: all 0.5s ease;
} }
.no-pic { .no-pic {
......
...@@ -27,24 +27,27 @@ ...@@ -27,24 +27,27 @@
{{ currentTab }} {{ currentTab }}
</div> </div>
<div class="text-content"> <div class="text-content">
<div class="intro" v-html="museumDetail.intro" v-if="currentTab == '简介'"> <el-scrollbar style="height:100%">
<div class="intro" v-html="museumDetail.intro" v-if="currentTab == '简介'">
</div>
<div class="ways" v-if="currentTab == '入园方式'"> </div>
<div>地址:<span>{{ museumDetail.address }}</span></div> <div class="ways" v-if="currentTab == '入园方式'">
<div>开放时间:<span>{{ museumDetail.openPeriod }}</span></div> <div>地址:<span>{{ museumDetail.address }}</span></div>
<div>入园方式:<span>{{ museumDetail.entryMode }}</span></div> <div>开放时间:<span>{{ museumDetail.openPeriod }}</span></div>
</div> <div>入园方式:<span>{{ museumDetail.entryMode }}</span></div>
<div class="contact" v-if="currentTab == '联系方式'">
<div class="qr-code" v-if="museumDetail.qrCodeVo.length > 0">
<img :src="museumDetail.qrCodeVo[0].url" alt="">
</div> </div>
<div class="phone" v-if="museumDetail.phone"> <div class="contact" v-if="currentTab == '联系方式'">
<i class="el-icon-phone"></i> <div class="qr-code" v-if="museumDetail.qrCodeVo.length > 0">
<span>{{ museumDetail.phone }}</span> <img :src="museumDetail.qrCodeVo[0].url" alt="">
</div>
<div class="phone" v-if="museumDetail.phone">
<i class="el-icon-phone"></i>
<span>{{ museumDetail.phone }}</span>
</div>
<div v-if="!museumDetail.phone">暂无联系方式</div>
</div> </div>
<div v-if="!museumDetail.phone">暂无联系方式</div> </el-scrollbar>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -114,10 +117,10 @@ export default { ...@@ -114,10 +117,10 @@ export default {
handleClickTab(item) { handleClickTab(item) {
this.currentTab = item this.currentTab = item
}, },
handleMouseEnter(item){ handleMouseEnter(item) {
console.log(item); console.log(item);
}, },
handleMouseLeave(item){ handleMouseLeave(item) {
console.log(item); console.log(item);
} }
}, },
...@@ -278,6 +281,14 @@ export default { ...@@ -278,6 +281,14 @@ export default {
align-items: center; align-items: center;
} }
.text-content {
overflow: auto;
}
::v-deep .el-scrollbar__wrap {
overflow-x: hidden;
}
.intro { .intro {
text-indent: 32px; text-indent: 32px;
line-height: 2; line-height: 2;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论