提交 3190a517 authored 作者: 龙菲's avatar 龙菲

修复列表页标题错乱、搜索栏适配;修改3D文物筛选样式

上级 7bdde13f
差异被折叠。
<?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="1662474734184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3073" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M971.614323 53.05548L655.77935 412.054233C635.196622 435.434613 623.906096 465.509377 623.906096 496.583302v495.384307c0 28.975686-35.570152 43.063864-55.353551 21.781723l-159.865852-171.256294c-5.495389-5.895053-8.59279-13.688514-8.592789-21.781722V496.583302c0-31.073925-11.290526-61.148688-31.873254-84.429153L52.385677 53.05548C34.200936 32.472751 48.888611 0 76.365554 0h871.268892c27.476943 0 42.164618 32.472751 23.979877 53.05548z" p-id="3074"></path></svg>
\ No newline at end of file
<?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="1662474726402" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2934" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M865.253402 77.246076L607.733171 369.941752C576.954657 404.917337 559.966516 449.985876 559.966516 496.653298v414.31078L466.23195 810.434255c-1.399023-1.498954-2.198465-3.397628-2.198466-5.496163V496.653298c0-46.667423-16.988141-91.735961-47.766655-126.711546L158.746598 77.246076c-4.496861-5.196373-0.899372-13.290722 5.995814-13.290722h694.515176c6.895187 0 10.592606 8.09435 5.995814 13.290722zM52.320891 53.062958l315.879492 359.049356c20.58563 23.383676 31.877747 53.362749 31.877747 84.441054v324.173702c0 8.09435 3.097837 15.888908 8.594001 21.784793l159.888385 171.280433c19.786188 21.185211 55.361354 7.194977 55.361354-21.784793V496.653298c0-31.078305 11.292117-61.157308 31.877747-84.441054L971.679109 53.062958C989.866413 32.477328 975.176667 0 947.695851 0H76.304149C48.823333 0 34.133587 32.477328 52.320891 53.062958z" p-id="2935"></path></svg>
\ No newline at end of file
<template>
<div class="cultural-relic">
<ListBanner title="虚拟展厅" />
<ListBanner title="精选文物" />
<div class="content-wrapper">
<div class="content">
<div class="search wow animate__animated animate__fadeIn">
<el-row
style="width: 100%; display: flex; align-items: center"
:span="4"
:span="2"
>
<el-col :span="6">
<el-input
......@@ -15,7 +15,6 @@
placeholder="关键词"
@keyup.enter.native="search"
clearable
style="width: 100%"
>
</el-input>
</el-col>
......@@ -28,7 +27,6 @@
filterable
@change="handleTypeChange"
clearable
style="width: 100%"
>
<el-option
v-for="(value, key) in dicts.culturalRelicType"
......@@ -50,7 +48,6 @@
@change="handleYearsChange"
clearable
ref="years"
style="width: 100%"
>
</el-cascader>
</el-col>
......@@ -61,13 +58,16 @@
</div>
</el-col>
<el-col :span="3">
<div class="threeD" @click="handleClickThreeD">
<el-col :span="3" class="threeD" @click.native="handleClickThreeD">
<!-- <div class="threeD" @click="handleClickThreeD">
<div class="box">
<i class="el-icon-check" v-show="onlyShow3d"></i>
</div>
<div class="text">查看3D文物</div>
</div>
</div> -->
<svg-icon
:icon-class="onlyShow3d ? 'filter-s' : 'filter'"
></svg-icon>
<div class="text">3D</div>
</el-col>
</el-row>
</div>
......@@ -349,24 +349,42 @@ $text-indent: 16px;
.threeD {
display: flex;
cursor: pointer;
.box {
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #444;
margin-right: 6px;
i {
font-size: 28px;
}
font-size: 18px;
color: #666;
margin-left: 20px;
transition: all ease .5s;
.svg-icon{
margin-right: 4px;
font-size: 20px;
}
.text {
display: flex;
justify-content: center;
align-items: center;
color: #444;
&:hover{
text-shadow: 0 0 5px #fff,
0 0 10px #fff,
0 0 15px #fff,
0 0 20px #2069c4,
0 0 35px #2069c4,
0 0 40px #2069c4,
0 0 50px #2069c4,
0 0 75px #2069c4;
}
// .box {
// width: 28px;
// height: 28px;
// display: flex;
// justify-content: center;
// align-items: center;
// border: 2px solid #444;
// margin-right: 6px;
// i {
// font-size: 28px;
// }
// }
// .text {
// display: flex;
// justify-content: center;
// align-items: center;
// color: #444;
// }
}
.search-button {
cursor: pointer;
......@@ -571,6 +589,11 @@ $text-indent: 16px;
}
}
}
::v-deep .el-input {
width: auto !important;
}
::v-deep .el-pagination {
.btn-prev,
.btn-next {
......
......@@ -479,9 +479,9 @@ $text-indent: 16px;
font-weight: bold;
}
::v-deep .el-input,
.el-cascader {
width: 368px !important;
.el-input__inner {
width: 100%;
border: none;
......@@ -501,6 +501,10 @@ $text-indent: 16px;
background: transparent;
}
}
::v-deep .el-input {
width: auto !important;;
}
::v-deep .el-pager {
li {
width: 28px;
......
<template>
<div class="display">
<!-- <NavBar /> -->
<ListBanner title="精选展览" />
<ListBanner title="博物馆" />
<div class="content-wrapper">
<div class="content">
<div class="search wow animate__animated animate__fadeIn">
......
......@@ -311,6 +311,10 @@ $text-indent: 16px;
margin-right: 4px;
}
}
::v-deep .el-input{
width: auto;
}
}
.content {
width: 100%;
......@@ -446,6 +450,10 @@ $text-indent: 16px;
}
}
}
::v-deep .el-input{
// width: auto;
}
::v-deep .el-pagination {
.btn-prev,
.btn-next {
......
......@@ -49,15 +49,16 @@ module.exports = defineConfig({
proxy: {
'/api': {
// target: 'http://192.168.1.230:9562/api',
// target: 'http://222.85.214.245:9062/api',
target:'http://192.168.1.230:9566/api',
target: 'http://222.85.214.245:9566/api',
// target:'http://192.168.1.230:9566/api',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
},
'/files':{
target:'http://192.168.1.230:9563/files',
// target:'http://192.168.1.230:9563/files',
target: 'http://222.85.214.245:9563/files',
changeOrigin: true,
pathRewrite: {
'^/files': ''
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论