修改按钮文字颜色
于肖磊
parent
be65bbe0fd
commit
45ba0da9ba
|
|
@ -188,8 +188,8 @@ button:before {
|
|||
.wh-auto {
|
||||
width: 100% !important;
|
||||
}
|
||||
.ht-auto {
|
||||
height: 100% !important;
|
||||
.ht-auto {
|
||||
height: 100% !important;
|
||||
}
|
||||
.tc {
|
||||
text-align: center;
|
||||
|
|
@ -651,7 +651,6 @@ button[disabled].bg-grey {
|
|||
background-color: #ececec !important;
|
||||
color: #ababab !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 表单
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -64,6 +64,7 @@
|
|||
background-color: #ff0036 !important;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 导航伪类背景色
|
||||
*/
|
||||
|
|
@ -71,21 +72,26 @@
|
|||
background: #ff0036;
|
||||
}
|
||||
.theme-red button[disabled].bg-main-pair {
|
||||
background-color: #d0cbca !important;
|
||||
background-color: #d0cbca !important;
|
||||
border-color: #d0cbca !important;
|
||||
color: #eaeaea !important;
|
||||
}
|
||||
.theme-red button[disabled].bg-main-light {
|
||||
background-color: #ffe9ed !important;
|
||||
background-color: #ffe9ed !important;
|
||||
border-color: #ffe9ed !important;
|
||||
color: #ffa5b7 !important;
|
||||
}
|
||||
.theme-red .bg-main.disabled,
|
||||
.theme-red button[disabled].bg-main {
|
||||
background-color: #ffa7ba !important;
|
||||
background-color: #ffa7ba !important;
|
||||
border-color: #ffa7ba !important;
|
||||
color: #fff5f7 !important;
|
||||
}
|
||||
|
||||
.theme-red .bg-main.disabled .text {
|
||||
color: #eaeaea !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 标题左侧边线
|
||||
*/
|
||||
|
|
@ -176,21 +182,26 @@
|
|||
background-color: #f6c133 !important;
|
||||
}
|
||||
.theme-yellow button[disabled].bg-main-pair {
|
||||
background-color: #b5a29c !important;
|
||||
background-color: #b5a29c !important;
|
||||
border-color: #b5a29c !important;
|
||||
color: #8c766f !important;
|
||||
}
|
||||
.theme-yellow button[disabled].bg-main-light {
|
||||
background-color: #fbebd6 !important;
|
||||
background-color: #fbebd6 !important;
|
||||
border-color: #fbebd6 !important;
|
||||
color: #ffcc40 !important;
|
||||
}
|
||||
|
||||
.theme-yellow .bg-main.disabled,
|
||||
.theme-yellow button[disabled].bg-main {
|
||||
background-color: #fdd178 !important;
|
||||
border-color: #fdd178 !important;
|
||||
color: #fff7e7 !important;
|
||||
background-color: #fdd178 !important;
|
||||
border-color: #fdd178 !important;
|
||||
color: #fff7e7 !important;
|
||||
}
|
||||
|
||||
.theme-yellow .bg-main.disabled .text {
|
||||
color: #fff7e7 !important;
|
||||
}
|
||||
/**
|
||||
* 标题左侧边线
|
||||
*/
|
||||
|
|
@ -282,18 +293,24 @@
|
|||
background: #333333;
|
||||
}
|
||||
.theme-black button[disabled].bg-main-pair {
|
||||
background-color: #bdece8 !important;
|
||||
background-color: #bdece8 !important;
|
||||
border-color: #bdece8 !important;
|
||||
color: #edfbf9 !important;
|
||||
}
|
||||
.theme-black button[disabled].bg-main-light {
|
||||
background-color: #efefef !important;
|
||||
background-color: #efefef !important;
|
||||
border-color: #efefef !important;
|
||||
color: #b7b7b7 !important;
|
||||
}
|
||||
|
||||
.theme-black .bg-main.disabled,
|
||||
.theme-black button[disabled].bg-main {
|
||||
background-color: #c7c7c7 !important;
|
||||
border-color: #c7c7c7 !important;
|
||||
border-color: #c7c7c7 !important;
|
||||
color: #e2e2e2 !important;
|
||||
}
|
||||
|
||||
.theme-black .bg-main.disabled .text {
|
||||
color: #e2e2e2 !important;
|
||||
}
|
||||
|
||||
|
|
@ -388,18 +405,24 @@
|
|||
background: #20a53a;
|
||||
}
|
||||
.theme-green button[disabled].bg-main-pair {
|
||||
background-color: #cfaae2 !important;
|
||||
background-color: #cfaae2 !important;
|
||||
border-color: #cfaae2 !important;
|
||||
color: #e6deea !important;
|
||||
}
|
||||
.theme-green button[disabled].bg-main-light {
|
||||
background-color: #daeade !important;
|
||||
background-color: #daeade !important;
|
||||
border-color: #daeade !important;
|
||||
color: #9dcaa6 !important;
|
||||
}
|
||||
|
||||
.theme-green .bg-main.disabled,
|
||||
.theme-green button[disabled].bg-main {
|
||||
background-color: #a8c5ae !important;
|
||||
border-color: #a8c5ae !important;
|
||||
border-color: #a8c5ae !important;
|
||||
color: #d8eadc !important;
|
||||
}
|
||||
|
||||
.theme-green .bg-main.disabled .text {
|
||||
color: #d8eadc !important;
|
||||
}
|
||||
|
||||
|
|
@ -493,18 +516,24 @@
|
|||
background: #fe6f04;
|
||||
}
|
||||
.theme-orange button[disabled].bg-main-pair {
|
||||
background-color: #b5a29c !important;
|
||||
background-color: #b5a29c !important;
|
||||
border-color: #b5a29c !important;
|
||||
color: #8c766f !important;
|
||||
}
|
||||
.theme-orange button[disabled].bg-main-light {
|
||||
background-color: #fbe9dc !important;
|
||||
background-color: #fbe9dc !important;
|
||||
border-color: #fbe9dc !important;
|
||||
color: #f7c49e !important;
|
||||
}
|
||||
|
||||
.theme-orange .bg-main.disabled,
|
||||
.theme-orange button[disabled].bg-main {
|
||||
background-color: #f7cdad !important;
|
||||
border-color: #f7cdad !important;
|
||||
border-color: #f7cdad !important;
|
||||
color: #f7efea !important;
|
||||
}
|
||||
|
||||
.theme-orange .bg-main.disabled .text {
|
||||
color: #f7efea !important;
|
||||
}
|
||||
|
||||
|
|
@ -598,18 +627,24 @@
|
|||
background: #1677ff;
|
||||
}
|
||||
.theme-blue button[disabled].bg-main-pair {
|
||||
background-color: #efcbf5 !important;
|
||||
background-color: #efcbf5 !important;
|
||||
border-color: #efcbf5 !important;
|
||||
color: #faf1fb !important;
|
||||
}
|
||||
.theme-blue button[disabled].bg-main-light {
|
||||
background-color: #e3eefd !important;
|
||||
background-color: #e3eefd !important;
|
||||
border-color: #e3eefd !important;
|
||||
color: #b9d3f7 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.theme-blue .bg-main.disabled,
|
||||
.theme-blue button[disabled].bg-main {
|
||||
background-color: #bcd3f5 !important;
|
||||
border-color: #bcd3f5 !important;
|
||||
border-color: #bcd3f5 !important;
|
||||
color: #eef4fd !important;
|
||||
}
|
||||
|
||||
.theme-blue .bg-main.disabled .text {
|
||||
color: #eef4fd !important;
|
||||
}
|
||||
|
||||
|
|
@ -703,18 +738,24 @@
|
|||
background: #8B4513;
|
||||
}
|
||||
.theme-brown button[disabled].bg-main-pair {
|
||||
background-color: #a6ded9 !important;
|
||||
background-color: #a6ded9 !important;
|
||||
border-color: #a6ded9 !important;
|
||||
color: #dff1ef !important;
|
||||
}
|
||||
.theme-brown button[disabled].bg-main-light {
|
||||
background-color: #f1e6de !important;
|
||||
background-color: #f1e6de !important;
|
||||
border-color: #f1e6de !important;
|
||||
color: #d6bdad !important;
|
||||
}
|
||||
}
|
||||
|
||||
.theme-brown .bg-main.disabled,
|
||||
.theme-brown button[disabled].bg-main {
|
||||
background-color: #e4cdbc !important;
|
||||
border-color: #e4cdbc !important;
|
||||
border-color: #e4cdbc !important;
|
||||
color: #f9f4f0 !important;
|
||||
}
|
||||
|
||||
.theme-brown .bg-main.disabled .text {
|
||||
color: #f9f4f0 !important;
|
||||
}
|
||||
|
||||
|
|
@ -808,21 +849,26 @@
|
|||
background: #623cec;
|
||||
}
|
||||
.theme-purple button[disabled].bg-main-pair {
|
||||
background-color: #d8aed8 !important;
|
||||
background-color: #d8aed8 !important;
|
||||
border-color: #d8aed8 !important;
|
||||
color: #efe4ef !important;
|
||||
}
|
||||
.theme-purple button[disabled].bg-main-light {
|
||||
background-color: #dcd6f1 !important;
|
||||
background-color: #dcd6f1 !important;
|
||||
border-color: #dcd6f1 !important;
|
||||
color: #b2a7dc !important;
|
||||
}
|
||||
}
|
||||
|
||||
.theme-purple .bg-main.disabled,
|
||||
.theme-purple button[disabled].bg-main {
|
||||
background-color: #bdb0ef !important;
|
||||
border-color: #bdb0ef !important;
|
||||
border-color: #bdb0ef !important;
|
||||
color: #e7e4f1 !important;
|
||||
}
|
||||
|
||||
.theme-purple .bg-main.disabled .text {
|
||||
color: #e7e4f1 !important;
|
||||
}
|
||||
/**
|
||||
* 标题左侧边线
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -245,6 +245,15 @@
|
|||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.comment-send-button {
|
||||
color: #fff;
|
||||
font-size: 26rpx;
|
||||
padding: 14rpx 34rpx;
|
||||
}
|
||||
|
||||
.border-0 {
|
||||
border: 0;
|
||||
}
|
||||
.pr-16 {
|
||||
padding-right: 16rpx;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -183,7 +183,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view v-if="!isEmpty(comment_input_value)" class="pt-4 flex-row align-c ml-10">
|
||||
<button size="mini" type="default" class="margin-0 bg-main" @tap="send_comment"><text class="cr-white text-size-sm">{{$t('common.send')}}</text></button>
|
||||
<button size="mini" type="default" class="margin-0 bg-main border-0" @tap="send_comment"><text class="comment-send-button">{{$t('common.send')}}</text></button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -256,7 +256,7 @@
|
|||
<u-icon propName="layout-module-single-images" propSize="40rpx" propColor="#999"></u-icon>
|
||||
</component-upload>
|
||||
|
||||
<button :disabled="isEmpty(comment_input_value)" size="mini" type="default" class="margin-0 bg-main" @tap="send_comment"><text class="cr-white text-size-sm">{{$t('common.send')}}</text></button>
|
||||
<button :disabled="isEmpty(comment_input_value)" size="mini" type="default" :class="'margin-0 bg-main border-0 ' + (isEmpty(comment_input_value) ? 'disabled' : '')" @tap="send_comment"><text class="comment-send-button text">{{$t('common.send')}}</text></button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
Loading…
Reference in New Issue