blackteay/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

chore: 优化搜索结果列表UI

Browse Source
This commit is contained in:
奔跑的面条 2022-06-05 11:40:32 +08:00
parent 8b57ffa124
commit b3422eaede
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/chart/ContentCharts/components/ChartsSearch/index.vue
View File

@ -39,7 +39,7 @@
@click="selectChartHandle(item)" @click="selectChartHandle(item)"
> >
<img class="list-item-img" v-lazy="item.image" alt="展示图" /> <img class="list-item-img" v-lazy="item.image" alt="展示图" />
<n-text depth="2">{{ item.title }}</n-text> <n-text class="list-item-fs" depth="2">{{ item.title }}</n-text>
</div> </div>
</n-scrollbar> </n-scrollbar>
<div class="popover-modal"></div> <div class="popover-modal"></div>
@ -167,13 +167,27 @@ $width: 178px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
padding: 2px; padding: 2px;
padding-left: 6px;
margin-bottom: 5px; margin-bottom: 5px;
&-fs {
font-size: 12px;
}
&-img { &-img {
height: 30px; height: 28px;
margin-right: 5px; margin-right: 5px;
border-radius: 5px; border-radius: 5px;
} }
&:hover { &:hover {
&::before {
content: '';
position: absolute;
width: 3px;
height: 100%;
left: 0;
top: 0;
border-radius: 2px;
background-color: v-bind('themeColor');
}
&::after { &::after {
z-index: -1; z-index: -1;
content: ''; content: '';