xiaomeng
/
wszhyWx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: xiaomeng:cf8e60e9498e2b01864516b3ccee520ceb17534f
Branches Tags
xiaomeng:pc-master
xiaomeng:portal
xiaomeng:wx-program
xiaomeng:mini-program
xiaomeng:fix
xiaomeng:master
xiaomeng:wxmaster
xiaomeng:main
xiaomeng:0.0.1
...
compare: xiaomeng:a997453bb1777bc239f660212855ab72ad4bb51c
Branches Tags
xiaomeng:pc-master
xiaomeng:portal
xiaomeng:wx-program
xiaomeng:mini-program
xiaomeng:fix
xiaomeng:master
xiaomeng:wxmaster
xiaomeng:main
xiaomeng:0.0.1

2 Commits
cf8e60e949 ... a997453bb1

Author SHA1 Message Date
xiaomeng a997453bb1 Merge pull request '1' (#188) from pc-master into portal 
Reviewed-on: #188
 2024-11-07 06:43:17 +00:00
sunmeng 2fb71ccdde 1 2024-11-07 14:39:29 +08:00
1 changed files with 34 additions and 24 deletions
Show Stats Expand all files Collapse all files

58
src/views/videoLive.vue
View File

@ -242,15 +242,15 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.videoLive { .videoLive {
width: 7.5rem; width: 100vw;
min-height: 100vh; min-height: 100vh;
background-color: #F5F6FA; background-color: #F5F6FA;
.center { .center {
.video_live { .video_live {
width: 7.5rem; width: 100vw;
height: 9.7rem; height:60vh;
>img { >img {
width: 100%; width: 100%;
@ -264,15 +264,17 @@ export default {
.skills { .skills {
width: 100%; width: 100%;
height: 40vh;
box-sizing: border-box; box-sizing: border-box;
padding: .61rem 0 0 .4rem; // padding: .61rem 0 0 .4rem;
display: flex; display: flex;
align-items: center;
justify-content: space-between;
.left { .left {
width: 3.4rem; width: 3rem;
height: 3.4rem; height: 3rem;
position: relative; position: relative;
margin-right: .6rem; // margin-right: .6rem;
.left_arrow, .left_arrow,
.right_arrow { .right_arrow {
@ -295,8 +297,9 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
top: 1.45rem; top: 50%;
left: .29rem; transform: translateY(-50%);
left: 8%;
} }
.left_arrow_item_act { .left_arrow_item_act {
@ -308,8 +311,9 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
top: 1.45rem; top: 50%;
left: .29rem; transform: translateY(-50%);
left: 8%;
} }
.left_arrow_item::after { .left_arrow_item::after {
@ -345,8 +349,9 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
top: 1.45rem; top: 50%;
right: .29rem; transform: translateY(-50%);
right: 8%;
} }
.right_arrow_item_act { .right_arrow_item_act {
@ -358,8 +363,9 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
top: 1.45rem; top: 50%;
right: .29rem; transform: translateY(-50%);
right: 8%;
} }
.right_arrow_item::after { .right_arrow_item::after {
@ -395,8 +401,9 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
top: .29rem; top: 8%;
left: 1.46rem; left: 50%;
transform: translateX(-50%);
} }
.up_arrow_item_act { .up_arrow_item_act {
@ -408,8 +415,9 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
top: .29rem; top: 8%;
left: 1.46rem; left: 50%;
transform: translateX(-50%);
} }
.up_arrow_item::after { .up_arrow_item::after {
@ -445,8 +453,9 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
bottom: .28rem; bottom: 8%;
left: 1.46rem; left: 50%;
transform: translateX(-50%);
} }
.down_arrow_item_act { .down_arrow_item_act {
@ -458,8 +467,9 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
bottom: .28rem; bottom: 8%;
left: 1.46rem; left: 50%;
transform: translateX(-50%);
} }
.down_arrow_item::after { .down_arrow_item::after {