Compare commits
No commits in common. "a997453bb1777bc239f660212855ab72ad4bb51c" and "cf8e60e9498e2b01864516b3ccee520ceb17534f" have entirely different histories.
a997453bb1
...
cf8e60e949
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue