123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 |
- @charset "UTF-8";
- @import "base";
- @import "common";
- body{
- background: #2b2c30;
- @media #{$desktop} {
- background: url('../../assets/bg.jpg') center top no-repeat;
- }
- .el-button{
- padding: 8px 20px;
- }
- }
- body, html{
- height: 100%;
- }
- #app{
- height: 100%;
- -webkit-overflow-scrolling: touch;
- }
- .box{
- position: relative;
- background-color: #eee;
- height: 100%;
- overflow: hidden;
- }
- a{
- &:hover{
- text-decoration: none;
- }
- }
- .mee-chat-logo{
- position: absolute;
- background: url('../../assets/mee-logo.png') no-repeat;
- width: 84px;
- height: 96px;
- left: 50%;
- margin-left: -42px;
- top: 20px;
- }
- .msgbox-fade-enter-active {
- animation: msgbox-fade-in .3s;
- }
- .msgbox-fade-leave-active {
- animation: msgbox-fade-out .3s;
- }
- @keyframes msgbox-fade-in {
- 0% {
- transform: translate3d(0, -20px, 0);
- opacity: 0;
- }
- 100% {
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
- }
- @keyframes msgbox-fade-out {
- 0% {
- transform: translate3d(0, 0, 0);
- opacity: 1;
- }
- 100% {
- transform: translate3d(0, -20px, 0);
- opacity: 0;
- }
- }
- @keyframes fade-in {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- @keyframes fade-out {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
- }
|