| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258 |
- /** 原生button样式 **/
- uni-button {
- font-size: $im-font-size !important;
- border-radius: 40rpx !important;
- }
- uni-button[type='primary'] {
- color: #fff !important;
- background: $im-color-primary !important;
- }
- uni-button[type='primary'][plain] {
- color: $im-color-primary !important;
- border: 1px solid $im-color-primary;
- background-color: transparent;
- }
- uni-button[type='warn'] {
- color: #fff !important;
- background: $im-color-danger !important;
- }
- uni-button[type='warn'][plain] {
- color: $im-color-danger !important;
- border: 1px solid $im-color-danger !important;
- background: transparent !important;
- }
- uni-button[size='mini'] {
- font-size: $im-font-size-smaller !important;
- }
- // #ifdef MP-WEIXIN
- // wx小程序只有button,没有uni-botton
- button {
- font-size: $im-font-size !important;
- }
- button[type='primary'] {
- color: #fff !important;
- background: $im-color-primary !important;
- }
- button[type='primary'][plain] {
- color: $im-color-primary !important;
- border: 2px solid $im-color-primary;
- background: transparent;
- }
- button[type='warn'] {
- color: #fff !important;
- background: $im-color-danger !important;
- }
- button[type='warn'][plain] {
- color: $im-color-danger !important;
- border: 1px solid $im-color-danger !important;
- background: transparent !important;
- }
- button[size='mini'] {
- font-size: $im-font-size-smaller !important;
- }
- // #endif
- .button-hover[type='primary'] {
- color: #fff !important;
- background-color: $im-color-primary-dark-1 !important;
- }
- /** uni-ui input激活后边框、图标颜色 **/
- .uni-easyinput__content.is-focused:not(.is-input-error-border) {
- border-color: $im-color-primary-light-2 !important;
-
- .content-clear-icon {
- color: $im-color-primary-light-2 !important;
- }
- }
- /** 底部导航 **/
- .uni-tabbar-bottom .uni-tabbar {
- box-shadow: $im-box-shadow;
- }
- .uni-tabbar-border {
- display: none;
- }
- .segmented-control {
- border-color: $im-color-primary !important;
- .segmented-control__item--button {
- border-color: $im-color-primary !important;
- }
- .segmented-control__item--button--active {
- background-color: $im-color-primary !important;
- .segmented-control__text{
- color: #fff !important;
- }
- }
- .segmented-control__text{
- color: $im-color-primary !important;
- }
- }
- .uni-radio-input svg{
- border-color: white !important;
- background-color: $im-color-primary !important;
- }
- .uni-radio-input svg {
- background-color: $im-color-primary !important;
- border-color: $im-color-primary !important;
- background-clip: content-box !important;
- box-sizing: border-box;
- border-radius: 50%;
- transform: translate(-50%, -50%) scale(0.7)!important;
- }
- .uni-radio-input svg path{
- fill: $im-color-primary !important;
- }
- .uni-radio-input {
- background-color: white !important;
- border-color: $im-color-primary !important;
- }
- .uni-radio-input-disabled {
- background-color: rgb(225, 225, 225) !important;
- border-color: rgb(209, 209, 209) !important;
- opacity: 0.5;
- }
- .uni-section__content-title {
- font-size: $im-font-size !important;
- color: $im-text-color-light;
- }
- .uni-forms-item__label {
- color: $im-text-color;
- font-size: $im-font-size !important;
- }
- .uni-forms-item {
- //margin-bottom: 8px !important;
- }
- .uni-easyinput__content-input {
- font-size: $im-font-size !important;
- }
- .uni-easyinput__placeholder-class {
- color: $im-text-color-lighter;
- font-size: $im-font-size !important;;
- }
- .uni-easyinput__content-textarea {
- font-size: $im-font-size !important;;
- }
- .uni-input-input:disabled {
- color: $im-text-color-light;
- }
- .uni-forms-item.is-direction-top .uni-forms-item__label {
- padding: 0 !important;
- }
- .uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
- font-size: $im-font-size !important;
- }
- .uni-card .uni-card__content {
- color: unset !important;
- padding: 10px 0 !important;
- }
- .uni-tag{
- transform: scale(0.9);
- margin-left: 5rpx;
- border-radius: 12rpx !important;
- font-weight: 600 !important;
- white-space: nowrap;
- }
- .uni-switch-input-checked {
- background-color: $im-color-primary-light-1 !important;
- border-color: $im-color-primary-light-1 !important;
- }
- .uni-modal__title {
- font-size: $im-font-size-larger !important;
- }
- .uni-modal__bd {
- font-size: $im-font-size;
- }
- .uni-modal__ft {
- font-size: $im-font-size;
- line-height: 90rpx !important;
- .uni-modal__btn_primary {
- color: $im-color-primary !important;
- }
- }
- .nav-bar {
- height: 100rpx;
- padding: 0 20rpx;
- display: flex;
- align-items: center;
- border-bottom: 1rpx solid $im-border;
- .nav-search {
- flex: 1;
- }
- .nav-add {
- cursor: pointer;
- }
- }
- .bottom-btn {
- margin: 40rpx 40rpx;
- uni-button + uni-button {
- margin-top: 20rpx;
- }
- }
- .emoji-large {
- width: 64rpx !important;
- height: 64rpx !important;
- vertical-align: bottom !important;
- }
- .emoji-normal {
- width: 54rpx !important;
- height: 54rpx !important;
- vertical-align: bottom !important;
- }
- .emoji-small {
- width: 36rpx !important;
- height: 36rpx !important;
- vertical-align: bottom !important;
- }
- .none-pointer-events {
- uni-image img {
- // 阻止微信默认长按菜单
- pointer-events: none;
- -webkit-pointer-events: none;
- -ms-pointer-events: none;
- -moz-pointer-events: none;
- }
- }
- p {
- margin-block-start: 1em;
- margin-block-end: 1em;
- }
|