<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App"
};
</script>

<style>
body,
html {
  background: #f5f5f5;
}
#app {
}
a标签去除默认样式
/*包含以下四种的链接*/
a {
  text-decoration: none;
}
/*正常的未被访问过的链接*/
a:link {
  text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
  text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
  text-decoration: none;
}
/* 正在点击的链接*/
a:active {
  text-decoration: none;
}
img {
  width: 100%;
  height: 100%;
}
textarea {
  border: none;
  outline: none;
}
input {
  border: none;
  outline: none;
}
.van-tabbar--fixed {
  height: 1rem !important;
}
.van-tabbar-item__text {
  font-size: 0.12rem !important;
  margin-top: 0.05rem !important;
}

.flex {
  display: flex;
}

.flexone {
  display: flex;
  align-items: center;
}

.flextwo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flexthree {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexfour {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flexfive {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.register {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
</style>