xuxueyang
2024-07-08 8580ef310f61f4bc275c19ddcc6ebd2135720d4a
common/global.scss
@@ -1,5 +1,13 @@
// $u-tips-color: #2979ff;
// $u-primary: #2979ff;
// @import '@/node_modules/uview-ui/theme.scss';
.component-tab-container{
   display: flex;
   width: fit-content;
   margin:0 auto;
   .tab-item{
      display: flex;
      text-align: center;
@@ -7,17 +15,31 @@
      border: 2rpx solid var(--topicolor);
      background: #fff;
      color: var(--topicolor);
      width: 212rpx;
      line-height: 64rpx;
      font-weight: 600;
      font-size: 28rpx;
      display: block;
   }
   .tab-item.cur{
      background: var(--topicolor);
      border-radius: 0rpx 8rpx 8rpx 0rpx;
      // border-radius: 0rpx 8rpx 8rpx 0rpx;
      color: #fff;
   }
   .tab-item:first-child{
      border-top-right-radius: 0rpx;
      border-bottom-right-radius: 0rpx;
   }
   .tab-item:last-child{
      border-top-left-radius: 0rpx;
      border-bottom-left-radius: 0rpx;
   }
}
.component-button-upload{
   width: 96rpx;
   height: 96rpx;
   border-radius: 4rpx;
   border: 2rpx solid #CECECE;
   border: 2rpx dashed #CECECE;
   position: relative;
   background-image: 100% 100%;
   &::after{
@@ -25,10 +47,68 @@
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(50%,50%);
      transform: translate(-50%,-50%);
      // width: 22rpx;
      // height: 22rpx;
      font-size: 24rpx;
      color: #000000;
      color: #696969;
   }
}
}
.component-line-vert{
   width: 2rpx;
   background-color: #EEEEEE;
}
.component-popup_input.white{
   background: #fff;
}
.component-bg{
   position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100;
    height: 100%;
    z-index: -1;
}
.component-popup_input{
   margin: 0 auto;
   margin-top: 160rpx;
   // margin-left: 78rpx - 26rpx;
   width: 594rpx;
   background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%);
   border-radius: 16rpx;
   padding: 26rpx;
   position: relative;
   .title{
      font-weight: 400;
      font-size: 28rpx;
      color: #333333;
      line-height: 42rpx;
      text-align: center;
      margin-bottom: 32rpx;
   }
   .uni-easyinput{
      width: auto !important;
   }
   .icon{
      z-index: -1;
      position: absolute;
      width: 266rpx;
      height: 146rpx;
      top: -134rpx;
      left: 50%;
      transform: translateX(-50%);
   }
   .close-parent{
      margin-bottom: 34rpx;
   }
   .button-green{
      margin-top: 50rpx;
   }
}