| | |
| | | /* |
| | | ColorUi for uniApp v2.1.6 | by 文晓港 2019-05-31 10:44:24 |
| | | 仅供学习交流,如作它用所承受的法律责任一概与作者无关 |
| | | |
| | | *使用ColorUi开发扩展与插件时,请注明基于ColorUi开发 |
| | | |
| | | (QQ交流群:240787041) |
| | | */ |
| | | |
| | | /* ================== |
| | | 初始化 |
| | | ==================== */ |
| | |
| | | 开关 |
| | | ==================== */ |
| | | |
| | | /* switch, |
| | | switch, |
| | | checkbox, |
| | | radio { |
| | | position: relative; |
| | | } |
| | | */ |
| | | |
| | | switch::after, |
| | | switch::before { |
| | | font-family: "cuIcon"; |
| | |
| | | left: auto; |
| | | } |
| | | |
| | | /* switch[checked]::after, |
| | | switch[checked]::after, |
| | | switch.checked::after { |
| | | transform: scale(1, 1); |
| | | } */ |
| | | } |
| | | |
| | | switch[checked]::before, |
| | | switch.checked::before { |
| | |
| | | } |
| | | |
| | | /* #ifndef MP-ALIPAY */ |
| | | /* radio::before, |
| | | radio::before, |
| | | checkbox::before { |
| | | font-family: "cuIcon"; |
| | | content: "\e645"; |
| | |
| | | transform: scale(1, 1); |
| | | transition: all 0.3s ease-in-out 0s; |
| | | z-index: 9; |
| | | } */ |
| | | } |
| | | |
| | | /* radio .wx-radio-input, |
| | | radio .wx-radio-input, |
| | | checkbox .wx-checkbox-input, |
| | | radio .uni-radio-input, |
| | | checkbox .uni-checkbox-input { |
| | |
| | | checkbox.round .wx-checkbox-input, |
| | | checkbox.round .uni-checkbox-input { |
| | | border-radius: 100upx; |
| | | } */ |
| | | } |
| | | |
| | | /* #endif */ |
| | | |
| | |
| | | |
| | | switch .wx-switch-input::before, |
| | | radio.radio::before, |
| | | /* checkbox .wx-checkbox-input::before, */ |
| | | checkbox .wx-checkbox-input::before, |
| | | radio .wx-radio-input::before, |
| | | switch .uni-switch-input::before, |
| | | radio.radio::before, |
| | | /* checkbox .uni-checkbox-input::before, */ |
| | | checkbox .uni-checkbox-input::before, |
| | | radio .uni-radio-input::before { |
| | | display: none; |
| | | } |
| | |
| | | position: relative; |
| | | display: flex; |
| | | padding: 0 30upx; |
| | | min-height: 100upx; |
| | | min-height: 80upx; |
| | | background-color: #ffffff; |
| | | justify-content: space-between; |
| | | align-items: center |
| | |
| | | display: flex; |
| | | position: relative; |
| | | align-items: center; |
| | | min-height: 100upx; |
| | | min-height: 80upx; |
| | | justify-content: space-between; |
| | | } |
| | | |
| | |
| | | position: fixed; |
| | | width: 100%; |
| | | bottom: 0; |
| | | z-index: 1024; |
| | | z-index: 666; |
| | | background-color: #fff; |
| | | box-shadow: 0 -1upx 6upx rgba(0, 0, 0, 0.1); |
| | | padding: 20upx 0; |
| | | } |
| | | |
| | | .cu-bar.tabbar { |
| | |
| | | text-align: justify; |
| | | padding-right: 30upx; |
| | | font-size: 30upx; |
| | | font-weight: bold; |
| | | position: relative; |
| | | height: 60upx; |
| | | line-height: 60upx; |
| | | width: inherit; |
| | | } |
| | | |
| | | .cu-form-group input { |
| | |
| | | .cu-modal.drawer-modal.show .cu-dialog { |
| | | transform: translateX(0%); |
| | | } |
| | | .cu-modal .cu-dialog>.cu-bar:first-child .action{ |
| | | min-width: 100rpx; |
| | | margin-right: 0; |
| | | min-height: 100rpx; |
| | | |
| | | .cu-modal .cu-dialog>.cu-bar:first-child .action { |
| | | min-width: 100rpx; |
| | | margin-right: 0; |
| | | min-height: 100rpx; |
| | | } |
| | | |
| | | /* ================== |
| | | 轮播 |
| | | ==================== */ |
| | |
| | | /* -- flex弹性布局 -- */ |
| | | |
| | | .flex { |
| | | display: flex; |
| | | display: flex !important; |
| | | } |
| | | |
| | | .basis-xs { |
| | |
| | | position: relative; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .grid.grid-square>view.bg-img image { |
| | | width: 100%; |
| | | height: 100%; |
| | | position: absolute; |
| | | } |
| | | |
| | | .grid.col-1.grid-square>view { |
| | | padding-bottom: 100%; |
| | | height: 0; |
| | |
| | | padding-left: 50upx; |
| | | } |
| | | |
| | | .padding-lr-0 { |
| | | padding-left: 0upx; |
| | | padding-right: 0upx; |
| | | } |
| | | |
| | | .padding-lr-xs { |
| | | padding-left: 10upx; |
| | | padding-right: 10upx; |
| | |
| | | } |
| | | |
| | | .padding-tb-xs { |
| | | padding-top: 10upx; |
| | | padding-bottom: 10upx; |
| | | padding-top: 10upx !important; |
| | | padding-bottom: 10upx !important; |
| | | } |
| | | |
| | | .padding-tb-sm { |
| | | padding-top: 20upx; |
| | | padding-bottom: 20upx; |
| | | padding-top: 20upx !important; |
| | | padding-bottom: 20upx !important; |
| | | } |
| | | |
| | | .padding-tb { |
| | |
| | | |
| | | .bg-yellow { |
| | | background-color: #fbbd08; |
| | | color: #ffffff; |
| | | color: #333333; |
| | | } |
| | | |
| | | .bg-olive { |
| | |
| | | } |
| | | |
| | | .text-left { |
| | | text-align: left; |
| | | text-align: left !important; |
| | | } |
| | | |
| | | .text-right { |
| | | text-align: right; |
| | | text-align: right !important; |
| | | } |
| | | |
| | | .text-red, |
| | |
| | | .line-white, |
| | | .lines-white { |
| | | color: #ffffff; |
| | | } |
| | | } |