fix: BUG修改
This commit is contained in:
parent
6439d82be5
commit
712838be29
BIN
src/assets/images/videoFour.png
Normal file
BIN
src/assets/images/videoFour.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 511 B |
BIN
src/assets/images/videoFour1.png
Normal file
BIN
src/assets/images/videoFour1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 470 B |
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user