1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- /* 标题 */
- .checkbox_title {
- font-size: 32rpx;
- font-weight: 600;
- color: #000000;
- margin: 40rpx 0 30rpx 54rpx;
- }
- /* 列表 */
- .checkbox_list {
- display: flex;
- flex-wrap: wrap;
- width: 100vw;
- min-height: 200rpx;
- padding: 0 60rpx;
- box-sizing: border-box;
- }
- /* 子项 */
- .checkbox_item {
- display: block;
- min-width: 180rpx;
- height: 64rpx;
- line-height: 64rpx;
- text-align: center;
- background: #F6F7F8;
- border-radius: 40rpx;
- font-size: 28rpx;
- color: rgba(0, 0, 0, .5);
- padding: 0 8rpx;
- margin-bottom: 30rpx;
- margin-right: 15rpx;
- }
- /* 选中后背景颜色 */
- .choice {
- background-color: #4EBFCF;
- color: #ffffff;
- }
- /* 按钮 */
- .checkbox_but {
- position: relative;
- width: 100vw;
- margin: 30rpx 0 80rpx 0;
- box-sizing: border-box;
- }
- .checkbox_but>view {
- position: absolute;
- width: 188rpx;
- height: 64rpx;
- background: #4EBFCF;
- border-radius: 14rpx;
- right: 60rpx;
- overflow: hidden;
- }
- .customClass {
- width: 100% !important;
- height: 100% !important;
- }
|