现场监管模块

riku

3 小时以前 b09c7e7aefd41a62326ea56460092aa0db54c083

 package_supervision/pages/inspection/index.wxss

@@ -1 +1,103 @@
/* package_supervision/pages/inspection/index.wxss */
page {
  /* --header-bottom-padding: 600rpx; */
}

.page .page-header {
  /* background: linear-gradient(var(--td-primary-color-7), var(--td-bg-color)); */
  /* padding-bottom: var(--header-bottom-padding); */
}

.page .page-container {
  /* margin-top: calc(0rpx - var(--header-bottom-padding)); */
  padding: 0;
}

.custom-navbar {
  --td-navbar-color: #fff;
  --td-navbar-bg-color: var(--td-primary-color);
  --td-navbar-title-font-size: var(--td-font-size-base);
}

.custom-title {
  font-size: var(--td-font-size-base);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ins-map {
  width: 100%;
  height: 90vh;
}

.ins-buttons {
  position: absolute;
  right: 10px;
  top: 10px;
}

.ins-buttons .ins-buttons__status {
  --td-button-primary-bg-color: rgb(0, 177, 0);
  --td-button-primary-border-color: rgb(0, 177, 0);
  --td-button-primary-disabled-bg: rgb(125, 201, 125);
  --td-button-primary-disabled-border-color: rgba(0, 177, 0, 0.2);
  --td-button-primary-active-bg-color: rgba(0, 128, 0, 0.534);
  --td-button-primary-active-border-color: rgba(0, 128, 0, 0.534);
  --td-button-default-disabled-border-color: rgba(0, 0, 0, 0.2);

  flex-direction: column;
}

.ins-buttons .ins-buttons__status .t-button__content {
  /* position: absolute; */
  font-size: var(--td-font-size-xs);
  /* bottom: 0; */
  line-height: initial;
  margin: initial !important;
}

.ins-buttons .t-loading {
  --td-loading-color: white;
}

.ins-menu {
  position: absolute;
  bottom: calc(env(safe-area-inset-bottom) + 96rpx);
  left: 0;
  right: 0;
  padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
}

.custom-grid {
  box-shadow: var(--td-shadow-2);
  margin-bottom: 16px !important;
}
.custom-grid .diabled-grid-item {
  position: relative;
  opacity: 0.5;
}

.custom-tabs .t-tabs__wrapper {
  display: none;
}

.t-tabs {
  background: transparent !important;
  margin-bottom: -16px;
}

.t-tab-panel {
  position: relative;
}

.icon-right {
  position: absolute;
  right: 32rpx;
  bottom: calc(50%);
}

.icon-left {
  position: absolute;
  left: 32rpx;
  bottom: calc(50%);
}