提交 18ff1126 编写于 作者: zhaofengliang920817's avatar zhaofengliang920817

添加用户自定义button.disable状态下的css样式

上级 fec426b3
...@@ -54,7 +54,8 @@ ...@@ -54,7 +54,8 @@
:type="type_enum[type_enum_current].name" :plain="plain_boolean" @click="button_click" :type="type_enum[type_enum_current].name" :plain="plain_boolean" @click="button_click"
@touchstart="button_touchstart" @touchmove="button_touchmove" @touchcancel="button_touchcancel" @touchstart="button_touchstart" @touchmove="button_touchmove" @touchcancel="button_touchcancel"
@touchend="button_touchend" @tap="button_tap" @longpress="button_longpress" class="btn" @touchend="button_touchend" @tap="button_tap" @longpress="button_longpress" class="btn"
:class="default_style ? 'custom-btn' : ''" :hover-class="default_style ? 'is-hover' : 'button-hover'"> :class="default_style ? (disabled_boolean ? 'custom-btn-disable' : 'custom-btn') : ''"
:hover-class="default_style ? 'is-hover' : 'button-hover'">
{{ text }} {{ text }}
</button> </button>
</view> </view>
...@@ -92,6 +93,12 @@ ...@@ -92,6 +93,12 @@
border-color: #1AAD19; border-color: #1AAD19;
} }
.custom-btn-disable {
color: rgba(255, 255, 255, 0.7);
background-color: rgba(26, 173, 25, 0.7);
border-color: rgba(26, 173, 25, 0.7);
}
.is-hover { .is-hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background-color: #179b16; background-color: #179b16;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册