Skip to content

E
exhibition_page
提交 4a26622c authored 作者: 龙菲's avatar 龙菲
浏览文件
操作

首页文物替换；四渡赤水增加图片预览和文物点击跳转

上级 5d2ccec2
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 147 行增加 和 22 行删除
src/components/Footer/index.vue
浏览文件 @ 4a26622c
......@@ -33,7 +33,7 @@
</div>
</el-popover>
</div>
<div class="menu-item">关于我们</div>
<!-- <div class="menu-item">关于我们</div> -->
<div class="menu-item">
<span>
......
src/components/ImageViewer/index.vue 0 → 100644
浏览文件 @ 4a26622c
<!--
* @Date: 2022-02-28 21:26:54
* @Author: surewinT 840325271@qq.com
* @LastEditTime: 2022-05-16 11:00:18
* @LastEditors: surewinT 840325271@qq.com
* @Description: 图片预览组件
-->
<template>
<span
class="image-item"
:style="{
width: width,
height: height,
}"
>
<span class="warp" @click="showImage">
<span class="el-icon-view" style="margin-right:10px"></span>
查看大图
</span>
<el-image
ref="Image"
class="image"
:src="imgSrc"
:preview-src-list="previewSrc"
fit="contain"
></el-image>
</span>
</template>
<script>
export default {
components: {},
props: {
src: [Array, String],
width: {
typeof: String,
default: '100px',
},
height: {
typeof: String,
default: '100px',
},
},
data() {
return {
srcList: [],
baseurl: '',
};
},
mounted() {},
watch: {},
computed: {
imgSrc() {
if (typeof this.src == 'string') {
return this.src;
} else {
return this.src[0];
}
},
previewSrc() {
if (typeof this.src == 'string') {
return [this.src];
} else {
return this.src;
}
},
},
methods: {
// 显示图片
showImage() {
this.$refs.Image.clickHandler();
this.$emit('image-show', this.src);
},
},
};
</script>
<style lang='scss' scoped>
.image-item {
// width: 100px;
// height: 100px;
position: relative;
display: inline-block;
cursor: pointer;
& + .image-item {
margin-left: 10px;
}
.image {
width: 100%;
height: 100%;
}
.warp {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
&:hover {
.warp {
z-index: 1;
background-color: rgba(0, 0, 0, 0.7);
}
}
}
</style>
src/views/boutique/components/jyycc/index.vue
浏览文件 @ 4a26622c
......@@ -165,14 +165,19 @@
</div>
</div>
<div class="pic wow animate__animated animate__fadeInRight">
<img
<!-- <img
:src="
require(`@/assets/imgs/topic/jyycc/zt2/${
activeDetail.title
}/${i + 1}.png`)
"
alt=""
/>
/> -->
<ImageViewer width="680px" height="450px" :src="
require(`@/assets/imgs/topic/jyycc/zt2/${
activeDetail.title
}/${i + 1}.png`)
"/>
</div>
</div>
<div
......@@ -257,9 +262,11 @@
import part1 from "./jyycc-nation.json";
import part2 from "./jyycc-dmby.json";
import videoPlayer from "@/components/VideoPlayer";
import ImageViewer from '@/components/ImageViewer'
export default {
components: {
videoPlayer,
ImageViewer
},
data() {
return {
......
src/views/boutique/components/sdcs/sdcs.json
浏览文件 @ 4a26622c
......@@ -30,11 +30,13 @@
"imgs": [
{
"url": "1.png",
"name": "罗有容将军笔记本"
"name": "罗有容将军笔记本",
"crId":"21849c1bdce2463aaab1eba7011cc675"
},
{
"url": "2.png",
"name": "红五星手雷"
"name": "红五星手雷",
"crId":"e39c4daf4b6c4516bcf12fcd08f1ecac"
}
]
},
......@@ -75,7 +77,8 @@
"imgs": [
{
"url": "1.png",
"name": "宽翼短尾蓑衣"
"name": "宽翼短尾蓑衣",
"crId":"c814d40ec07948d8931c36518b621847"
}
]
},
......@@ -131,7 +134,7 @@
"imgs": [
{
"url": "1.png",
"name": "鲁班场战斗遗址"
"name": "油灯"
}
]
},
......
src/views/home/tempCr.json
浏览文件 @ 4a26622c
[{
[
{
"crId": "80f7c57c768749fbad359e0ce9bce4a1",
"deptName": "贵州省博物馆",
"faceImageMiddleUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/54螭首金杯、金盘/middle/54.1螭首金杯.png",
......@@ -8,12 +9,14 @@
"name": "螭首金杯、金盘"
},
{
"crId": "4df7d6c888524cac89a2095be5a1d305",
"faceImageMiddleUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/21鎏金三足铜鍪/middle/21.鎏金三足铜鍪.png",
"faceImagePressUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/21鎏金三足铜鍪/low/21.鎏金三足铜鍪.png",
"faceImageUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/21鎏金三足铜鍪/21.鎏金三足铜鍪.png",
"intro": "侈口束颈，圆鼓腹，圜底，腹上部一侧有一环形耳，腹下接三矮蹄足，器表鎏金。其原型为巴文化器物中的铜鍪，在赫章可乐地域中，将其增加三足并鎏金。",
"name": "鎏金三足铜鍪"
"crId": "07e98f7318ce43ceb9142c4c5a0a6963",
"deptName": "贵州省博物馆",
"faceImage": "751f5614ad96445dbef549391bf50557",
"faceImageMiddleUrl": "https://www.gzswbsy.com/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/51雀绕花枝铜镜/middle/51.雀绕花枝铜镜.png",
"faceImagePressUrl": "https://www.gzswbsy.com/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/51雀绕花枝铜镜/low/51.雀绕花枝铜镜.png",
"faceImageUrl": "https://www.gzswbsy.com/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/51雀绕花枝铜镜/51.雀绕花枝铜镜.png",
"intro": "葵花形，圆钮。圆形镜分区，内区为四禽鸟同向排列绕钮，其间配以花枝，外区为蜂蝶、花枝各四组。内、外区相映成趣，可谓一副花鸟小景。唐代诗人王勃《上皇甫常伯启》“鹊镜临春，妍媸自远”、薛逢《追昔行》“嫁时宝镜依然在，鹊影菱花满光彩”、刘元淑《妾薄命》“飞鹊镜前妆梳断”等诗句都可能指的是这类镜子。特别是“鹊影菱花满光彩”一句，形象的描述了这种镜子的形状和纹饰。贵州古墓中出土的唐镜，是这几座唐墓断代的最直接证据，展现了唐文化对贵州地域的影响。",
"name": "雀绕花枝铜镜"
},
{
"crId": "7ccbc32192e5486ca944a12f9002edc2",
......@@ -23,7 +26,8 @@
"faceImageUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/59平播鼎/59.平播鼎.png",
"intro": "器身圆形，深腹，弧形底，附兽首柱状三足。口沿处饰两道弦纹，中间饰云雷纹，下面横列篆书“平播安黔之鼎”，6字环钟一圈，腹部满铸篆体铭文，计56行，每行5字，起首行多一字。铭文之下也是两道弦纹夹一圈云雷纹。",
"name": "平播鼎"
}, {
},
{
"crId": "07e32dbd6db9478d904c48e024f0adb1",
"deptName": "贵州省博物馆",
"faceImageMiddleUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/31铜车马/middle/31.铜车马.png",
......@@ -31,7 +35,8 @@
"faceImageUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/31铜车马/31.铜车马.png",
"intro": "铜车马属于辎车，马由首、尾、颈、足、躯、耳等11段装配，除双耳外，其余9段钧用砂模空心浇铸，铜壳菲薄，铸技高超，马的神态逼真，昂首翘尾，鬃毛平整，竖耳咧嘴作嘶鸣状，十分矫健。车属双曲辕车，双轮十二幅。卷曲成U形覆瓦状的车棚厚度仅1毫米，轻柔如纸，是迄今为止国内出土的汉墓中的车马里最完整的一个，这对了解汉代车制、冶炼工艺具有相当重要的价值。",
"name": "铜车马"
}, {
},
{
"crId": "2f670d1ebf8e4297b1c89f3299a6187a",
"faceImageMiddleUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/71青釉陶兽水盂/middle/71.青釉陶兽水盂.png",
"faceImagePressUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/71青釉陶兽水盂/low/71.青釉陶兽水盂.png",
......@@ -40,12 +45,12 @@
"name": "青釉陶兽水盂"
},
{
"crId": "056c729a98cc47de852de5a499f95d19",
"crId": "b426539086f2474586d7a77d67d0c961",
"deptName": "贵州省博物馆",
"faceImageMiddleUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/46漆盘/middle/46.漆盘.png",
"faceImagePressUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/46漆盘/low/46.漆盘.png",
"faceImageUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/46漆盘/46.漆盘.png",
"intro": "麻胎，黑地，朱绘兼有鎏金的色彩搭配，形如满月，敞口折唇，上大下小，浅平底，唇边铜扣鎏金。盘身内壁绘夔纹图案，外壁绘海潮纹图案。平底中央线描凤鸟纹样。折唇背面针刻隶书铭文共61字，详细记载该器制作时间、地点、工序、工匠及管理人员姓氏等。",
"name": "漆盘"
"faceImageMiddleUrl": "https://www.gzswbsy.com/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/55金凤冠/middle/55.金凤冠.png",
"faceImagePressUrl": "https://www.gzswbsy.com/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/55金凤冠/low/55.金凤冠.png",
"faceImageUrl": "https://www.gzswbsy.com/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/55金凤冠/55.金凤冠.png",
"intro": "保存基本完整，现存20个配件，组成完整的一件凤冠。据分析，金凤冠的主人可能是播州杨氏土司杨纲的夫人，其规制僭越了明代礼仪。此金凤冠系播州杨氏自行制作，其工艺体现出典型的明代特点，一是打胎、累丝、錾刻、宝石镶嵌、锻造，皆为典型的明代金银细金工艺。二是符合明代金银累丝、錾刻与宝石镶嵌结合的金银器首饰的主要工艺特点。三是体现出明代开始盛行红、蓝宝石搭配于金饰上的典型做法，而其所用宝石数量巨大。",
"name": "金凤冠"
}
]
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论