月球大数据地理空间分析展示平台-【前端】-月球2期前端
Surpriseplus
2023-10-10 77f9937b32f67f5b7d5476b0a1db19956702c0c8
src/assets/css/global.css
@@ -1,18 +1,22 @@
html,
body,
#app,input,b {
#app,
input,
b {
  height: 100%;
  margin: 0;
  padding: 0;
  font-style:normal;
  font-style: normal;
  outline: none;
}
p{
p {
  margin: 0;
  padding: 0;
}
body{
  height: 100vh;
body {
  height: 100vh;
  overflow: hidden;
}
@@ -25,73 +29,88 @@
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
input,select,button{
  -webkit-appearance:none;
  appearance:none;
input,
select,
button {
  -webkit-appearance: none;
  appearance: none;
}
.scrollbar::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .scrollbar::-webkit-scrollbar-thumb {
}
.scrollbar::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  border-radius: 10px;
  background-color: skyblue;
  background-image: -webkit-linear-gradient(
      45deg,
  background-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
  }
  .scrollbar::-webkit-scrollbar-track {
      transparent);
}
.scrollbar::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ededed;
  border-radius: 10px;
  }
}
.button_box{
.button_box {
  background: rgba(61, 190, 253, 0.1) !important;
  border: 1px solid #00A6E2 !important;
  color:rgba(1, 15, 22, 0.85) !important;
  color: rgba(1, 15, 22, 0.85) !important;
}
.button_box:hover{
.button_box:hover {
  background: #3DBEFD !important;
  color:rgba(1, 15, 22, 0.85) !important;
  color: rgba(1, 15, 22, 0.85) !important;
}
.btnbox{
.btnbox {
  background: rgba(104, 156, 255, 0.2);
  border: 1px solid #234066;
  border-radius: 2px;
}
.btnbox:hover {
  background: rgba(104, 156, 255, 0.2);
  border: 1px solid #689cff;
}
.el-input.is-disabled .el-input__wrapper,
.el-input__wrapper{
.el-input__wrapper {
  background: rgba(13, 19, 29, 0.4);
  border: 1px solid rgba(214, 228, 255, 0.4);
}
.el-input__wrapper.is-focus{
.el-input__wrapper.is-focus {
  /* border: 1px solid #D6E4FF;
  box-shadow:none; */
  box-shadow:0 0 0 1px #D6E4FF;
  box-shadow: 0 0 0 1px #D6E4FF;
}
.el-input__inner{
.el-input__inner {
  color: #D6E4FF;
}
#DeleteMilitaryStandardDelete {
  display: none !important;
}