.uni-data-checklist { position: relative; z-index: 0; width: 80%; margin-left: 20%; /* min-height: 36px; */ } .uni-data-loading { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; /* justify-content: center; */ height: 72rpx; padding-left: 20rpx; } .checklist-group { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .checklist-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: 10rpx 0; margin-right: 50rpx; } .checklist-text { font-size: 28rpx; color: #333; margin-left: 10rpx; -webkit-transition: color 0.2s; transition: color 0.2s; } .is-button { margin-right: 20rpx; padding: 6rpx 30rpx; border: 2rpx #DCDFE6 solid; border-radius: 6rpx; -webkit-transition: border-color 0.2s; transition: border-color 0.2s; } .is-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .is-list-box { display: -webkit-box; display: -webkit-flex; display: flex; padding: 20rpx 30rpx; padding-left: 0; margin: 0; } .checklist-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .list-content { margin-left: 10rpx; } .is-list-multiple-box { display: -webkit-box; display: -webkit-flex; display: flex; padding: 20rpx 30rpx; padding-left: 0; margin: 0; } .is-list-border { border-top: 2rpx #eee solid; } .is-tag { margin-right: 20rpx; padding: 6rpx 20rpx; border: 2rpx #eee solid; border-radius: 6rpx; background-color: #f5f5f5; /* transition: border-color 0.1s; */ } .is-tag-text { margin: 0; color: #666; } .checkbox__inner { -webkit-flex-shrink: 0; flex-shrink: 0; position: relative; border: 2rpx solid #DCDFE6; border-radius: 4rpx; box-sizing: border-box; width: 32rpx; height: 32rpx; background-color: #fff; z-index: 1; -webkit-transition: border-color 0.1s; transition: border-color 0.1s; } .checkbox__inner-icon { border: 2rpx solid #fff; border-left: 0; border-top: 0; height: 16rpx; left: 10rpx; position: absolute; top: 2rpx; width: 6rpx; opacity: 0; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(40deg) scaleY(0.4); transform: rotate(40deg) scaleY(0.4); } .radio__inner { -webkit-flex-shrink: 0; flex-shrink: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; border: 2rpx solid #DCDFE6; border-radius: 4rpx; box-sizing: border-box; width: 32rpx; height: 32rpx; border-radius: 32rpx; background-color: #fff; z-index: 1; -webkit-transition: border-color .3s; transition: border-color .3s; } .radio__inner-icon { width: 16rpx; height: 16rpx; border-radius: 20rpx; opacity: 0; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .checkobx__list { border: 2rpx solid #fff; border-left: 0; border-top: 0; height: 24rpx; width: 12rpx; -webkit-transform-origin: center; transform-origin: center; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* 禁用样式 */ .is-default-disabled-bg { background-color: #F2F6FC; border-color: #DCDFE6; } .is-default-multiple-disabled-bg { background-color: #F2F6FC; border-color: #DCDFE6; } .is-default-disabled { border-color: #F2F6FC; } .is-default-multiple-disabled { border-color: #F2F6FC; } .is-list-disabled { color: #999; } .is-list-disabled-checked { color: #a1dcc1; } .is-button-disabled { border-color: #EBEEF5; } .is-button-text-disabled { color: #C0C4CC; } .is-button-disabled-checked { border-color: #a1dcc1; } .is-tag-disabled { border-color: #e9e9eb; background-color: #f4f4f5; } .is-tag-text-disabled { color: #bcbec2; } /* 选中样式 */ .is-default-checked-bg { border-color: #007aff; } .is-default-multiple-checked-bg { border-color: #007aff; background-color: #007aff; } .is-default-checked { opacity: 1; background-color: #007aff; -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); } .is-default-multiple-checked { opacity: 1; -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); } .is-default-disabled-checked-bg { opacity: 0.4; } .is-default-multiple-disabled-checked-bg { opacity: 0.4; } .is-default-checked-list { border-color: #007aff; opacity: 1; -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); } .is-default-multiple-checked-list { border-color: #007aff; opacity: 1; -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); } .is-list-disabled-checked { opacity: 0.4; } .is-default-disabled-checked-list { opacity: 0.4; } .is-default-multiple-disabled-checked-list { opacity: 0.4; } .is-button-checked { border-color: #007aff; } .is-button-disabled-checked { opacity: 0.4; } .is-list-checked { color: #007aff; } .is-tag-checked { border-color: #007aff; background-color: #007aff; } .is-tag-text-checked { color: #fff; } .is-tag-disabled-checked { opacity: 0.4; } .disabled-cursor { } .is-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .hidden { }