This commit is contained in:
icssoa 2022-08-02 16:35:27 +08:00
parent 48794d4e21
commit e947a13b94
3 changed files with 16 additions and 10 deletions

View File

@ -52,7 +52,7 @@ const list = computed(() => {
}); });
// //
const lastName = computed(() => _.last(list.value).name); const lastName = computed(() => _.last(list.value)?.name);
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -5,7 +5,7 @@
</div> </div>
<div class="hot-search__container"> <div class="hot-search__container">
<el-row class="hot-search__chart" :gutter="100"> <el-row class="hot-search__chart" :gutter="20">
<el-col :md="12" :xs="24"> <el-col :md="12" :xs="24">
<div class="block"> <div class="block">
<div class="count"> <div class="count">
@ -24,15 +24,15 @@
</el-col> </el-col>
<el-col :md="12" :xs="24"> <el-col :md="12" :xs="24">
<div class="block"> <div class="block is-last">
<div class="count"> <div class="count">
<div class="number"> <div class="number">
<span>搜索用户数</span> <span>关注用户数</span>
<span>1242</span> <span>365</span>
</div> </div>
<div class="rise"> <div class="rise">
<i class="el-icon-top-right"></i> <i class="el-icon-top-right"></i>
<span>+7%</span> <span>+2%</span>
</div> </div>
</div> </div>
@ -55,24 +55,24 @@
:columns="[ :columns="[
{ {
label: '排名', label: '排名',
prop: 'index', type: 'index',
width: 60 width: 60
}, },
{ {
label: '搜索关键词', label: '搜索关键词',
prop: 'keyWord', prop: 'keyWord',
'min-width': 100 minWidth: 100
}, },
{ {
label: '用户数', label: '用户数',
prop: 'users', prop: 'users',
'min-width': 100 minWidth: 100
}, },
{ {
label: '周涨幅', label: '周涨幅',
prop: 'ud', prop: 'ud',
sortable: 'custom', sortable: 'custom',
'min-width': 100 minWidth: 100
} }
]" ]"
/> />

View File

@ -107,6 +107,7 @@ function changeDate(value: string) {
&__filter { &__filter {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
height: 40px; height: 40px;
ul { ul {
@ -114,6 +115,7 @@ function changeDate(value: string) {
align-items: center; align-items: center;
margin-right: 20px; margin-right: 20px;
flex: 1; flex: 1;
max-width: 220px;
li { li {
list-style: none; list-style: none;
@ -133,6 +135,10 @@ function changeDate(value: string) {
} }
} }
} }
:deep(.el-date-editor) {
width: 150px;
}
} }
&__list { &__list {