.nav[data-v-0c28caae]{position:fixed;left:0;top:50%;transform:translateY(-50%);.nav-List[data-v-0c28caae]{width:50px;height:50px;border:1px dashed grey;border-bottom:0;display:flex;justify-content:center;align-items:center;background:#fff}.nav-List[data-v-0c28caae]:last-child{border:1px dashed grey}.active[data-v-0c28caae],.nav-List[data-v-0c28caae]:hover{background:grey;color:#fff}}.content-item[data-v-0c28caae]{width:100%;height:100vh;font-size:100px;color:#fff;display:flex;justify-content:center;align-items:center}.content-item[data-v-0c28caae]:first-of-type{background:#7fff00}.content-item[data-v-0c28caae]:nth-of-type(2){background:red}.content-item[data-v-0c28caae]:nth-of-type(3){background:pink}.content-item[data-v-0c28caae]:nth-of-type(4){background:grey}.content-item[data-v-0c28caae]:nth-of-type(5){background:#00f}.content-item[data-v-0c28caae]:nth-of-type(6){background:orange}.content-item[data-v-0c28caae]:nth-of-type(7){background:#daa520}.content-item[data-v-0c28caae]:nth-of-type(8){background:#228b22}.content-item[data-v-0c28caae]:nth-of-type(9){background:teal}