feat:完善关注列表布局
This commit is contained in:
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user