Skip to content

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

修改按钮间隙、未选中按钮字体颜色

上级 5f6fa9cb
隐藏空白字符变更
内嵌 并排
正在显示 包含 54 行增加 和 34 行删除
src/components/EntranceIcon/index.vue
浏览文件 @ 2c05f6dd
......@@ -52,7 +52,7 @@ export default {
transform: rotate(45deg);
position: absolute;
right: -2px;
top: -3px;
top: -5px;
}
}
</style>
src/views/culturalRelic/Detail.vue
浏览文件 @ 2c05f6dd
......@@ -9,7 +9,7 @@
:src="$getFullUrl(CRDetail.imagesVo[0].pressUrl)"
/>
<img
id="faceImage"
id="faceImage"
v-else-if="CRDetail.faceImagePressUrl"
class="animate__animated animate__fadeInDownBig"
:src="CRDetail.faceImagePressUrl"
......@@ -427,8 +427,10 @@ export default {
}
},
handleToDetail(crId) {
console.log(crId);
this.$router.replace({ name: "culturalRelicDetail", params: { crId } });
const newPage = this.$router.resolve({
path: `culturalReli/${crId}`,
});
window.open(newPage.href, "_blank");
},
// 点击音频
handleClickAudio() {
......@@ -812,11 +814,11 @@ $blue: #2069c4;
justify-content: center;
align-items: center;
transition: all ease 0.5s;
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.8),
rgba(0, 0, 0, 0.1)
);
// background-image: linear-gradient(
// to top,
// rgba(0, 0, 0, 0.8),
// rgba(0, 0, 0, 0.1)
// );
.cr-name {
font-size: 48px;
font-weight: bold;
......@@ -824,6 +826,7 @@ $blue: #2069c4;
text-align: center;
margin-bottom: 40px;
transition: all 0.5s ease;
opacity: 0;
}
.cr-intro {
font-size: 16px;
......@@ -845,11 +848,16 @@ $blue: #2069c4;
}
&:first-child {
.cr-name-intro {
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.8),
rgba(0, 0, 0, 0.1)
);
&:hover {
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.8),
rgba(0, 0, 0, 0.1)
);
.cr-name {
opacity: 1;
}
}
}
}
&:not(&:first-child) {
......
src/views/culturalRelic/index.vue
浏览文件 @ 2c05f6dd
......@@ -615,6 +615,8 @@ $text-indent: 16px;
border-radius: 50%;
background: #2069c4;
min-width: 0;
margin: 0 10px;
color: #b7b7b7;
}
.active {
color: #fff;
......
src/views/display/index.vue
浏览文件 @ 2c05f6dd
......@@ -536,6 +536,8 @@ $text-indent: 16px;
border-radius: 50%;
background: #2069c4;
min-width: 0;
margin: 0 10px;
color: #b7b7b7;
}
.active {
color: #fff;
......
src/views/home/components/CulturalRelic.vue
浏览文件 @ 2c05f6dd
......@@ -177,7 +177,8 @@ $blue: #2069c4;
bottom: 0;
width: 100%;
padding: 16px;
background-color: rgba($color: #000000, $alpha: 0.1);
// background-color: rgba($color: #000000, $alpha: 0.2);
background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0.2));
color: #fff;
transform: translateY(100px);
text-align: right;
......
src/views/museum/Detail.vue
浏览文件 @ 2c05f6dd
......@@ -7,9 +7,9 @@
<span>返回上页 </span>
</div>
<el-row class="detail-container" :gutter="10">
<el-col class="cr-images" :span="18">
<el-col class="cr-images" :span="24">
<el-image
style="width: 100%; height:400px"
style="width: 100%; height:600px"
:src="$getFullUrl(museumDetail.faceImagePressUrl || museumDetail.faceImageUrl)"
fit="contain"
></el-image>
......@@ -17,7 +17,7 @@
<img src="@/assets/imgs/enlarge-s.png" alt="" />
</div>
</el-col>
<el-col class="relic-info" :span="8">
<el-col class="relic-info" :span="24">
<div class="info-title">
<div
style="
......@@ -45,7 +45,7 @@
v-if="CRDetail.audiosVo && CRDetail.audiosVo.length > 0"
/> -->
</div>
<div class="intro"> {{ museumDetail.intro }}</div>
<div class="intro" v-html="museumDetail.intro"></div>
<!-- <div class="info-body">
<div class="basic-info">
<div class="body-item">
......@@ -127,7 +127,8 @@ export default {
},
handleBack() {
this.$router.go(-1);
// this.$router.go(-1);
this.$router.push({path:'/museum'})
},
closeImgViewer() {
......@@ -138,10 +139,7 @@ export default {
this.imgViewerVisible = true;
this.imgList = [this.$getFullUrl(this.museumDetail.faceImageUrl)];
},
handleToDetail(crId) {
console.log(crId);
this.$router.replace({ name: "culturalRelicDetail", params: { crId } });
},
},
};
</script>
......@@ -183,9 +181,10 @@ $label: #9f9c9a;
height: auto;
}
.cr-images {
width: 700px;
margin-right: 32px;
// width: 700px;
// margin-right: 32px;
position: relative;
margin-bottom: 20px;
.el-image {
background-color: #f5f5f9;
}
......@@ -213,8 +212,9 @@ $label: #9f9c9a;
.relic-info {
.info-title {
display: flex;
justify-content: center;
// align-items: center;
flex-direction: column;
// flex-direction: column;
margin-bottom: 10px;
}
.info-body {
......@@ -237,9 +237,9 @@ $label: #9f9c9a;
}
}
// .intro{
// text-indent: 32px;
// }
.intro{
text-indent: 32px;
}
}
.title-container {
......
src/views/museum/index.vue
浏览文件 @ 2c05f6dd
......@@ -41,9 +41,10 @@
v-for="(item, index) in list.records"
:key="index"
>
<!-- id为1 的是文旅厅 -->
<div
class="container wow animate__animated animate__fadeInUp"
v-if="item.status == 1"
v-if="item.status == 1 && item.id != '1'"
>
<div class="img-container">
<img
......@@ -207,9 +208,11 @@ export default {
e.target.src = require("@/assets/404_images/no-pic.png");
},
handleClick(item) {
this.$router.push({
path: "museum/" + item.id,
const { id } = item;
const newPage = this.$router.resolve({
path: `museum/${id}`,
});
window.open(newPage.href, "_blank");
},
handleTypeChange(value) {
......@@ -379,7 +382,7 @@ $text-indent: 16px;
padding: 36px 30px;
transition: all 0.5s ease;
background: #fff;
.name {
.name {
font-size: 22px;
font-weight: bold;
color: #2069c4;
......@@ -442,6 +445,8 @@ $text-indent: 16px;
border-radius: 50%;
background: #2069c4;
min-width: 0;
margin: 0 10px;
color: #b7b7b7;
}
.active {
color: #fff;
......
src/views/virtual/index.vue
浏览文件 @ 2c05f6dd
......@@ -478,6 +478,8 @@ $text-indent: 16px;
border-radius: 50%;
background: #2069c4;
min-width: 0;
margin: 0 10px;
color: #b7b7b7;
}
.active {
color: #fff;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论