admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: BUG修改

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/videoFour.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 511 B

BIN
src/assets/images/videoFour1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 470 B

33
src/views/projectFront/insideSrsVideo/overview.vue
View File

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

33
src/views/projectFront/insideVideo/overview.vue
View File

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