Skip to content

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

首页更新

上级 664acb4a
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 338 行增加 和 85 行删除
src/assets/styles/variable.scss
浏览文件 @ dcba3a6d
...@@ -10,6 +10,6 @@ $font-size-sm:14px; ...@@ -10,6 +10,6 @@ $font-size-sm:14px;
$font-size-base:16px; $font-size-base:16px;
$font-size-lg:22px; $font-size-lg:22px;
$nav-height: 120px; $nav-height: 130px;
$defaultFontFamily: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif; $defaultFontFamily: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
src/views/home/components/CulturalRelic.vue
浏览文件 @ dcba3a6d
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
<div class="home-cr"> <div class="home-cr">
<div class="text wow animate__animated animate__fadeIn">文物</div> <div class="text wow animate__animated animate__fadeIn">文物</div>
<div class="title wow animate__animated animate__fadeInUp"> <div class="title wow animate__animated animate__fadeInUp">
<!-- <div class="ch">每日推送</div> <!-- <div class="ch">每日推送</div>-->
<div class="en">Daily Exhibition Push</div> --> <div class="en">Cultural Relic</div>
<!-- <div class="title-img"> <!-- <div class="title-img">
<img src="@/assets/imgs/home-new/daily.png" alt="" /> <img src="@/assets/imgs/home-new/daily.png" alt="" />
</div> --> </div> -->
...@@ -20,11 +20,19 @@ ...@@ -20,11 +20,19 @@
:key="index" :key="index"
@click="handleClick(v)" @click="handleClick(v)"
> >
<div class="img"> <div class="cr-img">
<img :src="$getFullUrl(v.faceImageMiddleUrl || v.faceImageUrl)" /> <img :src="$getFullUrl(v.faceImageMiddleUrl || v.faceImageUrl)" />
<div class="title"> <div class="title">
{{ v.name }} {{ v.name }}
</div> </div>
<div class="detail">
<div class="detail-title">{{ v.name }}</div>
<div class="detail-intro">{{ v.intro }}</div>
<div class="detail-dianji" @click="handleClick(v)">
展品更多信息
<img src="@/assets/imgs/home-new/dianji.png" alt="" />
</div>
</div>
</div> </div>
</div> </div>
<!-- <div class="list" v-if="list.length>0"> --> <!-- <div class="list" v-if="list.length>0"> -->
...@@ -62,17 +70,17 @@ ...@@ -62,17 +70,17 @@
<script> <script>
import { getRecommendCr } from "@/api/culturalRelic"; import { getRecommendCr } from "@/api/culturalRelic";
import tempCrs from "../tempCr.json";
export default { export default {
name: "CulturalRelic", name: "CulturalRelic",
data() { data() {
return { return {
list: [], list: tempCrs,
length: "", length: "",
}; };
}, },
created() { created() {
this.loadList(); // this.loadList();
}, },
watch: { watch: {
list: { list: {
...@@ -139,35 +147,32 @@ $blue: $themeColor; ...@@ -139,35 +147,32 @@ $blue: $themeColor;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 60px 0 0 0;
font-family: "Alibaba PuHuiTi"; font-family: "Alibaba PuHuiTi";
.ch { // .ch {
color: #2d4bb5; // color: #2d4bb5;
margin-bottom: 12px; // margin-bottom: 12px;
font-size: 32px; // font-size: 32px;
font-weight: bold; // font-weight: bold;
} // }
.en { .en {
width: 393px;
height: 35px; height: 35px;
font-size: 36px; font-size: 36px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #2d4ab5; color: #2d4ab5;
line-height: 34px; line-height: 34px;
margin-bottom: 40px; margin-bottom: 30px;
} }
.title-img { // .title-img {
height: 100px; // height: 100px;
margin-bottom: 40px; // margin-bottom: 40px;
img { // img {
width: 100%; // width: 100%;
height: 100%; // height: 100%;
} // }
} // }
.all { .all {
// margin-top: 65px;
height: 29px; height: 29px;
cursor: pointer; cursor: pointer;
img { img {
...@@ -177,8 +182,8 @@ $blue: $themeColor; ...@@ -177,8 +182,8 @@ $blue: $themeColor;
} }
.text { .text {
color: #2d4ab5; color: #2d4ab5;
margin-bottom: 36px; margin-bottom: 8px;
margin-top: 40px; // margin-top: 40px;
font-family: "Alibaba PuHuiTi"; font-family: "Alibaba PuHuiTi";
font-size: 48px; font-size: 48px;
font-weight: bold; font-weight: bold;
...@@ -190,11 +195,10 @@ $blue: $themeColor; ...@@ -190,11 +195,10 @@ $blue: $themeColor;
display: flex; display: flex;
position: relative; position: relative;
.list-item { .list-item {
.img { & > .cr-img {
width: 280px; width: 280px;
height: 280px; height: 280px;
background-color: #a5b8d4; background-color: #a5b8d4;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -202,29 +206,68 @@ $blue: $themeColor; ...@@ -202,29 +206,68 @@ $blue: $themeColor;
transition: all ease 0.5s; transition: all ease 0.5s;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
img { img {
// width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
&:hover { &:hover {
background-color: transparent; background-color: transparent;
background-image: url("@/assets/imgs/home-new/cr-bg.png"); .detail{
background-size: contain; opacity: 1;
}
.title{
opacity: 0;
}
} }
& > .title { & > .title {
background-image: url("@/assets/imgs/home-new/title-bg.png"); background-image: url("@/assets/imgs/home-new/title-bg.png");
width: 56px;
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
writing-mode: vertical-lr; writing-mode: vertical-rl;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 20px 0; padding: 20px 8px;
position: absolute; position: absolute;
} }
& > .detail {
opacity: 0;
position: absolute;
left: -200px;
top: 100px;
background-color: rgba(#11203a, 0.8);
width: 300px;
height: 300px;
border-radius: 50%;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
padding: 60px 24px;
transition: all ease 0.5s;
z-index: 2;
.detail-title {
font-size: 28px;
margin-bottom: 16px;
}
.detail-intro {
font-size: 16px;
margin-bottom: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.detail-dianji {
display: flex;
align-items: center;
& > img {
margin-left: 8px;
}
}
}
} }
&:nth-child(1), &:nth-child(1),
...@@ -238,14 +281,25 @@ $blue: $themeColor; ...@@ -238,14 +281,25 @@ $blue: $themeColor;
} }
&:nth-child(1) { &:nth-child(1) {
top: 0; top: 0;
.detail {
right: -180px !important;
left: auto;
}
} }
&:nth-child(2) { &:nth-child(2) {
top: calc(130px); top: calc(130px);
left: 570px; left: 570px;
& > .cr-img {
background-image: url("@/assets/imgs/home-new/cr-bg.png");
background-size: contain;
}
} }
&:nth-child(3) { &:nth-child(3) {
top: calc(200px * 2 - 50px); top: calc(200px * 2 - 50px);
.detail {
right: -140px !important;
left: auto;
}
} }
&:nth-child(4), &:nth-child(4),
&:nth-child(5), &:nth-child(5),
...@@ -265,6 +319,10 @@ $blue: $themeColor; ...@@ -265,6 +319,10 @@ $blue: $themeColor;
} }
&:nth-child(6) { &:nth-child(6) {
top: calc(240px * 2 - 50px); top: calc(240px * 2 - 50px);
& > .cr-img {
background-image: url("@/assets/imgs/home-new/cr-bg.png");
background-size: contain;
}
} }
} }
} }
......
src/views/home/components/Display.vue
浏览文件 @ dcba3a6d
...@@ -2,24 +2,43 @@ ...@@ -2,24 +2,43 @@
<template> <template>
<div class="home-display"> <div class="home-display">
<div class="title wow animate__animated animate__fadeInUp">展览</div> <div class="title wow animate__animated animate__fadeInUp">展览</div>
<EntranceIcon <div class="en wow animate__animated animate__fadeInUp">Exhibition</div>
<div
class="dianji wow animate__animated animate__fadeInUp"
@click="handleClickAll"
>
查看全部
<img src="@/assets/imgs/home-new/dianji.png" alt="" />
</div>
<!-- <EntranceIcon
color="#fff" color="#fff"
text="查看更多" text="查看更多"
@click.native="handleClickAll" @click.native="handleClickAll"
class="dianji wow animate__animated animate__fadeInUp" class="dianji wow animate__animated animate__fadeInUp"
/> /> -->
<div class="wrapper wow animate__animated animate__fadeInUp"> <div class="wrapper wow animate__animated animate__fadeInUp">
<div class="sliders">
<div class="slide-item" v-if="list[0]">
<div class="content">
<div class="content-name">{{ list[0].title }}</div>
<div class="content-intro" v-html="list[0].intro || ''"></div>
<div class="dianji" @click="handleClick(list[0])">
<span class="txt">点击查看</span>
<img src="@/assets/imgs/home-new/dianji.png" alt="" />
</div>
</div>
<div class="img" @click="handleClick(list[0])">
<img :src="$getFullUrl(list[0].faceImageMiddleUrl)" alt="" />
<div class="img-name">{{ list[0].title }}</div>
</div>
</div>
</div>
<!-- <div <!-- <div
class="sliders" class="sliders"
:style="{ :style="{
transform: `translateX(-${currentIndex * sliderItemWidth}px)`, transform: `translateX(-${currentIndex * sliderItemWidth}px)`,
}" }"
> -->
<div
class="sliders"
:style="{
transform: `translateX(-${currentIndex * sliderItemWidth}px)`,
}"
v-if="list.length > 0" v-if="list.length > 0"
> >
<div <div
...@@ -34,7 +53,6 @@ ...@@ -34,7 +53,6 @@
<span class="txt">点击体验</span> <span class="txt">点击体验</span>
<img src="@/assets/imgs/home-new/dianji.png" alt="" /> <img src="@/assets/imgs/home-new/dianji.png" alt="" />
</div> </div>
<!-- <EntranceIcon color="#fff" @click.native="handleClick(item)" /> -->
</div> </div>
<div class="img" @click="handleClick(item)"> <div class="img" @click="handleClick(item)">
<img <img
...@@ -44,7 +62,7 @@ ...@@ -44,7 +62,7 @@
<div class="img-name">{{ item.title }}</div> <div class="img-name">{{ item.title }}</div>
</div> </div>
</div> </div>
</div> </div> -->
<!-- <div class="pagination wow animate__animated animate__fadeInUp"> <!-- <div class="pagination wow animate__animated animate__fadeInUp">
<ul> <ul>
<li v-for="(item, index) in list" :key="index" :class="list[currentIndex] == item ? 'active' : ''" <li v-for="(item, index) in list" :key="index" :class="list[currentIndex] == item ? 'active' : ''"
...@@ -60,6 +78,7 @@ ...@@ -60,6 +78,7 @@
<script> <script>
import { getRecommendDisplay } from "@/api/display"; import { getRecommendDisplay } from "@/api/display";
import EntranceIcon from "@/components/EntranceIcon"; import EntranceIcon from "@/components/EntranceIcon";
import { titles } from "../../display/boutiqueTitles";
export default { export default {
name: "Display", name: "Display",
components: { components: {
...@@ -70,6 +89,7 @@ export default { ...@@ -70,6 +89,7 @@ export default {
list: [], list: [],
currentIndex: 0, currentIndex: 0,
sliderItemWidth: 0, sliderItemWidth: 0,
boutiqueTitles:titles
}; };
}, },
mounted() { mounted() {
...@@ -87,12 +107,21 @@ export default { ...@@ -87,12 +107,21 @@ export default {
console.log(-this.currentIndex * this.sliderItemWidth); console.log(-this.currentIndex * this.sliderItemWidth);
}, },
handleClick(item) { handleClick(item) {
const { exhibitionId, themeType } = item; let index = this.boutiqueTitles.indexOf(item.title);
const newPage = this.$router.resolve({ let newPage;
path: `display/${themeType}/${exhibitionId}`, if (index == -1) {
const { themeType, exhibitionId } = item;
newPage = this.$router.resolve({
path: `/display/${themeType}/${exhibitionId}`,
});
} else {
newPage = this.$router.resolve({
path: `/boutique/${item.title}`,
}); });
}
setTimeout(() => {
window.open(newPage.href, "_blank"); window.open(newPage.href, "_blank");
// this.$router.push(`display/${themeType}/${exhibitionId}`); }, 300);
}, },
getSlideItemWidth() { getSlideItemWidth() {
setTimeout(() => { setTimeout(() => {
...@@ -131,9 +160,20 @@ export default { ...@@ -131,9 +160,20 @@ export default {
flex-basis: auto; flex-basis: auto;
font-size: 48px; font-size: 48px;
font-weight: bold; font-weight: bold;
margin-bottom: 20px; margin-bottom: 8px;
}
.en {
height: 35px;
font-size: 36px;
font-family: PingFang SC;
font-weight: bold;
color: #fff;
line-height: 34px;
margin-bottom: 30px;
} }
.dianji { .dianji {
color: #fff;
font-size: 22px;
margin-bottom: 50px; margin-bottom: 50px;
} }
...@@ -168,17 +208,19 @@ export default { ...@@ -168,17 +208,19 @@ export default {
height: 100%; height: 100%;
.content-name { .content-name {
font-size: 24px; font-size: 28px;
font-weight: bold; font-weight: bold;
margin-bottom: 40px; margin-bottom: 40px;
display: flex;
justify-content: center;
} }
.content-intro { .content-intro {
font-size: 18px; font-size: 22px;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
margin-bottom: 40px; margin-bottom: 40px;
text-indent: 44px;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 6; -webkit-line-clamp: 6;
...@@ -191,11 +233,13 @@ export default { ...@@ -191,11 +233,13 @@ export default {
// line-height: 48px; // line-height: 48px;
} }
.dianji { .dianji {
font-size: 32px; font-size: 26px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
cursor: pointer; cursor: pointer;
display: flex;
align-items: center;
.txt { .txt {
margin-right: 10px; margin-right: 10px;
} }
...@@ -205,10 +249,9 @@ export default { ...@@ -205,10 +249,9 @@ export default {
.img { .img {
// margin-top: 240px; // margin-top: 240px;
width: 580px; width: 580px;
height: 640px; height: 340px;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
height: 250px;
&:hover { &:hover {
box-shadow: 2px 6px 6px 2px rgba(0, 0, 0, 0.3); box-shadow: 2px 6px 6px 2px rgba(0, 0, 0, 0.3);
......
src/views/home/components/MuseumMap.vue
浏览文件 @ dcba3a6d
...@@ -158,7 +158,6 @@ export default { ...@@ -158,7 +158,6 @@ export default {
coordinateSystem: "geo", coordinateSystem: "geo",
data: v.data, data: v.data,
renderItem(params, api) { renderItem(params, api) {
console.log("params", v.data[params.dataIndex].type);
let type = v.data[params.dataIndex].type; let type = v.data[params.dataIndex].type;
let url; let url;
let width; let width;
...@@ -167,7 +166,7 @@ export default { ...@@ -167,7 +166,7 @@ export default {
width = 8; width = 8;
} else { } else {
url = "ms-icon"; url = "ms-icon";
width=20 width = 20;
} }
//具体实现自定义图标的方法 //具体实现自定义图标的方法
return { return {
...@@ -182,7 +181,7 @@ export default { ...@@ -182,7 +181,7 @@ export default {
v.data[params.dataIndex].value[0], v.data[params.dataIndex].value[0],
v.data[params.dataIndex].value[1], v.data[params.dataIndex].value[1],
])[1], ])[1],
width:width width: width,
}, },
}; };
}, },
...@@ -209,6 +208,7 @@ export default { ...@@ -209,6 +208,7 @@ export default {
faceImageUrl = `<div> faceImageUrl = `<div>
<div style="text-align:center;line-height:26px;color:#000;font-weight:bold">${item.name} <div style="text-align:center;line-height:26px;color:#000;font-weight:bold">${item.name}
<div/> <div/>
<div style="font-size:12px;color:#999;font-weight:400">点击图标立即查看>></div>
</div>`; </div>`;
that.curMuseum = item; that.curMuseum = item;
return; return;
...@@ -217,6 +217,13 @@ export default { ...@@ -217,6 +217,13 @@ export default {
return faceImageUrl; return faceImageUrl;
}, },
}, },
// dataRange: {
// min : 0,//值域控件最小值
// max : maxRange,//值域控件最大值
// calculable : true,//默认为false,设置为true时值域显示为线性渐变
// precision:0,//小数精度，默认为0
// color: ['red', 'orange', 'yellow','#FFFCEC']//值域颜色，最少两个
// },
// visualMap: { // visualMap: {
// min: 0, // min: 0,
// max: 20000, // max: 20000,
...@@ -239,7 +246,7 @@ export default { ...@@ -239,7 +246,7 @@ export default {
//静态的时候展示样式 //静态的时候展示样式
show: true, //是否显示地图省份得名称 show: true, //是否显示地图省份得名称
textStyle: { textStyle: {
color: "#333", color: "#fff",
fontSize: 10, fontSize: 10,
fontFamily: "Arial", fontFamily: "Arial",
}, },
...@@ -258,12 +265,8 @@ export default { ...@@ -258,12 +265,8 @@ export default {
// 地图区域的多边形 图形样式。 // 地图区域的多边形 图形样式。
normal: { normal: {
borderColor: "#fff", // 边框颜色 borderColor: "#fff", // 边框颜色
// areaColor: "#2759af", // 区域颜色
areaColor: "#a5c3e7", areaColor: "#a5c3e7",
// areaColor:'#294046', color: "#fff",
color: "#ff5555",
// shadowBlur: 10, // 图形阴影的模糊大小
// shadowOffsetX: 10, // 阴影水平方向上的偏移距离。
}, },
emphasis: { emphasis: {
// areaColor: "#2759af", // areaColor: "#2759af",
...@@ -275,6 +278,108 @@ export default { ...@@ -275,6 +278,108 @@ export default {
shadowBlur: 3, shadowBlur: 3,
}, },
}, },
regions: [
{
name: "贵阳市",
itemStyle: {
normal: {
areaColor: "rgba(26, 90, 79,1)",
},
emphasis: {
areaColor: "rgba(26, 90, 79,0.9)",
},
},
},
{
name: "遵义市",
itemStyle: {
normal: {
areaColor: "rgba(156, 30, 30,1)",
},
emphasis: {
areaColor: "rgba(156, 30, 30,0.9)",
},
},
},
{
name: "毕节市",
itemStyle: {
normal: {
areaColor: "rgba(212, 123, 45,1)",
},
emphasis: {
areaColor: "rgba(212, 123, 45,0.9)",
},
},
},
{
name: "六盘水市",
itemStyle: {
normal: {
areaColor: "rgba(236, 184, 66,1)",
},
emphasis: {
areaColor: "rgba(236, 184, 66,0.9)",
},
},
},
{
name: "安顺市",
itemStyle: {
normal: {
areaColor: "rgba(30, 97, 140,1)",
},
emphasis: {
areaColor: "rgba(30, 97, 140,0.9)",
},
},
},
{
name: "铜仁市",
itemStyle: {
normal: {
areaColor: "rgba(62,56,65,1)",
},
emphasis: {
areaColor: "rgba(62,56,65,0.9)",
},
},
},
{
name: "黔西南布依族苗族自治州",
itemStyle: {
normal: {
areaColor: "rgba(21,85,154,1)",
},
emphasis: {
areaColor: "rgba(21,85,154,0.8)",
},
},
},
{
name: "黔南布依族苗族自治州",
itemStyle: {
normal: {
areaColor: "rgba(20,74,116,1)",
},
emphasis: {
areaColor: "rgba(20,74,116,0.8)",
},
},
},
{
name: "黔东南苗族侗族自治州",
itemStyle: {
normal: {
areaColor: "rgba(37, 47, 87,1)",
},
emphasis: {
areaColor: "rgba(37, 47, 87,0.8)",
},
},
},
],
}, },
}; };
...@@ -320,10 +425,10 @@ export default { ...@@ -320,10 +425,10 @@ export default {
}, },
handleClick(item) { handleClick(item) {
const { id } = item; const { id } = item;
// const newPage = this.$router.resolve({ const newPage = this.$router.resolve({
// path: `museum/${id}`, path: `museum/${id}`,
// }); });
// window.open(newPage.href, "_blank"); window.open(newPage.href, "_blank");
// this.$router.push({ // this.$router.push({
// path: `museum/${id}`, // path: `museum/${id}`,
// }); // });
...@@ -384,7 +489,6 @@ export default { ...@@ -384,7 +489,6 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
.title { .title {
color: #fff; color: #fff;
// margin-bottom: 43px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
...@@ -403,7 +507,6 @@ export default { ...@@ -403,7 +507,6 @@ export default {
.title-img { .title-img {
height: 100px; height: 100px;
// height: 136px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -424,10 +527,9 @@ export default { ...@@ -424,10 +527,9 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: flex-start;
// padding-top: 100px;
.content { .content {
// margin-top: 100px;//去除上间距
width: 600px; width: 600px;
margin-top: 100px;
color: #333; color: #333;
font-family: "Alibaba PuHuiTi"; font-family: "Alibaba PuHuiTi";
height: 50vh; height: 50vh;
...@@ -452,7 +554,6 @@ export default { ...@@ -452,7 +554,6 @@ export default {
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
// background-color:rgba(#2069c4,0.8);
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
} }
} }
...@@ -465,16 +566,13 @@ export default { ...@@ -465,16 +566,13 @@ export default {
} }
.intro { .intro {
font-size: 20px; font-size: 22px;
font-weight: 300; font-weight: 600;
margin-bottom: 85px; margin-bottom: 85px;
overflow: hidden; overflow: hidden;
color: #255780; color: #255780;
width: 400px; width: 400px;
// display: -webkit-box; text-indent: 44px;
// -webkit-box-orient: vertical;
// -webkit-line-clamp: 6;
// overflow: hidden;
} }
.entrance { .entrance {
...@@ -531,11 +629,13 @@ export default { ...@@ -531,11 +629,13 @@ export default {
& > p { & > p {
color: #fff; color: #fff;
.label { .label {
font-size: 32px; font-size: 28px;
} }
.num { .num {
font-weight: bold; // font-weight: bold;
font-family: $puHuiTi;
font-size: 60px; font-size: 60px;
margin: 0 4px;
} }
} }
} }
......
src/views/home/index.vue
浏览文件 @ dcba3a6d
...@@ -45,9 +45,9 @@ export default { ...@@ -45,9 +45,9 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #fff; background-color: #fff;
padding-bottom: 100px;
.home-item { .home-item {
height: calc(100vh - 120px); height: calc(100vh - $nav-height);
width: 100%; width: 100%;
position: relative; position: relative;
} }
......
src/views/home/tempCr.json 0 → 100644
浏览文件 @ dcba3a6d
[{
"crId": "80f7c57c768749fbad359e0ce9bce4a1",
"deptName": "贵州省博物馆",
"faceImageMiddleUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/54螭首金杯、金盘/middle/54.1螭首金杯.png",
"faceImagePressUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/54螭首金杯、金盘/low/54.1螭首金杯.png",
"faceImageUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/54螭首金杯、金盘/54.1螭首金杯.png",
"intro": "金杯系夹层，双螭缠绕其上，两螭首对称探出杯口成杯柄。承盘纹饰与金杯呼应，盘心为翻涌的浪花，双螭盘旋，口尾互衔。金杯、金盘共同构成教子升天纹。教子升天纹是宋代已降流行的纹饰，由天上的大龙和海水中的小龙组成，通过大龙呼唤小龙升天来借喻父母望子成龙的愿望，也可祝人高升。",
"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": "7ccbc32192e5486ca944a12f9002edc2",
"deptName": "贵州省博物馆",
"faceImageMiddleUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/59平播鼎/middle/59.平播鼎.png",
"faceImagePressUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/59平播鼎/low/59.平播鼎.png",
"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",
"faceImagePressUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/31铜车马/low/31.铜车马.png",
"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",
"faceImageUrl": "http://114.115.157.218:9602/files/culturalRelicImport/2022-12-20-ba663e0ebd1445298631d77df692d414/贵州省博物馆-文物2/faceImage/71青釉陶兽水盂/71.青釉陶兽水盂.png",
"intro": "塑为狮形，昂首站立，全身用细纹刻画出卷曲的毛发，狮背有一长颈口，狮身饰青釉，开鱼牙片纹，看起来形态生动、雄浑。",
"name": "青釉陶兽水盂"
},
{
"crId": "056c729a98cc47de852de5a499f95d19",
"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": "漆盘"
}
]
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论