.slide-right-enter-active,
|
.slide-right-leave-active,
|
.slide-left-enter-active,
|
.slide-left-leave-active {
|
width: 100vw;
|
will-change: transform;
|
transition: all 500ms;
|
position: absolute;
|
}
|
|
.slide-right-enter {
|
opacity: 0;
|
transform: translate3d(-100%, 0, 0);
|
}
|
|
.slide-right-leave-active {
|
opacity: 0;
|
transform: translate3d(100%, 0, 0);
|
}
|
|
.slide-left-enter {
|
opacity: 0;
|
transform: translate3d(100%, 0, 0);
|
}
|
|
.slide-left-leave-active {
|
opacity: 0;
|
transform: translate3d(-100%, 0, 0);
|
}
|
|
.direction-enter,
|
.direction-leave-to {
|
transform: translate3d(100%, 0, 0);
|
}
|
|
.direction-view {
|
position: absolute;
|
top: 0;
|
left: 0;
|
bottom: 0;
|
width: 100vw;
|
z-index: 100;
|
overflow: hidden;
|
transition: transform 0.3s;
|
}
|
|
|
|
@font-face {
|
font-family: 'PingFang SC';
|
src: url('../font//PingFang_SC_mianfeiziti.com.c6eef29e.ttf') format('truetype');
|
font-weight: normal;
|
font-style: normal;
|
font-display: swap;
|
}
|
|
@font-face {
|
font-family: 'DINPro';
|
src: url('../font/DINPro.d7abf218.ttf') format('truetype');
|
font-weight: normal;
|
font-style: normal;
|
font-display: swap;
|
}
|
|
.DINPro {
|
font-family: 'DINPro', serif;
|
}
|
|
.PingFang {
|
font-family: 'PingFang SC', sans-serif;
|
}
|
|
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
|
@font-face {
|
font-family: 'iconfont';
|
/* Project id 4480663 */
|
src: url('//at.alicdn.com/t/c/font_4480663_5e9rjcl352x.woff2?t=1711356150713') format('woff2'),
|
url('//at.alicdn.com/t/c/font_4480663_5e9rjcl352x.woff?t=1711356150713') format('woff'),
|
url('//at.alicdn.com/t/c/font_4480663_5e9rjcl352x.ttf?t=1711356150713') format('truetype');
|
}
|
|
.iconfont {
|
font-family: "iconfont" !important;
|
font-size: 16px;
|
font-style: normal;
|
-webkit-font-smoothing: antialiased;
|
-webkit-text-stroke-width: 0.2px;
|
-moz-osx-font-smoothing: grayscale;
|
}
|
