布局容器样式调整

shuishen

2024-11-01 05b0f6104cc5e1ac06c8d1f553bbc3e32f6e6521

 src/styles/base/index.scss

@@ -1,2 +1,112 @@
@use './container.scss'as *;
@use './dc-base.scss'as *;
@use './flexStyle.scss';
@use './marginStyle.scss';
@use './paddingStyle.scss';
@use './widthStyle.scss';
@use './heightStyle.scss';
@use './fontStyle.scss';
@use './dc-base.scss';

.ol-attribution {
  display: none;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  scrollbar-color: #BFBFBF rgb(255, 255, 255);
  // scrollbar-width: thin;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: none;
}

::-webkit-scrollbar-thumb {
  background-color: #BFBFBF;
  border-radius: 3px;
}

::-webkit-scrollbar-track {
  background-color: rgb(255, 255, 255);
}

.content-center {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.b-r-4 {
  border-radius: 4px;
}

.b-r-6 {
  border-radius: 6px;
}

.b-r-20 {
  border-radius: 20px;
}

.b-c-w {
  background-color: #fff;
}

.cursor-p {
  cursor: pointer;
}

.f-c-black {
  color: #000;
}

.overflow-h {
  overflow: hidden;
}

.relative {
  position: relative;
}

.b-s-b {
  box-sizing: border-box;
}

.text-align-l {
  text-align: left
}

.pointer-auto {
  pointer-events: auto;
}

.nowrap-ellipsis-hidden {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

//去除输入框type为number的箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

/* 在Firefox浏览器下 */
input[type="number"] {
  -moz-appearance: textfield !important;
}