Skip to content

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

红色主题

上级 5b704713
隐藏空白字符变更
内嵌 并排
正在显示 包含 140 行增加 和 101 行删除
src/components/ReaderOperations/index.vue
浏览文件 @ 320b2d47
...@@ -201,7 +201,7 @@ export default { ...@@ -201,7 +201,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.operations { .operations {
margin-top: 22px; // margin-top: 22px;
display: flex; display: flex;
// justify-content: space-between; // justify-content: space-between;
.operation-item { .operation-item {
...@@ -216,7 +216,7 @@ export default { ...@@ -216,7 +216,7 @@ export default {
color: #61666d; color: #61666d;
} }
.like { .like {
color: #d4237a; color: #831122;;
} }
.collect { .collect {
color: #2069c4; 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 = { ...@@ -10,6 +10,7 @@ const getters = {
curPath: state => state.app.curPath, curPath: state => state.app.curPath,
navBarFixed: state => state.app.navBarFixed, navBarFixed: state => state.app.navBarFixed,
showLoginDialog: state => state.app.showLoginDialog showLoginDialog: state => state.app.showLoginDialog,
navbarColor: state => state.app.navbarColor
} }
export default getters export default getters
src/store/modules/app.js
浏览文件 @ 320b2d47
const getDefaultState = () => { const getDefaultState = () => {
return { return {
curPath: null, curPath: null,
navBarFixed: false, navBarFixed: false,
showLoginDialog: null showLoginDialog: null,
navbarColor: 'rgba(0, 0, 0, 0.25)', //默认navbar颜色
} }
} }
...@@ -21,7 +21,10 @@ const mutations = { ...@@ -21,7 +21,10 @@ const mutations = {
}, },
OPEN_LOGIN_DIALOG: (state, showLoginDialog) => { OPEN_LOGIN_DIALOG: (state, showLoginDialog) => {
state.showLoginDialog = showLoginDialog state.showLoginDialog = showLoginDialog
} },
CHANGE_NAV_COLOR: (state, color) => {
state.navbarColor = color
},
} }
export default { export default {
......
src/views/culturalRelic/index.vue
浏览文件 @ 320b2d47
...@@ -51,13 +51,15 @@ ...@@ -51,13 +51,15 @@
ref="years" ref="years"
> >
</el-cascader> </el-cascader>
<div class="threeD item" @click="handleClickThreeD">
<div class="search-button item" @click="search">搜 索</div>
<div class="threeD" @click="handleClickThreeD">
<div class="box"> <div class="box">
<i class="el-icon-check" v-show="onlyShow3d"></i> <i class="el-icon-check" v-show="onlyShow3d"></i>
</div> </div>
<div class="text">只看3D</div> <div class="text">查看3D文物</div>
</div> </div>
<div class="search-button" @click="search">搜 索</div>
</div> </div>
<el-row :gutter="40" class="cr-list"> <el-row :gutter="40" class="cr-list">
<el-col <el-col
...@@ -99,10 +101,11 @@ ...@@ -99,10 +101,11 @@
/> />
</div> </div>
<div class="showIcon" v-if="item && item.url3d"> <div class="showIcon" v-if="item && item.url3d">
<img src="@/assets/imgs/cr/3d.png" class="icon" /> <!-- <img src="@/assets/imgs/cr/3D.png" class="icon" /> -->
<div class="text" @click.stop="handleTo3D(item.url3d)"> <svg-icon icon-class="3d" class="icon"></svg-icon>
点击查看3D链接 <!-- <div class="text" @click.stop="handleTo3D(item.url3d)">
</div> 点击查看3D模型
</div> -->
</div> </div>
<div class="desc"> <div class="desc">
<span class="name">{{ item.name }}</span> <span class="name">{{ item.name }}</span>
...@@ -290,15 +293,15 @@ $text-indent: 16px; ...@@ -290,15 +293,15 @@ $text-indent: 16px;
} }
.threeD { .threeD {
display: flex; display: flex;
width: 420px; width: 560px;
cursor: pointer; cursor: pointer;
.box { .box {
width: 36px; width: 28px;
height: 36px; height: 28px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border: 2px solid #563f17; border: 2px solid #2069c4;
margin-right: 6px; margin-right: 6px;
i { i {
font-size: 28px; font-size: 28px;
...@@ -308,12 +311,13 @@ $text-indent: 16px; ...@@ -308,12 +311,13 @@ $text-indent: 16px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: #2069c4;
} }
} }
.search-button { .search-button {
cursor: pointer; cursor: pointer;
width: 420px; width: 420px;
height: 48px; height: 40px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
...@@ -381,17 +385,22 @@ $text-indent: 16px; ...@@ -381,17 +385,22 @@ $text-indent: 16px;
width: 28px; width: 28px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
&:hover {
.icon { background: rgba(0, 0, 0, 0.3);
display: none; color: #fff;
} border-radius: 8px;
.text { font-size: 16px;
display: block; // &:hover {
} // .icon {
width: 130px; // display: none;
padding: 4px 8px; // }
background-color: $blue; // .text {
} // display: block;
// }
// width: 130px;
// padding: 4px 8px;
// background-color: $blue;
// }
.icon { .icon {
width: 20px; width: 20px;
display: inline-block; display: inline-block;
......
src/views/display/components/RedStyle.vue
浏览文件 @ 320b2d47
...@@ -26,37 +26,21 @@ ...@@ -26,37 +26,21 @@
<div class="wrapper"> <div class="wrapper">
<div class="top"> <div class="top">
<div class="top-wrapper"> <div class="top-wrapper">
<div class="top-list"> <div class="film-img-container">
<div <img src="@/assets/imgs/display/jiaopian.png" alt="" />
class="top-item"
v-for="(item, index) in Array.from(new Array(40).keys())"
:key="index"
></div>
</div> </div>
<div class="top-list"> <div class="film-img-container">
<div <img src="@/assets/imgs/display/jiaopian.png" alt="" />
class="top-item"
v-for="(item, index) in Array.from(new Array(40).keys())"
:key="index"
></div>
</div> </div>
</div> </div>
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="bottom-wrapper"> <div class="bottom-wrapper">
<div class="bottom-list"> <div class="film-img-container">
<div <img src="@/assets/imgs/display/jiaopian.png" alt="" />
class="bottom-item"
v-for="(item, index) in Array.from(new Array(40).keys())"
:key="index"
></div>
</div> </div>
<div class="bottom-list"> <div class="film-img-container">
<div <img src="@/assets/imgs/display/jiaopian.png" alt="" />
class="bottom-item"
v-for="(item, index) in Array.from(new Array(40).keys())"
:key="index"
></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -72,32 +56,50 @@ ...@@ -72,32 +56,50 @@
</div> </div>
<div class="info-container-right"> <div class="info-container-right">
<div class="info-title">{{ displayDetail.title }}</div> <div class="info-title">{{ displayDetail.title }}</div>
<div class="basic-info"> <el-row>
<div class="body-item"> <el-col :span="14">
<span class="label">关键词</span> <div class="basic-info">
<span class="value">{{ displayDetail.keyword }}</span> <div class="body-item">
</div> <span class="label">关键词</span>
<div class="body-item"> <span class="value">{{ displayDetail.keyword }}</span>
<span class="label">展览类型</span> </div>
<span class="value">{{ <div class="body-item">
dicts.display_type[displayDetail.type] <span class="label">展览类型</span>
}}</span> <span class="value">{{
</div> dicts.display_type[displayDetail.type]
<div class="body-item"> }}</span>
<span class="label">展览性质</span> </div>
<span class="value">{{ <div class="body-item">
dicts.display_character[displayDetail.displayCharacter] <span class="label">展览性质</span>
}}</span> <span class="value">{{
</div> dicts.display_character[displayDetail.displayCharacter]
<div class="body-item"> }}</span>
<span class="label">展览单位</span> </div>
<span class="value">{{ displayDetail.deptName }}</span> <div class="body-item">
</div> <span class="label">展览单位</span>
<div class="body-item"> <span class="value">{{ displayDetail.deptName }}</span>
<span class="label">展览地区</span> </div>
<span class="value">{{ displayDetail.regionName }}</span> <div class="body-item">
</div> <span class="label">展览地区</span>
</div> <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> </div>
</div> </div>
...@@ -173,7 +175,7 @@ ...@@ -173,7 +175,7 @@
></el-image> ></el-image>
</el-col> </el-col>
</el-row> </el-row>
<div class="desc-title">相关图片</div> <!-- <div class="desc-title">相关图片</div> -->
</div> </div>
<div <div
class="imgs" class="imgs"
...@@ -404,6 +406,10 @@ export default { ...@@ -404,6 +406,10 @@ export default {
this.imgViewerVisible = true; this.imgViewerVisible = true;
this.imgList = images.map((item) => this.$getFullUrl(item.url)); this.imgList = images.map((item) => this.$getFullUrl(item.url));
}, },
closeImgViewer() {
this.imgViewerVisible = false;
},
}, },
}; };
</script> </script>
...@@ -493,24 +499,33 @@ export default { ...@@ -493,24 +499,33 @@ export default {
display: flex; display: flex;
width: 2400px; width: 2400px;
// overflow: hidden; // overflow: hidden;
.top-list, // .top-list,
.bottom-list { // .bottom-list {
// animation: filmMoveLeft 60s ease infinite; // // animation: filmMoveLeft 60s ease infinite;
width: 1200px; // width: 1200px;
background-color: #ccc9cd; // background-color: #ccc9cd;
height: 20px; // height: 20px;
overflow: hidden; // overflow: hidden;
.top-item, // .top-item,
.bottom-item { // .bottom-item {
width: 10px; // width: 10px;
height: 10px; // height: 10px;
background-color: #fff; // background-color: #fff;
display: inline-block; // display: inline-block;
&:not(&:last-child) { // &:not(&:last-child) {
margin-right: 20px; // 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 { ...@@ -518,7 +533,7 @@ export default {
.info-container { .info-container {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 20px 0; padding: 40px 20px 40px 0;
height: 100%; height: 100%;
.info-container-left { .info-container-left {
min-height: 200px; min-height: 200px;
...@@ -601,6 +616,10 @@ export default { ...@@ -601,6 +616,10 @@ export default {
transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out;
&:hover { &:hover {
width: 100%; width: 100%;
.custom-title,
.units {
display: none;
}
} }
.units-content { .units-content {
display: flex; display: flex;
...@@ -608,7 +627,7 @@ export default { ...@@ -608,7 +627,7 @@ export default {
flex: 1; flex: 1;
&:hover { &:hover {
.units-content-item { .units-content-item {
width: 10%; width: 10vw;
justify-content: flex-start; justify-content: flex-start;
align-items: flex-start; align-items: flex-start;
padding: 50px; padding: 50px;
...@@ -629,7 +648,8 @@ export default { ...@@ -629,7 +648,8 @@ export default {
padding: 50px; padding: 50px;
overflow-x: hidden; overflow-x: hidden;
&:hover { &:hover {
width: 70%; // width: 70%;
width: 70vw;
.units-content-img { .units-content-img {
filter: none; filter: none;
background-image: url("@/assets/imgs/display/unit-bg.jpg") !important; background-image: url("@/assets/imgs/display/unit-bg.jpg") !important;
...@@ -639,6 +659,9 @@ export default { ...@@ -639,6 +659,9 @@ export default {
color: #666; color: #666;
font-size: 40px !important; font-size: 40px !important;
} }
.intro {
padding: 60px 0;
}
.intro, .intro,
.imgs, .imgs,
.desc-title { .desc-title {
...@@ -666,7 +689,7 @@ export default { ...@@ -666,7 +689,7 @@ export default {
text-indent: 32px; text-indent: 32px;
font-size: 22px; font-size: 22px;
line-height: 36px; line-height: 36px;
width: calc(100vw * 0.68); width: calc(68vw - 40px);
margin-bottom: 10px; margin-bottom: 10px;
} }
.imgs { .imgs {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论