72 lines
1.1 KiB
Vue
72 lines
1.1 KiB
Vue
<template>
|
|
<div id="app">
|
|
<router-view/>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
|
|
video{
|
|
object-fit: cover;
|
|
}
|
|
@font-face {
|
|
font-family: "Microsoft Yahei";
|
|
src: url("assets/fonts/微软雅黑.ttf");
|
|
}
|
|
@font-face {
|
|
font-family: "logo";
|
|
src: url("assets/fonts/三极韵律圆体.ttf");
|
|
}
|
|
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
font-family: "Microsoft Yahei";
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body{
|
|
width: 100vw;
|
|
height: 100vh;
|
|
#app{
|
|
width: 100%;
|
|
height: 100%;
|
|
color: $font-color;
|
|
}
|
|
}
|
|
ul,li{
|
|
list-style: none;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: number;
|
|
src: url("./assets/common/fonts/DIN-Regular.otf");
|
|
}
|
|
@font-face {
|
|
font-family: en;
|
|
src: url("./assets/common/fonts/Roboto-Regular.ttf");
|
|
}
|
|
|
|
//滚动条
|
|
::-webkit-scrollbar {
|
|
width:0px;
|
|
height: 0px;
|
|
}
|
|
|
|
/*滑动轨道*/
|
|
::-webkit-scrollbar-track {
|
|
background: rgba(0, 0, 0, 0.06);
|
|
border-radius: 12px;
|
|
}
|
|
|
|
/*滑块*/
|
|
::-webkit-scrollbar-thumb {
|
|
background: linear-gradient(90deg, #33F8F4 0%, #229A97 50%, #1E9895 100%);;
|
|
border-radius: 12px;
|
|
|
|
}
|
|
.header-box .nav-box .nav-block{
|
|
transition: all .5s;
|
|
}
|
|
</style>
|