Skip to content

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

增大地图面积

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