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

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

上级 8e562ed8
...@@ -624,7 +624,7 @@ export default { ...@@ -624,7 +624,7 @@ export default {
} }
} }
::v-deep .el-dialog { ::v-deep .el-dialog {
width: 380px; width: 400px;
border-radius: 0; border-radius: 0;
.el-dialog__body { .el-dialog__body {
padding: 20px 30px 60px !important; padding: 20px 30px 60px !important;
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<el-carousel <el-carousel
indicator-position="outside" indicator-position="outside"
:autoplay="false" :autoplay="false"
height="600px" height="400px"
> >
<el-carousel-item <el-carousel-item
v-for="(item, index) in CRDetail.imagesVo" v-for="(item, index) in CRDetail.imagesVo"
...@@ -395,7 +395,8 @@ export default { ...@@ -395,7 +395,8 @@ export default {
$label: #9f9c9a; $label: #9f9c9a;
.wrapper { .wrapper {
width: 1200px; // width: 1200px;
width: calc(100% - 26%);
margin: 60px auto; margin: 60px auto;
background-color: #fff; background-color: #fff;
padding: 40px; padding: 40px;
...@@ -481,7 +482,7 @@ $label: #9f9c9a; ...@@ -481,7 +482,7 @@ $label: #9f9c9a;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-end; align-items: flex-end;
margin-bottom: 10px;
.basic-info { .basic-info {
.body-item { .body-item {
display: flex; display: flex;
......
...@@ -45,8 +45,8 @@ export default { ...@@ -45,8 +45,8 @@ export default {
}, },
async mounted() { async mounted() {
await this.$store.dispatch("dict/getDictList", [ await this.$store.dispatch("dict/getDictList", [
"display_type", "displayType",
"display_character", "displayCharacter",
]); ]);
this.loadDetail(); this.loadDetail();
}, },
......
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
<svg-icon icon-class="zllx"></svg-icon>展览类型:</span <svg-icon icon-class="zllx"></svg-icon>展览类型:</span
> >
<span class="value">{{ <span class="value">{{
dicts.display_type[displayDetail.type] dicts.displayType[displayDetail.type]
}}</span> }}</span>
</div> </div>
<div class="body-item"> <div class="body-item">
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
<svg-icon icon-class="zlxz"></svg-icon>展览性质:</span <svg-icon icon-class="zlxz"></svg-icon>展览性质:</span
> >
<span class="value">{{ <span class="value">{{
dicts.display_character[displayDetail.displayCharacter] dicts.displayCharacter[displayDetail.displayCharacter]
}}</span> }}</span>
</div> </div>
<div class="body-item"> <div class="body-item">
......
...@@ -57,19 +57,19 @@ ...@@ -57,19 +57,19 @@
<div class="label">关键词:</div> <div class="label">关键词:</div>
<div class="value">{{ displayDetail.keyword }}</div> <div class="value">{{ displayDetail.keyword }}</div>
</el-col> </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="label">展览类型:</div>
<div class="value"> <div class="value">
{{ dicts.display_type[displayDetail.type] }} {{ dicts.displayType[displayDetail.type] }}
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<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="label">展览性质:</div>
<div class="value"> <div class="value">
{{ {{
dicts.display_character[displayDetail.displayCharacter] dicts.displayCharacter[displayDetail.displayCharacter]
}} }}
</div> </div>
</el-col> </el-col>
......
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
</div> </div>
</div> </div>
<el-row> <el-row>
<el-col :span="14"> <el-col :span="13">
<div class="basic-info"> <div class="basic-info">
<div class="body-item"> <div class="body-item">
<span class="label">关键词</span> <span class="label">关键词</span>
...@@ -89,13 +89,13 @@ ...@@ -89,13 +89,13 @@
<div class="body-item"> <div class="body-item">
<span class="label">展览类型</span> <span class="label">展览类型</span>
<span class="value">{{ <span class="value">{{
dicts.display_type[displayDetail.type] dicts.displayType[displayDetail.type]
}}</span> }}</span>
</div> </div>
<div class="body-item"> <div class="body-item">
<span class="label">展览性质</span> <span class="label">展览性质</span>
<span class="value">{{ <span class="value">{{
dicts.display_character[displayDetail.displayCharacter] dicts.displayCharacter[displayDetail.displayCharacter]
}}</span> }}</span>
</div> </div>
<div class="body-item"> <div class="body-item">
...@@ -108,7 +108,7 @@ ...@@ -108,7 +108,7 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="11">
<ReaderOperations <ReaderOperations
:loveCount="displayDetail.loveCount" :loveCount="displayDetail.loveCount"
:loveCountStatus="Boolean(displayDetail.loveCountStatus)" :loveCountStatus="Boolean(displayDetail.loveCountStatus)"
...@@ -503,7 +503,7 @@ export default { ...@@ -503,7 +503,7 @@ export default {
// 中国风主题样式 // 中国风主题样式
/**公共样式开始 */ /**公共样式开始 */
.wrapper { .wrapper {
width: 1200px; width: 1400px;
} }
.custom-title { .custom-title {
width: 50px; width: 50px;
...@@ -571,7 +571,7 @@ export default { ...@@ -571,7 +571,7 @@ export default {
top: 0; top: 0;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
width: 1200px; width: 1400px;
} }
.bottom { .bottom {
position: absolute; position: absolute;
...@@ -585,11 +585,10 @@ export default { ...@@ -585,11 +585,10 @@ export default {
width: 2400px; width: 2400px;
} }
.film-img-container { .film-img-container {
width: 1200px; animation: filmMoveLeft 60s linear infinite;
animation: filmMoveLeft 60s ease infinite;
height: 40px; height: 40px;
img { img {
width: 100%; width: 1400px;
height: 100%; height: 100%;
} }
} }
...@@ -956,6 +955,7 @@ export default { ...@@ -956,6 +955,7 @@ export default {
border: 2px solid #cccccc; border: 2px solid #cccccc;
border-left: none; border-left: none;
.lts-content { .lts-content {
width: 100%;
flex: 1; flex: 1;
padding: 10px; padding: 10px;
} }
...@@ -974,7 +974,7 @@ export default { ...@@ -974,7 +974,7 @@ export default {
transform: translateX(0); transform: translateX(0);
} }
100% { 100% {
transform: translateX(-1200px); transform: translateX(-1400px);
} }
} }
@keyframes filmMoveRight { @keyframes filmMoveRight {
...@@ -982,7 +982,7 @@ export default { ...@@ -982,7 +982,7 @@ export default {
transform: translateX(0); transform: translateX(0);
} }
100% { 100% {
transform: translateX(1200px); transform: translateX(1400px);
} }
} }
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
clearable clearable
> >
<el-option <el-option
v-for="(value, key) in dicts.display_type" v-for="(value, key) in dicts.displayType"
:key="key" :key="key"
:label="value" :label="value"
:value="key" :value="key"
...@@ -197,7 +197,7 @@ export default { ...@@ -197,7 +197,7 @@ export default {
...mapGetters(["dicts"]), ...mapGetters(["dicts"]),
}, },
async created() { async created() {
await this.$store.dispatch("dict/getDictList", ["display_type"]); await this.$store.dispatch("dict/getDictList", ["displayType"]);
}, },
mounted() { mounted() {
this.loadData(); this.loadData();
......
...@@ -156,7 +156,7 @@ export default { ...@@ -156,7 +156,7 @@ export default {
...mapGetters(["dicts"]), ...mapGetters(["dicts"]),
}, },
async created() { 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", [ let res = await this.$store.dispatch("dict/getDictTree", [
"culturalRelicYears", "culturalRelicYears",
]); ]);
......
...@@ -162,7 +162,7 @@ export default { ...@@ -162,7 +162,7 @@ export default {
...mapGetters(["dicts"]), ...mapGetters(["dicts"]),
}, },
async created() { 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", [ let res = await this.$store.dispatch("dict/getDictTree", [
"culturalRelicYears", "culturalRelicYears",
]); ]);
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论