提交 94d22565 authored 作者: 龙菲's avatar 龙菲

文物列表页优化

上级 45544712
......@@ -24,7 +24,7 @@
class="tab-item"
:class="{
activeHome: currentTab.name == item.name && isHome,
active: currentTab.name == item.name && !isHome,
active: currentTab.name == item.name,
}"
v-for="(item, index) in pages"
:key="index"
......@@ -558,6 +558,7 @@ $themeColor: #2069c4;
width: 100%;
transition: all 0.5s ease;
background-color: #2069c4;
// background-color: #fff;
// background-image: url('@/assets/imgs/home/panel-bg.png');
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px 0px;
.container {
......@@ -662,6 +663,10 @@ $themeColor: #2069c4;
text-shadow: 0 1px 2px #9fafcb, 1px 0px 2px #9fafcb;
}
}
.active::after{
opacity: 1;
}
}
}
}
......
<!-- -->
<template>
<div class="search-bar">
<el-input
v-model="searchValue"
placeholder="请输入关键词"
class="center"
@keyup.enter.native="search"
>
<el-select v-model="select" placeholder="请选择" slot="prepend" v-if="options.length>0">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<el-button round type="primary" @click.native="search" class="searchButton" slot="append"
>检索</el-button
>
</el-input>
</div>
</template>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论