cyzh-park/src/styles/common.scss

// 全局变量
@import './variables.scss';
// ele样式覆盖
@import './element-ui.scss';
// 顶部右侧显示
@import './top.scss';
// 导航标签
@import './tags.scss';
// 工具类函数
@import './mixin.scss';
// 侧面导航栏
@import './sidebar.scss';
// 动画
@import './animate/vue-transition.scss';
//主题
@import './element-theme/index.css';
//适配
@import './media.scss';
//通用配置
@import './normalize.scss';
//element - 重写的样式
@import url(./element-rewrite/index.scss);
//avue - 重写的样式
@import url(./avue.scss);


a{
  text-decoration: none;
  color:#333;
}
*{
  outline: none;
}
//滚动条样式
@include scrollBar;

.center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.full{
  width: 100%;
  height: 100%;
}
.linkHover:hover{
  cursor: pointer;
  text-shadow: 2px 2px 2px #007e8c;
  text-decoration: underline;
}

.enterBuilding:hover:after{
  content: "(进入楼栋)";
}

.toRight{
  animation: to-right 1s ease-in-out ;
}
@keyframes to-right {
  from{
    opacity: 0;
    transform: translate(-100%,0);
  }
}
.toLeft{
  animation: to-left 1s ease-in-out;
}
@keyframes to-left {
  from{
    opacity: 0;
    transform: translate(100%,0);
  }
}
.toTop{
  animation: to-top 1s ease-in-out ;
}
@keyframes to-top {
  from{
    opacity: 0;
    transform: translate(0,100%);
  }
}
.toBottom{
  animation: to-bottom 1s ease-in-out;
}
@keyframes to-bottom {
  from{
    opacity: 0;
    transform: translate(0,-100%);
  }
}