feat:完善关注列表布局

This commit is contained in:
zjc
2025-03-05 11:29:41 +08:00
parent b984b1b01c
commit 69de146b57

View File

@@ -54,7 +54,7 @@
let videoShow = ref(false) let videoShow = ref(false)
let params = reactive({ let params = reactive({
pageNum: 1, pageNum: 1,
pageSize: 6, pageSize: 15,
isCollect: 1 isCollect: 1
}) })
@@ -132,7 +132,7 @@
<style scoped lang="scss"> <style scoped lang="scss">
.z-dialog { .z-dialog {
:deep(.el-dialog) { :deep(.el-dialog) {
width: vw(1864); width: vw(2100);
padding: vw(8); padding: vw(8);
background-image: url('@/assets/images/dialog-bg.png') !important; background-image: url('@/assets/images/dialog-bg.png') !important;
background-size: 100% 100%; background-size: 100% 100%;
@@ -141,29 +141,26 @@
padding-bottom: 0 !important; padding-bottom: 0 !important;
} }
} }
.list { .list {
gap: vw(8);
height: vw(840);
margin-top: vw(30); margin-top: vw(30);
gap: vw(8);
height: vh(860);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: flex-start; align-content: flex-start;
.item { .item {
position: relative; position: relative;
width: vw(610); width: vw(410);
height: vw(420); height: vh(280);
padding: vw(12); padding: vw(12);
box-sizing: border-box; box-sizing: border-box;
background-image: url('@/assets/images/item-primary.png'); background-image: url('@/assets/images/item-primary.png');
background-size: 100% 100%; background-size: 100% 100%;
&-video { &-video {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
} }
> p { > p {
position: absolute; position: absolute;
bottom: vw(12); bottom: vw(12);