Skip to content

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

红色主题

上级 5b704713
显示空白字符变更
内嵌 并排
正在显示 包含 113 行增加 和 74 行删除
src/components/ReaderOperations/index.vue
浏览文件 @ 320b2d47
......@@ -201,7 +201,7 @@ export default {
<style lang="scss" scoped>
.operations {
margin-top: 22px;
// margin-top: 22px;
display: flex;
// justify-content: space-between;
.operation-item {
......@@ -216,7 +216,7 @@ export default {
color: #61666d;
}
.like {
color: #d4237a;
color: #831122;;
}
.collect {
color: #2069c4;
......
src/icons/svg/3d.svg 0 → 100644
浏览文件 @ 320b2d47
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1661156733273" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1789" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
</style></defs><path d="M571.306667 754.517333l264.064-158.976s2.688 0 2.688-2.688l2.688-2.688V140.117333s0-2.688-2.688-2.688h-8.064l-401.493334-102.4H409.6L169.770667 202.112s-2.688 0-2.688 2.688v2.688s0 2.688-2.688 2.688v2.688c-2.730667 2.730667-2.730667 2.730667-2.730667 5.418667v433.834666l2.730667 2.688s2.688 0 2.688 2.730667h5.376l382.677333 96.981333h5.376c2.688 0 5.376 0 5.376-2.688 2.688 2.688 2.688 2.688 5.376 2.688-2.688 0 0 0 0 0zM425.728 113.194667c10.794667 0 18.858667-8.106667 18.858667-18.858667v-16.213333l334.165333 83.541333-223.658667 153.6-113.194666-34.986667c-2.688-8.106667-8.106667-16.213333-18.858667-16.213333a20.565333 20.565333 0 0 0-13.482667 5.418667L220.970667 212.864l183.253333-123.946667v5.418667c2.688 10.752 10.752 18.858667 21.546667 18.858667z m172.458667 371.84l-18.858667-5.376V344.917333l226.346667-156.288v363.776l-13.482667-5.376c-10.752-2.688-21.546667 2.688-24.234667 13.482667-2.688 10.752 2.688 18.858667 10.794667 24.234667l-199.424 121.258666V520.106667l8.106667 2.730666h5.376c8.106667 0 16.170667-5.418667 18.858666-13.482666 2.688-10.794667-2.688-21.546667-13.482666-24.277334z m-371.882667 118.613333c-5.376-8.106667-18.858667-10.794667-26.922667-2.730667H196.693333V245.205333l207.488 64.682667v37.717333c0 10.794667 8.106667 18.858667 18.858667 18.858667s18.858667-8.064 18.858667-18.858667v-26.922666l97.024 29.653333v118.528l-8.106667-2.688c-10.794667-2.688-21.546667 2.688-24.234667 13.482667-2.688 10.794667 2.688 21.546667 13.44 24.277333l18.901334 5.376v204.8l-320.682667-80.853333h2.688a21.930667 21.930667 0 0 0 5.376-29.653334z" p-id="1790"></path><path d="M406.912 220.970667c0 10.794667 8.106667 18.858667 18.858667 18.858666 10.794667 0 18.858667-8.106667 18.858666-18.858666V156.288a18.432 18.432 0 0 0-18.858666-18.858667 18.432 18.432 0 0 0-18.858667 18.858667V221.013333z m-134.741333 366.506666c5.376 0 8.106667 0 10.794666-2.730666l59.306667-48.512c8.064-5.376 10.752-18.858667 2.645333-26.922667-5.376-8.106667-18.858667-10.794667-26.922666-2.688l-59.306667 48.512c-8.106667 5.376-10.752 18.858667-2.688 26.922667 5.376 2.688 10.794667 5.376 16.170667 5.376z m121.258666-94.336c5.376 0 8.106667 0 10.794667-2.688l24.234667-18.858666 29.653333 8.106666h5.376c8.106667 0 16.213333-5.418667 18.858667-13.525333 2.688-10.752-2.688-21.546667-13.482667-24.234667l-24.234667-8.106666v-26.922667a18.432 18.432 0 0 0-18.858666-18.858667 18.432 18.432 0 0 0-18.858667 18.858667v32.341333l-24.277333 18.858667c-8.106667 5.376-10.752 18.858667-2.688 26.922667 2.688 5.418667 8.106667 8.106667 13.482666 8.106666z m258.688 48.512l64.682667 21.546667h5.376c8.106667 0 16.213333-5.376 18.858667-13.482667 2.730667-10.752-2.688-21.546667-13.44-24.234666l-64.682667-21.546667c-10.794667-2.730667-21.546667 2.688-24.277333 13.44-2.688 10.794667 2.730667 21.589333 13.482666 24.277333z m258.688-99.712c-8.106667-8.106667-18.858667-8.106667-26.922666 0-8.106667 8.106667-8.106667 18.858667 0 26.922667C926.976 512 951.253333 563.2 951.253333 614.4c0 132.053333-148.224 247.893333-353.024 272.170667-10.794667 0-18.858667 10.794667-16.170666 21.546666 0 10.794667 8.106667 16.213333 18.858666 16.213334h2.688c223.658667-26.965333 388.053333-159.018667 388.053334-309.930667-2.688-61.994667-29.653333-121.258667-80.853334-172.458667zM512 910.848v-8.106667s0-2.688-2.688-2.688v-2.688l-45.824-59.306666c-5.376-8.106667-18.858667-10.794667-26.922667-2.688-8.106667 5.376-10.794667 18.858667-2.730666 26.965333l21.589333 26.922667c-8.106667 0-16.213333-2.688-24.277333-2.688-210.176-24.234667-358.4-140.117333-358.4-272.170667 0-48.512 18.858667-94.293333 56.618666-134.741333 5.376-8.106667 5.376-21.546667-2.730666-26.922667-8.106667-8.106667-18.858667-5.418667-26.922667 2.688C56.618667 503.893333 34.986667 557.824 34.986667 614.4c0 150.912 161.706667 282.965333 388.053333 309.888 10.752 0 21.546667 2.688 32.341333 2.688l-24.277333 32.341333a20.736 20.736 0 0 0 13.482667 32.341334c5.376 0 10.794667-2.688 16.170666-8.106667l45.824-59.264v-8.064c2.688-2.688 5.376-2.688 5.376-5.418667z" p-id="1791"></path></svg>
\ No newline at end of file
src/store/getters.js
浏览文件 @ 320b2d47
......@@ -10,6 +10,7 @@ const getters = {
curPath: state => state.app.curPath,
navBarFixed: state => state.app.navBarFixed,
showLoginDialog: state => state.app.showLoginDialog
showLoginDialog: state => state.app.showLoginDialog,
navbarColor: state => state.app.navbarColor
}
export default getters
src/store/modules/app.js
浏览文件 @ 320b2d47
const getDefaultState = () => {
return {
curPath: null,
navBarFixed: false,
showLoginDialog: null
showLoginDialog: null,
navbarColor: 'rgba(0, 0, 0, 0.25)', //默认navbar颜色
}
}
......@@ -21,7 +21,10 @@ const mutations = {
},
OPEN_LOGIN_DIALOG: (state, showLoginDialog) => {
state.showLoginDialog = showLoginDialog
}
},
CHANGE_NAV_COLOR: (state, color) => {
state.navbarColor = color
},
}
export default {
......
src/views/culturalRelic/index.vue
浏览文件 @ 320b2d47
......@@ -51,13 +51,15 @@
ref="years"
>
</el-cascader>
<div class="threeD item" @click="handleClickThreeD">
<div class="search-button item" @click="search">搜 索</div>
<div class="threeD" @click="handleClickThreeD">
<div class="box">
<i class="el-icon-check" v-show="onlyShow3d"></i>
</div>
<div class="text">只看3D</div>
<div class="text">查看3D文物</div>
</div>
<div class="search-button" @click="search">搜 索</div>
</div>
<el-row :gutter="40" class="cr-list">
<el-col
......@@ -99,10 +101,11 @@
/>
</div>
<div class="showIcon" v-if="item && item.url3d">
<img src="@/assets/imgs/cr/3d.png" class="icon" />
<div class="text" @click.stop="handleTo3D(item.url3d)">
点击查看3D链接
</div>
<!-- <img src="@/assets/imgs/cr/3D.png" class="icon" /> -->
<svg-icon icon-class="3d" class="icon"></svg-icon>
<!-- <div class="text" @click.stop="handleTo3D(item.url3d)">
点击查看3D模型
</div> -->
</div>
<div class="desc">
<span class="name">{{ item.name }}</span>
......@@ -290,15 +293,15 @@ $text-indent: 16px;
}
.threeD {
display: flex;
width: 420px;
width: 560px;
cursor: pointer;
.box {
width: 36px;
height: 36px;
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #563f17;
border: 2px solid #2069c4;
margin-right: 6px;
i {
font-size: 28px;
......@@ -308,12 +311,13 @@ $text-indent: 16px;
display: flex;
justify-content: center;
align-items: center;
color: #2069c4;
}
}
.search-button {
cursor: pointer;
width: 420px;
height: 48px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
......@@ -381,17 +385,22 @@ $text-indent: 16px;
width: 28px;
white-space: nowrap;
overflow: hidden;
&:hover {
.icon {
display: none;
}
.text {
display: block;
}
width: 130px;
padding: 4px 8px;
background-color: $blue;
}
background: rgba(0, 0, 0, 0.3);
color: #fff;
border-radius: 8px;
font-size: 16px;
// &:hover {
// .icon {
// display: none;
// }
// .text {
// display: block;
// }
// width: 130px;
// padding: 4px 8px;
// background-color: $blue;
// }
.icon {
width: 20px;
display: inline-block;
......
src/views/display/components/RedStyle.vue
浏览文件 @ 320b2d47
......@@ -26,37 +26,21 @@
<div class="wrapper">
<div class="top">
<div class="top-wrapper">
<div class="top-list">
<div
class="top-item"
v-for="(item, index) in Array.from(new Array(40).keys())"
:key="index"
></div>
<div class="film-img-container">
<img src="@/assets/imgs/display/jiaopian.png" alt="" />
</div>
<div class="top-list">
<div
class="top-item"
v-for="(item, index) in Array.from(new Array(40).keys())"
:key="index"
></div>
<div class="film-img-container">
<img src="@/assets/imgs/display/jiaopian.png" alt="" />
</div>
</div>
</div>
<div class="bottom">
<div class="bottom-wrapper">
<div class="bottom-list">
<div
class="bottom-item"
v-for="(item, index) in Array.from(new Array(40).keys())"
:key="index"
></div>
<div class="film-img-container">
<img src="@/assets/imgs/display/jiaopian.png" alt="" />
</div>
<div class="bottom-list">
<div
class="bottom-item"
v-for="(item, index) in Array.from(new Array(40).keys())"
:key="index"
></div>
<div class="film-img-container">
<img src="@/assets/imgs/display/jiaopian.png" alt="" />
</div>
</div>
</div>
......@@ -72,6 +56,8 @@
</div>
<div class="info-container-right">
<div class="info-title">{{ displayDetail.title }}</div>
<el-row>
<el-col :span="14">
<div class="basic-info">
<div class="body-item">
<span class="label">关键词</span>
......@@ -98,6 +84,22 @@
<span class="value">{{ displayDetail.regionName }}</span>
</div>
</div>
</el-col>
<el-col :span="10">
<ReaderOperations
:loveCount="displayDetail.loveCount"
:loveCountStatus="Boolean(displayDetail.loveCountStatus)"
:collectCount="displayDetail.collectCount"
:collectCountStatus="
Boolean(displayDetail.collectCountStatus)
"
:sourceId="displayDetail.exhibitionId"
:title="displayDetail.title"
:sourceType="'biz_exhibition'"
@reload="reload"
/>
</el-col>
</el-row>
</div>
</div>
</div>
......@@ -173,7 +175,7 @@
></el-image>
</el-col>
</el-row>
<div class="desc-title">相关图片</div>
<!-- <div class="desc-title">相关图片</div> -->
</div>
<div
class="imgs"
......@@ -404,6 +406,10 @@ export default {
this.imgViewerVisible = true;
this.imgList = images.map((item) => this.$getFullUrl(item.url));
},
closeImgViewer() {
this.imgViewerVisible = false;
},
},
};
</script>
......@@ -493,24 +499,33 @@ export default {
display: flex;
width: 2400px;
// overflow: hidden;
.top-list,
.bottom-list {
// animation: filmMoveLeft 60s ease infinite;
width: 1200px;
background-color: #ccc9cd;
height: 20px;
overflow: hidden;
// .top-list,
// .bottom-list {
// // animation: filmMoveLeft 60s ease infinite;
// width: 1200px;
// background-color: #ccc9cd;
// height: 20px;
// overflow: hidden;
.top-item,
.bottom-item {
width: 10px;
height: 10px;
background-color: #fff;
display: inline-block;
&:not(&:last-child) {
margin-right: 20px;
}
// .top-item,
// .bottom-item {
// width: 10px;
// height: 10px;
// background-color: #fff;
// display: inline-block;
// &:not(&:last-child) {
// margin-right: 20px;
// }
// }
// }
}
.film-img-container {
width: 1200px;
animation: filmMoveLeft 60s ease infinite;
height: 40px;
img {
width: 100%;
height: 100%;
}
}
}
......@@ -518,7 +533,7 @@ export default {
.info-container {
display: flex;
justify-content: space-between;
padding: 20px 0;
padding: 40px 20px 40px 0;
height: 100%;
.info-container-left {
min-height: 200px;
......@@ -601,6 +616,10 @@ export default {
transition: width 0.5s ease-in-out;
&:hover {
width: 100%;
.custom-title,
.units {
display: none;
}
}
.units-content {
display: flex;
......@@ -608,7 +627,7 @@ export default {
flex: 1;
&:hover {
.units-content-item {
width: 10%;
width: 10vw;
justify-content: flex-start;
align-items: flex-start;
padding: 50px;
......@@ -629,7 +648,8 @@ export default {
padding: 50px;
overflow-x: hidden;
&:hover {
width: 70%;
// width: 70%;
width: 70vw;
.units-content-img {
filter: none;
background-image: url("@/assets/imgs/display/unit-bg.jpg") !important;
......@@ -639,6 +659,9 @@ export default {
color: #666;
font-size: 40px !important;
}
.intro {
padding: 60px 0;
}
.intro,
.imgs,
.desc-title {
......@@ -666,7 +689,7 @@ export default {
text-indent: 32px;
font-size: 22px;
line-height: 36px;
width: calc(100vw * 0.68);
width: calc(68vw - 40px);
margin-bottom: 10px;
}
.imgs {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论