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