提交 d284a2eb authored 作者: 龙菲's avatar 龙菲

修改布展分类和布展性质字典;增加搜索栏hover时投影效果;修改版心宽度;浏览器缩放适配

上级 8e562ed8
......@@ -624,7 +624,7 @@ export default {
}
}
::v-deep .el-dialog {
width: 380px;
width: 400px;
border-radius: 0;
.el-dialog__body {
padding: 20px 30px 60px !important;
......
......@@ -11,7 +11,7 @@
<el-carousel
indicator-position="outside"
:autoplay="false"
height="600px"
height="400px"
>
<el-carousel-item
v-for="(item, index) in CRDetail.imagesVo"
......@@ -395,7 +395,8 @@ export default {
$label: #9f9c9a;
.wrapper {
width: 1200px;
// width: 1200px;
width: calc(100% - 26%);
margin: 60px auto;
background-color: #fff;
padding: 40px;
......@@ -481,7 +482,7 @@ $label: #9f9c9a;
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 10px;
.basic-info {
.body-item {
display: flex;
......
<!-- -->
<template>
<div class="display-group">
<div
class="display-item"
v-for="(item, index) in CRList.records"
:key="index"
@click="handleClick(item)"
>
<img src="@/assets/imgs/relic.png" width="100%" :alt="item.title" />
<div class="display-desc">
<div class="desc-title">
<h4>{{ item.title }}</h4>
</div>
<div class="desc-time">
<span>{{ item.time }}</span>
</div>
<a class="desc-content" :alt="item.content">
{{ item.content }}
</a>
</div>
<div class="display-source">
<span>遵义文物局</span>
<el-button size="mini">进 入</el-button>
</div>
</div>
<div class="pagination">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="current"
:page-sizes="[12, 28, 40]"
:page-size="size"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
>
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "All",
props: {
CRList: {
type: Object,
default: () => ({}),
},
},
data() {
return {
// dataList: [
// {
// imgUrl: "",
// title: "宋代鹭鸟纹彩色蜡染褶裙",
// time: "宋(960~1279)",
// content:
// "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
// },
// {
// imgUrl: "",
// title: "宋代鹭鸟纹彩色蜡染褶裙",
// time: "宋(960~1279)",
// content:
// "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
// },
// {
// imgUrl: "",
// title: "宋代鹭鸟纹彩色蜡染褶裙",
// time: "宋(960~1279)",
// content:
// "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
// },
// {
// imgUrl: "",
// title: "宋代鹭鸟纹彩色蜡染褶裙",
// time: "宋(960~1279)",
// content:
// "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
// },
// {
// imgUrl: "",
// title: "宋代鹭鸟纹彩色蜡染褶裙",
// time: "宋(960~1279)",
// content:
// "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
// },
// {
// imgUrl: "",
// title: "宋代鹭鸟纹彩色蜡染褶裙",
// time: "宋(960~1279)",
// content:
// "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
// },
// {
// imgUrl: "",
// title: "宋代鹭鸟纹彩色蜡染褶裙",
// time: "宋(960~1279)",
// content:
// "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
// },
// {
// imgUrl: "",
// title: "宋代鹭鸟纹彩色蜡染褶裙",
// time: "宋(960~1279)",
// content:
// "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
// },
// {
// imgUrl: "",
// title: "宋代鹭鸟纹彩色蜡染褶裙",
// time: "宋(960~1279)",
// content:
// "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
// },
// {
// imgUrl: "",
// title: "宋代鹭鸟纹彩色蜡染褶裙",
// time: "宋(960~1279)",
// content:
// "1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
// },
// ],
};
},
mounted() {},
methods: {
handleClick(item) {
console.log(12);
this.$emit("handleClick", item);
},
handleSizeChange(value) {
console.log("handleSizeChange", value);
},
handleCurrentChange(value) {
console.log("handleCurrentChange", value);
},
handleClickType(type) {
console.log("type", type);
this.currentType = type;
},
handleClickCard(value) {
console.log("接受到value", value);
this.$router.push({
path: "culturalRelic/1",
});
},
},
};
</script>
<style lang="scss" scoped>
.display-group {
margin-top: 24px;
// padding: 0 16%;
display: flex;
flex-flow: row wrap;
.display-item {
width: 282px;
margin-bottom: 32px;
border-radius: 16px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 0 32px 0;
background-color: #fff;
margin-right: 10px;
cursor: pointer;
img {
border-radius: 16px 16px 0 0;
}
.display-desc {
padding: 0 16px;
.desc-content {
text-indent: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
}
.display-source {
margin-top: 8px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px;
}
}
}
</style>
<!-- -->
<template>
<div class="area">
<div class="area-bar">
<div class="label">所属区域:</div>
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane
v-for="(item, index) in area"
:key="index"
:label="item.label"
:name="item.name"
>用户管理</el-tab-pane
>
</el-tabs>
</div>
<div class="display-group">
<div class="display-item" v-for="(item, index) in dataList" :key="index" @click="handleClick(item)">
<img src="@/assets/imgs/display2.png" width="100%" :alt="item.title" />
<div class="display-desc">
<div class="desc-title">
<h4>{{ item.title }}</h4>
</div>
<div class="desc-time">
<span>{{ item.time }}</span>
</div>
<a class="desc-content" :alt="item.content">
{{ item.content }}
</a>
</div>
<div class="display-source">
<span>遵义文物局</span>
<el-button size="mini">进 入</el-button>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "Region",
data() {
return {
area: [
{ label: "贵阳市", name: "1" },
{ label: "安顺市", name: "2" },
{ label: "黔南布依族苗族自治州", name: "3" },
{ label: "黔东南苗族侗族自治州", name: "4" },
{ label: "铜仁市", name: "5" },
{ label: "毕节市", name: "6" },
{ label: "六盘水市", name: "7" },
],
dataList: [
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
],
activeName: "",
};
},
mounted() {},
methods: {
handleClick(item){
this.$emit('handleClick',item)
}
},
};
</script>
<style lang="scss" scoped>
.area {
.area-bar {
height: 80px;
display: flex;
align-items: center;
flex: 1;
.label {
// border: 1px solid #000;
height: 100%;
display: flex;
// justify-content: center;
align-items: center;
// // padding: 0 16px;
// width: 100px;
}
.area-group {
display: flex;
height: 100%;
.area-item {
height: 100%;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
display: flex;
align-items: center;
justify-content: center;
padding: 0 16px;
&:first-of-type {
border-left: 1px solid #000;
}
}
}
}
.display-group {
margin-top: 24px;
display: flex;
flex-flow: row wrap;
.display-item {
width: 282px;
margin-bottom: 32px;
border-radius: 16px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 0 32px 0;
background-color: #fff;
margin-right: 10px;
cursor: pointer;
img {
border-radius: 16px 16px 0 0;
}
.display-desc {
padding: 0 16px;
.desc-content {
text-indent: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
}
.display-source {
margin-top: 8px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px;
}
}
}
}
</style>
<!-- -->
<template>
<div class="display-group">
<div
class="display-item"
v-for="(item, index) in dataList"
:key="index"
@click="handleClick(item)"
>
<img src="@/assets/imgs/relic.png" width="100%" :alt="item.title" />
<div class="display-desc">
<div class="desc-title">
<h4>{{ item.title }}</h4>
</div>
<div class="desc-time">
<span>{{ item.time }}</span>
</div>
<a class="desc-content" :alt="item.content">
{{ item.content }}
</a>
</div>
<div class="display-source">
<span>遵义文物局</span>
<el-button size="mini">进 入</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: "ThreeDimension",
data() {
return {
dataList: [
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
{
imgUrl: "",
title: "宋代鹭鸟纹彩色蜡染褶裙",
time: "宋(960~1279)",
content:
"1987年平坝棺材洞出土的这件宋代鹭鸟纹彩色蜡染褶裙。裙腰为麻质,白色,长31CM;裙身为棉质土布,长62.5CM,宽51.2CM。蜡染纹样分上下两个部分,上部分以飞翔的鹭鸟为主,其造型昂首展翅,屈肢及长长的尾羽,翔鹭间排布着和谐的几何纹样,作为陪衬,使图案组构丰满。其下为黄、蓝条形几组弦纹相间,使裙身的纹饰复杂中亦见简洁。下部分的纹饰图案似流云,流云间空隙以若干小点密布,两部份纹饰以黄蓝相间为底衬,且呈浓淡之分,显然是经过两次封蜡所出现的效果。冰纹均为纵向,细腻自然。再往下是完全不同的工艺手法所制作的三段纹饰,即在两段挑花中,夹一段刺绣,自上而下,是以黄蓝丝线挑的“万”字纹,与图象多变,似由树木、人物、走兽、环形图象等组构而成,并显黄蓝绿的刺绣图案,及以蓝色为主,间或呈黄色的挑花席纹。",
},
],
};
},
mounted() {},
methods: {
handleClick(item) {
this.$emit("handleClick", item);
},
},
};
</script>
<style lang="scss" scoped>
.display-group {
margin-top: 24px;
// padding: 0 16%;
display: flex;
flex-flow: row wrap;
.display-item {
width: 282px;
margin-bottom: 32px;
border-radius: 16px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 0 32px 0;
background-color: #fff;
margin-right: 10px;
cursor: pointer;
img {
border-radius: 16px 16px 0 0;
}
.display-desc {
padding: 0 16px;
.desc-content {
text-indent: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
}
.display-source {
margin-top: 8px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px;
}
}
}
</style>
......@@ -45,8 +45,8 @@ export default {
},
async mounted() {
await this.$store.dispatch("dict/getDictList", [
"display_type",
"display_character",
"displayType",
"displayCharacter",
]);
this.loadDetail();
},
......
......@@ -83,7 +83,7 @@
<svg-icon icon-class="zllx"></svg-icon>展览类型:</span
>
<span class="value">{{
dicts.display_type[displayDetail.type]
dicts.displayType[displayDetail.type]
}}</span>
</div>
<div class="body-item">
......@@ -91,7 +91,7 @@
<svg-icon icon-class="zlxz"></svg-icon>展览性质:</span
>
<span class="value">{{
dicts.display_character[displayDetail.displayCharacter]
dicts.displayCharacter[displayDetail.displayCharacter]
}}</span>
</div>
<div class="body-item">
......
......@@ -57,19 +57,19 @@
<div class="label">关键词:</div>
<div class="value">{{ displayDetail.keyword }}</div>
</el-col>
<el-col class="item" v-if="dicts.display_type">
<el-col class="item" v-if="dicts.displayType">
<div class="label">展览类型:</div>
<div class="value">
{{ dicts.display_type[displayDetail.type] }}
{{ dicts.displayType[displayDetail.type] }}
</div>
</el-col>
</el-row>
<el-row>
<el-col class="item" v-if="dicts.display_character">
<el-col class="item" v-if="dicts.displayCharacter">
<div class="label">展览性质:</div>
<div class="value">
{{
dicts.display_character[displayDetail.displayCharacter]
dicts.displayCharacter[displayDetail.displayCharacter]
}}
</div>
</el-col>
......
......@@ -80,7 +80,7 @@
</div>
</div>
<el-row>
<el-col :span="14">
<el-col :span="13">
<div class="basic-info">
<div class="body-item">
<span class="label">关键词</span>
......@@ -89,13 +89,13 @@
<div class="body-item">
<span class="label">展览类型</span>
<span class="value">{{
dicts.display_type[displayDetail.type]
dicts.displayType[displayDetail.type]
}}</span>
</div>
<div class="body-item">
<span class="label">展览性质</span>
<span class="value">{{
dicts.display_character[displayDetail.displayCharacter]
dicts.displayCharacter[displayDetail.displayCharacter]
}}</span>
</div>
<div class="body-item">
......@@ -108,7 +108,7 @@
</div>
</div>
</el-col>
<el-col :span="10">
<el-col :span="11">
<ReaderOperations
:loveCount="displayDetail.loveCount"
:loveCountStatus="Boolean(displayDetail.loveCountStatus)"
......@@ -503,7 +503,7 @@ export default {
// 中国风主题样式
/**公共样式开始 */
.wrapper {
width: 1200px;
width: 1400px;
}
.custom-title {
width: 50px;
......@@ -571,7 +571,7 @@ export default {
top: 0;
overflow: hidden;
display: flex;
width: 1200px;
width: 1400px;
}
.bottom {
position: absolute;
......@@ -585,11 +585,10 @@ export default {
width: 2400px;
}
.film-img-container {
width: 1200px;
animation: filmMoveLeft 60s ease infinite;
animation: filmMoveLeft 60s linear infinite;
height: 40px;
img {
width: 100%;
width: 1400px;
height: 100%;
}
}
......@@ -956,6 +955,7 @@ export default {
border: 2px solid #cccccc;
border-left: none;
.lts-content {
width: 100%;
flex: 1;
padding: 10px;
}
......@@ -974,7 +974,7 @@ export default {
transform: translateX(0);
}
100% {
transform: translateX(-1200px);
transform: translateX(-1400px);
}
}
@keyframes filmMoveRight {
......@@ -982,7 +982,7 @@ export default {
transform: translateX(0);
}
100% {
transform: translateX(1200px);
transform: translateX(1400px);
}
}
......
......@@ -25,7 +25,7 @@
clearable
>
<el-option
v-for="(value, key) in dicts.display_type"
v-for="(value, key) in dicts.displayType"
:key="key"
:label="value"
:value="key"
......@@ -197,7 +197,7 @@ export default {
...mapGetters(["dicts"]),
},
async created() {
await this.$store.dispatch("dict/getDictList", ["display_type"]);
await this.$store.dispatch("dict/getDictList", ["displayType"]);
},
mounted() {
this.loadData();
......
......@@ -156,7 +156,7 @@ export default {
...mapGetters(["dicts"]),
},
async created() {
await this.$store.dispatch("dict/getDictList", ["display_type"]);
await this.$store.dispatch("dict/getDictList", ["displayType"]);
let res = await this.$store.dispatch("dict/getDictTree", [
"culturalRelicYears",
]);
......
......@@ -162,7 +162,7 @@ export default {
...mapGetters(["dicts"]),
},
async created() {
await this.$store.dispatch("dict/getDictList", ["display_type"]);
await this.$store.dispatch("dict/getDictList", ["displayType"]);
let res = await this.$store.dispatch("dict/getDictTree", [
"culturalRelicYears",
]);
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论