Skip to content

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

隐藏下架状态的展览、文物、虚拟展厅、博物馆

上级 011391ed
显示空白字符变更
内嵌 并排
正在显示 包含 78 行增加 和 35 行删除
src/views/culturalRelic/index.vue
浏览文件 @ 2a1d7ce6
......@@ -73,7 +73,7 @@
</div>
<el-row :gutter="40" class="cr-list">
<el-col
:span="8"
:span="item.status == 1 ? 8 : 0"
class="cr-item"
@click.native="handleClick(item)"
@mouseenter.native="handleEnterImg(item)"
......@@ -81,7 +81,10 @@
v-for="(item, index) in list.records"
:key="index"
>
<div class="container wow animate__animated animate__fadeInUp">
<div
class="container wow animate__animated animate__fadeInUp"
v-if="item.status == 1"
>
<div class="img-container">
<img
:src="
......@@ -337,7 +340,7 @@ $text-indent: 16px;
height: 214px;
.item {
margin-right: 20px;
&:hover{
&:hover {
-webkit-box-reflect: below 2px
linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
......@@ -398,7 +401,7 @@ $text-indent: 16px;
font-size: 14px;
transition: all 0.2s ease;
&:hover{
&:hover {
-webkit-box-reflect: below 2px
linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
......
src/views/display/components/BlueStyle.vue
浏览文件 @ 2a1d7ce6
......@@ -110,10 +110,10 @@
</el-col>
<el-col :span="10" class="right">
<div class="qrcode">
<img
<!-- <img
src="@/assets/imgs/display/normal/test-qrcode.png"
alt=""
/>
/> -->
</div>
<div class="tools">
<ReaderOperations
......@@ -156,9 +156,10 @@
<svg-icon icon-class="jianjie"></svg-icon>
<span>展览简介</span>
</div>
<div class="intro-content-container" v-html="displayDetail.intro">
</div>
<div
class="intro-content-container"
v-html="displayDetail.intro"
></div>
</div>
<div
class="intro-video wow animate__animated animate__fadeInRight"
......@@ -211,12 +212,26 @@
"
>
<!-- 只能单开 unique-opened -->
<menu-list
<!-- <menu-list
:items="displayDetail.exhibitionUnits"
:isCollapse="false"
@open="handleOpenUnit"
style="height: 100%"
></menu-list>
></menu-list> -->
<el-tree
:data="displayDetail.exhibitionUnits"
node-key="euId"
default-expand-all
>
<div
class="exhibition-units-tree-node"
slot-scope="{ node, data }"
>
<div class="title" @click="handleOpenUnit(data)">
{{ data.title }}
</div>
</div>
</el-tree>
</div>
<div
class="unit-content wow animate__animated animate__fadeInRight"
......@@ -568,7 +583,7 @@ export default {
<style lang="scss" scoped>
// 中国风主题样式
/**公共样式开始 */
$blue:#2069c4;
.custom-title {
width: 50px;
background-color: #d72f3f;
......@@ -605,13 +620,13 @@ export default {
align-items: center;
.svg-icon {
font-size: 50px;
color: #2068c3;
color: $blue;
margin-right: 10px;
}
.title {
font-size: 26px;
font-weight: 400;
color: #2069c4;
color: $blue;
line-height: 101px;
}
}
......@@ -743,6 +758,7 @@ export default {
.body-item {
display: flex;
align-items: center;
margin-bottom: 10px;
.label {
display: flex;
align-items: center;
......@@ -805,7 +821,7 @@ export default {
cursor: pointer;
animation: audioRotate 8s linear infinite;
transform-origin: center center;
border: 2px solid #2069c4;
border: 2px solid $blue;
padding: 10px;
border-radius: 50%;
display: flex;
......@@ -817,7 +833,7 @@ export default {
box-shadow: 0 0 14px rgb(0 0 0 / 40%);
}
.svg-icon {
color: #2069c4;
color: $blue;
font-size: 80px;
}
img {
......@@ -868,6 +884,8 @@ export default {
.unit-content-menu {
width: 360px;
margin-right: 40px;
background-image: url("@/assets/imgs/display/normal/bg.png");
background-size: 1%;
}
.unit-content {
flex: 1;
......@@ -1003,7 +1021,16 @@ export default {
::v-deep .el-carousel__container {
height: 100%;
}
::v-deep .el-tree {
background: transparent;
.el-tree-node__content {
height: 50px;
:hover {
background: #fff;
color: $blue;
}
}
}
@keyframes filmMoveLeft {
0% {
transform: translateX(0);
......@@ -1043,4 +1070,5 @@ export default {
animation-play-state: paused;
-webkit-animation-play-state: paused; /* Safari 和 Chrome */
}
</style>
\ No newline at end of file
src/views/display/components/ChStyle.vue
浏览文件 @ 2a1d7ce6
......@@ -180,7 +180,7 @@
import MenuList from "@/components/MenuList";
import { previewFile } from "@/utils/index";
// import ChStyleUnit from "./ChStyleUnit.vue";
import ChStyleUnit from "./ChStyle-unit.vue";
import ChStyleUnit from "./ChStyleUnit.vue";
import DetailDialog from "./detail-dialog.vue";
export default {
components: {
......
src/views/display/index.vue
浏览文件 @ 2a1d7ce6
......@@ -52,15 +52,19 @@
</div>
<el-row :gutter="40" class="cr-list">
<el-col
:span="8"
:span="item.status==1?8:0"
class="cr-item"
@click.native="handleClick(item)"
@mouseenter.native="handleEnterImg(item)"
@mouseleave.native="handleLeaveImg(item)"
v-for="(item, index) in list.records"
:key="index"
>
<div
class="container wow animate__animated animate__fadeInUp"
v-if="item.status==1"
>
<div class="container wow animate__animated animate__fadeInUp">
<div class="img-container">
<img
:src="
......@@ -320,7 +324,7 @@ $text-indent: 16px;
padding: 90px 70px 80px;
.item {
margin-right: 20px;
&:hover{
&:hover {
-webkit-box-reflect: below 2px
linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
......@@ -334,7 +338,6 @@ $text-indent: 16px;
color: #444;
}
.search-button {
cursor: pointer;
display: flex;
......@@ -346,7 +349,7 @@ $text-indent: 16px;
font-size: 14px;
width: 156px;
height: 40px;
&:hover{
&:hover {
-webkit-box-reflect: below 2px
linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
......@@ -444,6 +447,9 @@ $text-indent: 16px;
font-weight: bold;
color: #2069c4;
margin-bottom: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.desc-container {
display: flex;
......
src/views/home/components/Display.vue
浏览文件 @ 2a1d7ce6
......@@ -23,9 +23,7 @@
>
<div class="content">
<div class="content-name">{{ item.title }}</div>
<div class="content-intro">
{{ item.intro ? item.intro : "" }}
</div>
<div class="content-intro" v-html="item.intro || ''"></div>
<EntranceIcon color="#fff" @click.native="handleClick(item)" />
</div>
<div class="img" @click="handleClick(item)">
......
src/views/home/components/Virtural.vue
浏览文件 @ 2a1d7ce6
......@@ -112,7 +112,7 @@ $blue: #2069c4;
margin-top: 110px;
.name {
margin-bottom: 27px;
font-size: 20px;
font-size: 22px;
font-weight: bold;
}
.deptName {
......@@ -168,6 +168,7 @@ $blue: #2069c4;
transform: translateY(100px);
width: 100%;
transition: all 0.5s ease;
}
}
}
......
src/views/museum/index.vue
浏览文件 @ 2a1d7ce6
......@@ -33,7 +33,7 @@
</div>
<el-row :gutter="40" class="cr-list">
<el-col
:span="8"
:span="item.status == 1 ? 8 : 0"
class="cr-item"
@click.native="handleClick(item)"
@mouseenter.native="handleEnterImg(item)"
......@@ -41,7 +41,10 @@
v-for="(item, index) in list.records"
:key="index"
>
<div class="container wow animate__animated animate__fadeInUp">
<div
class="container wow animate__animated animate__fadeInUp"
v-if="item.status == 1"
>
<div class="img-container">
<img
:src="
......
src/views/virtual/index.vue
浏览文件 @ 2a1d7ce6
......@@ -36,7 +36,7 @@
</div>
<el-row :gutter="40" class="cr-list">
<el-col
:span="8"
:span="item.status == 1 ? 8 : 0"
class="cr-item"
@click.native="handleClick(item)"
@mouseenter.native="handleEnterImg(item)"
......@@ -44,7 +44,10 @@
v-for="(item, index) in list.records"
:key="index"
>
<div class="container wow animate__animated animate__fadeInUp">
<div
class="container wow animate__animated animate__fadeInUp"
v-if="item.status == 1"
>
<div class="img-container">
<img
:src="
......@@ -286,7 +289,7 @@ $text-indent: 16px;
margin-bottom: 63px;
.item {
margin-right: 20px;
&:hover{
&:hover {
-webkit-box-reflect: below 2px
linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
......@@ -311,7 +314,7 @@ $text-indent: 16px;
background-size: 100% 100%;
color: #444;
font-size: 14px;
&:hover{
&:hover {
-webkit-box-reflect: below 2px
linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
......@@ -320,7 +323,7 @@ $text-indent: 16px;
}
}
::v-deep .el-input{
::v-deep .el-input {
width: auto;
}
}
......@@ -459,7 +462,7 @@ $text-indent: 16px;
}
}
::v-deep .el-input{
::v-deep .el-input {
// width: auto;
}
::v-deep .el-pagination {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论