Compare commits

..

No commits in common. "a997453bb1777bc239f660212855ab72ad4bb51c" and "cf8e60e9498e2b01864516b3ccee520ceb17534f" have entirely different histories.

1 changed files with 24 additions and 34 deletions

View File

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