.flex-space-between{ display: flex; justify-content: space-between; } .border-bottom{ border-bottom: 1px solid #D8D8D8; } //OrderList组件 .type-order-2{ background-color: $uni-color-warning-opacity; color: $uni-color-warning; border: 1px solid $uni-color-warning; } .type-order-31{ background-color: $uni-color-primary-opacity; color: $uni-color-primary; border: 1px solid $uni-color-primary; } .type-order-99{ background-color: $uni-color-success-opacity; color: $uni-color-success; border: 1px solid $uni-color-success; } .type-order-0{ background-color: $uni-color-error-opacity; color: $uni-color-error; border: 1px solid $uni-color-error; } // CellTip组件 .cell-tip-right { position: absolute; top: 0; right: 20rpx; bottom: 0; display: flex; align-items: center; color: $uni-text-color-grey; .span{ margin-right: 20rpx; } } //nav- .nav-icon-caozuo { position: absolute; right: 20rpx; font-size: 54rpx !important; color: $uni-text-color; } //OrderDeatil 组件 more .order-detail-more,.cell-list-more{ position: absolute; top: 0; bottom: 0; right: 8rpx; display: flex; align-items: center; } .cell-list-more{ uni-icons{ position: relative; top: 3rpx; } } .font-color{ color: $uni-text-color; } .font-grey{ color: $uni-text-color-grey; } //span-btn .btn-span{ margin: auto; height: 48rpx; padding: 5rpx 10rpx; color: #FFFFFF; background-color: $uni-color-success; border-radius: 14rpx; } //nav-right-btn .btn-right{ position: absolute; right: 20rpx; height: 70rpx; line-height: 70rpx; border-radius: 10rpx; padding:0 27rpx; font-size: 30rpx; color: $uni-color-success; background-color: $uni-color-success-opacity; } //按钮 .btn { padding: 5rpx 20rpx; margin-left: 20rpx; border-radius: 10rpx; } .btn-warning { background-color: $uni-color-warning-opacity; color: $uni-color-warning; border: 1px solid $uni-color-warning; } .btn-primary { background-color: $uni-color-primary-opacity; color: $uni-color-primary; border: 1px solid $uni-color-primary; } .btn-success{ background-color: $uni-color-success-opacity; color: $uni-color-success; border: 1px solid $uni-color-success; } //列表状态栏高度 .tab-title__placeholder{ height: $tab-height; } // 页面提交按钮 // 页面提交按钮-内间距 .page-bottom-padding{ padding-bottom: 160rpx; } .footer-btn{ position: fixed; bottom: 0; width: 100%; display: flex; height: 90rpx; line-height: 90rpx; color: #FFFFFF; font-size: $uni-font-size-base; background-color: $j-primary-green; .btns{ flex: 1; text-align: center; } .btns-first:after{ content: ''; position: absolute; right: 50%; width: 1px; height: 90rpx; background-color: #FFFFFF; } } .btn-submit{ width: 380rpx; height: 90rpx; line-height: 90rpx; position: fixed; margin: auto; left: 0; right: 0; bottom: 40rpx; text-align: center; color: #FFFFFF; background-color: $uni-color-success !important; border-color:$uni-color-success; border-radius: 50rpx; } .list-none{ padding: 20rpx 0; text-align: center; color: $uni-text-color-grey; font-size: $uni-font-size-sm; } .uni-navbar__header-btns-right{ overflow: visible !important; } // uni-checkbox uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked { background-color: $uni-color-success !important; border: 1px solid #d1d1d1; } uni-checkbox:not([disabled]) .uni-checkbox-input:hover { border: 1px solid #d1d1d1; } // uni-checkbox .uni-checkbox-input { // border-radius: 50% !important; // } uni-checkbox .uni-checkbox-input { width: 28rpx !important; height: 28rpx !important; } uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before { font-size: 32rpx !important; color: #FFFFFF; } // uni-radio uni-radio .uni-radio-input.uni-radio-input-checked{ background-color: $uni-color-success !important; } uni-radio:not([disabled]) .uni-radio-input:hover { border-color: #fff; } uni-radio[disabled] .uni-radio-input{ background-color: #e1e1e1; } uni-radio .uni-radio-input { width: 28rpx !important; height: 28rpx !important; } textarea{ padding: 20rpx; max-height: 160rpx; color: $uni-text-color; font-size: $uni-font-size-base; } uni-toast{ z-index: 99998; } uni-toast .uni-sample-toast{ z-index: 99999; } .text-primary{ color: $j-primary-green !important; } .text-primary-deep{ color: $j-primary-border-green !important; } .text-danger{ color: $uni-color-error !important; } .text-warning{ color: $uni-color-warning !important; } .text-normal{ color: #027DB4 !important; } .text-success{ color: $uni-color-success !important; } .tree-cover{ z-index: 99999 !important; } .tree-dialog{ z-index: 99999 !important; .uni-flex-item{ flex: 1; display: flex !important; .item-name{ display: flex; align-items: center; } } } .u-form-item.form-required .u-form-item__body__left__content__label::before{ content: "*"; color: $uni-color-error; } .w100{ width: 100% !important; } /* 布局-横向 */ /* c:center,s:start,e:end,a:around,b:between,w:wrap */ .rx { display: flex; } .rx-c { display: flex; align-items: center; } .rx-cc { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .rx-sc { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .rx-ss { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .rx-warp { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .rx-se { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-end; } .rx-dir-start { display: flex; flex-direction: column; align-items: flex-start; } .rx-ec { display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; } .rx-es { display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: flex-start; } .rx-ee { display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: flex-end; } .rx-ac { display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: center; } .rx-bc { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .rx-bs { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; } .rx-be { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; } .rx-vc { display: flex; flex-flow: row nowrap; justify-content: space-evenly; align-items: center; } .rx-cs { display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-start; } .rx-wsc { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .rx-wss { display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; } .rx-wbs { display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-start; } /* 布局-纵向 */ .cx { display: flex; flex-flow: column nowrap; } .cx-cc { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .cx-ce { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-end; } .cx-sc { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; } .cx-cs { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; } .cx-rc { display: flex; flex-flow: column-reverse nowrap; justify-content: center; align-items: center; }