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…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user