.uni-app { display: flex; flex-direction: column; overflow: hidden; .top-container { width: 100%; } .main-container { width: 100%; flex: 1; display: block; overflow-y: auto; .header-top { position: relative; width: 100%; padding-bottom: 30rpx; .bg { position: absolute; top: 0; left: 0; width: 100%; height: 160rpx; } .card { position: relative; width: calc(100% - 64rpx); border-radius: 10rpx; background-color: white; box-shadow: 0 14rpx 16rpx 0 rgba(28,108,255,0.10); padding: 10rpx; margin: 0 auto; } } /** * 相关信息 */ .detail-about-container { padding: 0 20rpx 10rpx; } } } // 标题 .title-cell { font-size: 30rpx; padding: 20rpx 24rpx; @include left; .type-icon { width: 48rpx; height: 48rpx; } .title-text { flex: 1; font-size: 32rpx; font-weight: 500; margin-left: 25rpx; @include ellipsis; } .title-status { font-size: $wk-font-mini; line-height: normal; padding: 5rpx 18rpx; border-radius: 4rpx; margin-left: 10rpx; .wk { margin-right: 10rpx; font-size: 26rpx; } } .num { font-size: 26rpx; color: #666; margin-left: 15rpx; } } // 主要信息 .main-info { font-size: 24rpx; color: $gray; padding: 0 32rpx; margin-top: 20rpx; .info-item { margin-bottom: 15rpx; @include left; .icon { width: 36rpx; height: 36rpx; margin-right: 15rpx; &.phone { width: 32rpx; height: 32rpx; } } } } .main-info { margin-bottom: 25rpx; } // header section cell .relevance-cell { font-size: 28rpx; line-height: 1; border-top: 1rpx solid $border-color; background-color: white; padding: 24rpx 25rpx; @include left; .cell-icon { width: 46rpx; height: 46rpx; color: $theme-color; font-size: $wk-font-large; margin-right: 20rpx; } .cell-body { flex: 1; color: $theme-color; font-size: $wk-font-medium; font-weight: 500; margin-right: 10rpx; } .cell-link { font-size: $wk-font-sm; line-height: inherit; } } // 首要联系人 .main-user { color: $dark; padding: 20rpx 25rpx; margin-top: 20rpx; .cell-icon { width: 42rpx; height: 42rpx; border: 1rpx solid $theme-color; border-radius: 50%; margin-right: 10rpx; @include center; .icon { font-size: 24rpx; color: $theme-color; } } .mobile { color: $theme-color; line-height: 1; font-size: 28rpx; margin-right: 10rpx; } } /* 审核控制按钮 */ .check-box { width: 100%; font-size: 30rpx; background-color: white; padding: 20rpx 15rpx; border-top: 1rpx solid $border-color; display: flex; align-content: center; justify-content: space-between; .btn { flex: 1; height: 75rpx; line-height: 1.2; color: white; font-size: $wk-font-base; border-radius: 6rpx; margin-right: 5%; @include center; &:last-child { margin-right: 0; } &.success { background-color: #2DB76F; } &.error { background-color: #F75759; } &.cancel { background-color: #606365; } .icon { font-size: 30rpx; margin-right: 20rpx; } } .audit-status { flex: 1; font-size: 28rpx; color: $gray; } } .wk-tabs { &.border { border-bottom: 1rpx solid #e6e6e6; } .wk-tab-item { font-size: 29rpx; } }