Skip to content

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

增大地图面积

上级 6f6a8278
隐藏空白字符变更
内嵌 并排
正在显示 包含 66 行增加 和 77 行删除
src/views/ccProduct/index.vue
浏览文件 @ cf81a807
......@@ -8,51 +8,22 @@
/> -->
<div class="content-wrapper">
<div class="content">
<el-row
:gutter="40"
class="search wow animate__animated animate__fadeIn"
>
<el-row :gutter="40" class="search wow animate__animated animate__fadeIn">
<el-col :span="6">
<el-select
class="years item"
v-model="deptId"
placeholder="请选择所属单位"
filterable
@change="handleDeptChange"
clearable
>
<el-option
v-for="(item, index) in deptList"
:key="index"
:label="item.name"
:value="item.id"
>
<el-select class="years item" v-model="deptId" placeholder="请选择所属单位" filterable @change="handleDeptChange"
clearable>
<el-option v-for="(item, index) in deptList" :key="index" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-col>
<el-col :span="6">
<el-cascader
class="years item"
v-model="regionCode"
:options="regionTree"
:props="culturalRegionProps"
placeholder="请选择所属地区"
filterable
@change="handleRegionChange"
clearable
popper-class="cascader"
:show-all-levels="false"
>
<el-cascader class="years item" v-model="regionCode" :options="regionTree" :props="culturalRegionProps"
placeholder="请选择所属地区" filterable @change="handleRegionChange" clearable popper-class="cascader"
:show-all-levels="false">
</el-cascader>
</el-col>
<el-col :span="6">
<el-input
class="input item"
v-model="keyword"
placeholder="请输入关键词"
@keyup.enter.native="search"
clearable
>
<el-input class="input item" v-model="keyword" placeholder="请输入关键词" @keyup.enter.native="search" clearable>
</el-input>
</el-col>
<el-col :span="6">
......@@ -63,32 +34,18 @@
</el-col>
</el-row>
<div class="list-total">
<div class="total">
共计文创产品
<span class="list-total-num">{{ list.total }}</span>
件/套
</div>
<el-row :gutter="40" class="cr-list">
<el-col
:span="item.status == 1 ? 6 : 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"
>
<el-col :span="item.status == 1 ? 6 : 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="img-container">
<img
:src="$getFullUrl(item.imagesVo[0].pressUrl)"
width="100%"
class="face-image"
lazy
/>
<img :src="$getFullUrl(item.imagesVo[0].pressUrl)" width="100%" class="face-image" lazy />
<!-- <div class="deco-left-top">
<img
:src="
......@@ -156,21 +113,11 @@
</div>
</el-col>
</el-row>
<el-empty
description="暂无数据"
v-if="list.records.length == 0"
></el-empty>
<el-empty description="暂无数据" v-if="list.records.length == 0"></el-empty>
<div class="pagination-container">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="Number(list.current)"
:page-sizes="[20, 40, 100]"
:page-size="Number(list.size)"
layout="total, prev, pager, next"
:total="Number(list.total)"
class="pagination"
>
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page="Number(list.current)" :page-sizes="[20, 40, 100]" :page-size="Number(list.size)"
layout="total, prev, pager, next" :total="Number(list.total)" class="pagination">
</el-pagination>
</div>
</div>
......@@ -442,15 +389,33 @@ $text-indent: 16px;
.content {
// width: 100%;
box-shadow: 0px 1px 56px 4px rgba(0, 0, 0, 0.16);
.search {
padding: 48px 0 32px;
}
.search-button {
height: 44px;
&:hover {
color: #000;
}
}
.total {
padding-bottom:16px;
display: flex;
justify-content: flex-end;
font-size: 16px;
align-items: center;
.list-total-num {
font-size: 24px;
color: $themeSecondaryColor;
margin: 0 6px;
}
}
.cr-list {
// padding: 0 74px;
......@@ -473,6 +438,7 @@ $text-indent: 16px;
}
.img-container {
.deco-left-top,
.deco-left-bottom,
.deco-right-top,
......
src/views/home/components/MuseumMap.vue
浏览文件 @ cf81a807
......@@ -163,10 +163,10 @@ export default {
let width;
if (type == "红色文化博物馆") {
url = "ms-icon-red";
width = 8;
width = 16;
} else {
url = "ms-icon";
width = 20;
width = 30;
}
//具体实现自定义图标的方法
return {
......@@ -238,8 +238,8 @@ export default {
series, // 打的那些点数据
geo: {
map: name, // 引入地图 省份或者 国家
layoutCenter: ["50%", "50%"], //设置后left/right/top/bottom等属性无效
layoutSize: "45%",
layoutCenter: ["48%", "50%"], //设置后left/right/top/bottom等属性无效
layoutSize: "50%",
zoom: 2,
label: {
normal: {
......@@ -571,7 +571,7 @@ export default {
margin-bottom: 85px;
overflow: hidden;
color: #255780;
width: 400px;
width: 460px;
text-indent: 44px;
line-height: 1.6;
}
......@@ -594,7 +594,7 @@ export default {
.map {
width: 900px;
height: calc(100vh * 2 / 3);
height: calc(100vh - 140px);
position: relative;
> #map {
......
src/views/museum/index.vue
浏览文件 @ cf81a807
......@@ -46,6 +46,12 @@
</div>
</el-col>
</el-row>
<div class="total">
共计文创产品
<span class="list-total-num">{{ list.total }}</span>
件/套
</div>
<el-row :gutter="40" class="cr-list">
<el-col
:span="item.status == 1 ? 8 : 0"
......@@ -316,9 +322,26 @@ $text-indent: 16px;
.content {
// width: 100%;
// box-shadow: 0px 1px 56px 4px rgba(0, 0, 0, 0.16);
.search {
padding: 48px 0 32px;
}
.search-button{
height: 44px;
}
.total {
padding-bottom:16px;
display: flex;
justify-content: flex-end;
font-size: 16px;
align-items: center;
.list-total-num {
font-size: 24px;
color: $themeSecondaryColor;
margin: 0 6px;
}
}
.cr-list {
// padding: 0 74px;
.cr-item {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论