fix: BUG修改

This commit is contained in:
kun 2024-03-02 22:09:57 +08:00
parent 6439d82be5
commit 712838be29
4 changed files with 52 additions and 14 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 511 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 470 B

View File

@ -84,16 +84,27 @@
src="@/assets/images/videoTwo.png"
/>
<img
v-show="showType == 8"
v-show="showType == 9"
class="shrink-0 image_4"
src="@/assets/images/videoThree1.png"
/>
<img
v-show="showType != 8"
@click="changeShowType(8)"
v-show="showType != 9"
@click="changeShowType(9)"
class="shrink-0 image_4 cursorPointer"
src="@/assets/images/videoThree.png"
/>
<img
v-show="showType == 12"
class="shrink-0 image_4"
src="@/assets/images/videoFour1.png"
/>
<img
v-show="showType != 12"
@click="changeShowType(12)"
class="shrink-0 image_4 cursorPointer"
src="@/assets/images/videoFour.png"
/>
</div>
</div>
<div class="flex-row items-start relative group_2 space-x-16">
@ -102,7 +113,7 @@
:class="'showType' + showType"
>
<div
class="section_8 relative"
class="section_9 relative"
v-for="(item, index) in videoList"
:key="item.itemId"
@click="selectFn(index)"
@ -307,7 +318,7 @@ export default {
flex-wrap: wrap;
width: 100%;
height: calc(100% - 32px);
.section_8 {
.section_9 {
height: calc(100% - 10px);
width: calc(100% - 11px);
margin: 15px;
@ -324,7 +335,7 @@ export default {
border: 1px solid rgba(12, 39, 74, 1);
}
}
&.showType4 .section_8 {
&.showType4 .section_9 {
width: calc(50% - 32px);
height: calc(50% - 25px);
margin: 15px;
@ -332,7 +343,7 @@ export default {
// margin-right: 0;
// }
}
&.showType8 .section_8 {
&.showType9 .section_9 {
width: 31%;
height: 30%;
margin: 15px;
@ -340,6 +351,14 @@ export default {
// margin-right: 0;
// }
}
&.showType12 .section_9 {
width: 23%;
height: 30%;
margin: 15px;
// &:nth-child(4n) {
// margin-right: 0;
// }
}
.space-y-7 {
& > *:not(:first-child) {
margin-top: 7px;

View File

@ -84,16 +84,27 @@
src="@/assets/images/videoTwo.png"
/>
<img
v-show="showType == 8"
v-show="showType == 9"
class="shrink-0 image_4"
src="@/assets/images/videoThree1.png"
/>
<img
v-show="showType != 8"
@click="changeShowType(8)"
v-show="showType != 9"
@click="changeShowType(9)"
class="shrink-0 image_4 cursorPointer"
src="@/assets/images/videoThree.png"
/>
<img
v-show="showType == 12"
class="shrink-0 image_4"
src="@/assets/images/videoFour1.png"
/>
<img
v-show="showType != 12"
@click="changeShowType(12)"
class="shrink-0 image_4 cursorPointer"
src="@/assets/images/videoFour.png"
/>
</div>
</div>
<div class="flex-row items-start relative group_2 space-x-16">
@ -102,7 +113,7 @@
:class="'showType' + showType"
>
<div
class="section_8 relative"
class="section_9 relative"
v-for="(item, index) in videoList"
:key="item.itemId"
@click="selectFn(index)"
@ -307,7 +318,7 @@ export default {
flex-wrap: wrap;
width: 100%;
height: calc(100% - 32px);
.section_8 {
.section_9 {
height: calc(100% - 10px);
width: calc(100% - 11px);
margin: 15px;
@ -324,7 +335,7 @@ export default {
border: 1px solid rgba(12, 39, 74, 1);
}
}
&.showType4 .section_8 {
&.showType4 .section_9 {
width: calc(50% - 32px);
height: calc(50% - 25px);
margin: 15px;
@ -332,7 +343,7 @@ export default {
// margin-right: 0;
// }
}
&.showType8 .section_8 {
&.showType9 .section_9 {
width: 31%;
height: 30%;
margin: 15px;
@ -340,6 +351,14 @@ export default {
// margin-right: 0;
// }
}
&.showType12 .section_9 {
width: 23%;
height: 30%;
margin: 15px;
// &:nth-child(4n) {
// margin-right: 0;
// }
}
.space-y-7 {
& > *:not(:first-child) {
margin-top: 7px;