diff --git a/dist-rpx-mode/example/form/form_bottom_fixed.js b/dist-rpx-mode/example/form/form_bottom_fixed.js new file mode 100644 index 00000000..b8bcb6d4 --- /dev/null +++ b/dist-rpx-mode/example/form/form_bottom_fixed.js @@ -0,0 +1,40 @@ +Page({ + mixins: [require('../../mixin/common')], + data: { + vcodeValue: false, + msg: false, + checkValue: 1, + check: false, + }, + bindVcodeInput(e) { + if (e.detail.value) { + this.setData({ + vcodeValue: true, + }); + } + }, + checkStatus() { + if (!this.data.check) { + this.setData({ + msg: true, + }); + } + const that = this; + setTimeout(() => { + that.setData({ + msg: false, + }); + }, 320); + }, + checkboxChange(e) { + if (e.detail.value.includes('1')) { + this.setData({ + check: true, + }); + } else { + this.setData({ + check: false, + }); + } + }, +}); diff --git a/dist-rpx-mode/example/form/form_bottom_fixed.wxml b/dist-rpx-mode/example/form/form_bottom_fixed.wxml new file mode 100644 index 00000000..356bb048 --- /dev/null +++ b/dist-rpx-mode/example/form/form_bottom_fixed.wxml @@ -0,0 +1,71 @@ + + + + + +

验证码

+ 验证手机号样式 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 收不到验证码 + + + + + + + + + + + + + + + + + diff --git a/dist-rpx-mode/example/form/form_bottom_fixed.wxss b/dist-rpx-mode/example/form/form_bottom_fixed.wxss new file mode 100644 index 00000000..200e32e9 --- /dev/null +++ b/dist-rpx-mode/example/form/form_bottom_fixed.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +.page{height:100%}.weui-label{width:3.1em} \ No newline at end of file diff --git a/dist-rpx-mode/example/form/form_page_old.wxml b/dist-rpx-mode/example/form/form_page_old.wxml new file mode 100644 index 00000000..8401c1d8 --- /dev/null +++ b/dist-rpx-mode/example/form/form_page_old.wxml @@ -0,0 +1,62 @@ + + + + + 表单结构 + 展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。 + + + + 表单组标题 + + + + + + + + + +表单页提示，居中对齐 + + + + 确定 + + + +表单页提示，居中对齐 + + + + + + 底部链接文本 + + Copyright © 2008-2019 weui.io + + + + + diff --git a/dist-rpx-mode/example/form/form_vertical.js b/dist-rpx-mode/example/form/form_vertical.js new file mode 100644 index 00000000..1cb741b0 --- /dev/null +++ b/dist-rpx-mode/example/form/form_vertical.js @@ -0,0 +1,3 @@ +Page({ + mixins: [require('../../mixin/common')], +}); diff --git a/dist-rpx-mode/example/form/form_vertical.wxml b/dist-rpx-mode/example/form/form_vertical.wxml new file mode 100644 index 00000000..998ddeec --- /dev/null +++ b/dist-rpx-mode/example/form/form_vertical.wxml @@ -0,0 +1,29 @@ + + + + + +

文本域

+ 输入更多内容的输入区域样式展示 + + + + + + + + + 0/200 + + + + + + + + + 确定 + + + + diff --git a/dist-rpx-mode/example/form/form_vertical.wxss b/dist-rpx-mode/example/form/form_vertical.wxss new file mode 100644 index 00000000..0118d882 --- /dev/null +++ b/dist-rpx-mode/example/form/form_vertical.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +.page{height:100%} \ No newline at end of file diff --git a/dist-rpx-mode/example/information-bar/information-bar.js b/dist-rpx-mode/example/information-bar/information-bar.js new file mode 100755 index 00000000..494e377f --- /dev/null +++ b/dist-rpx-mode/example/information-bar/information-bar.js @@ -0,0 +1,23 @@ +Page({ + mixins: [require('../../mixin/common')], + data: { + topTips: false, + hide: false, + }, + close() { + this.setData({ + hide: true, + }); + setTimeout(() => { + this.setData({ + topTips: false, + hide: false, + }); + }, 300); + }, + open() { + this.setData({ + topTips: true, + }); + }, +}); diff --git a/dist-rpx-mode/example/information-bar/information-bar.wxml b/dist-rpx-mode/example/information-bar/information-bar.wxml new file mode 100644 index 00000000..43d5ed61 --- /dev/null +++ b/dist-rpx-mode/example/information-bar/information-bar.wxml @@ -0,0 +1,64 @@ + + + + Information Bar + 信息提示条 + + + + + + + +信息提示warnstrong + + + + + + + + + + +信息提示warnweak + + + + + + + + + + +信息提示warnnocolor + + + + + + + + + + +信息提示tipsstrong + + + + + + + + + + +信息提示tipsweak + + + + + + + diff --git a/dist-rpx-mode/example/information-bar/information-bar.wxss b/dist-rpx-mode/example/information-bar/information-bar.wxss new file mode 100644 index 00000000..9e81fa08 --- /dev/null +++ b/dist-rpx-mode/example/information-bar/information-bar.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +.page{background-color:var(--weui-BG-2)}.weui-information-bar{position:static;margin-bottom:40rpx} \ No newline at end of file diff --git a/dist-rpx-mode/style/base/patch/weui-button.wxss b/dist-rpx-mode/style/base/patch/weui-button.wxss new file mode 100644 index 00000000..6eaf0d22 --- /dev/null +++ b/dist-rpx-mode/style/base/patch/weui-button.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +[data-weui-theme=light],page{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:rgba(0,0,0,.9);--weui-FG-HALF:rgba(0,0,0,.9);--weui-FG-1:rgba(0,0,0,.5);--weui-FG-2:rgba(0,0,0,.3);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#fa9d3b;--weui-YELLOW:#ffc300;--weui-GREEN:#91d300;--weui-LIGHTGREEN:#95ec69;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1485ee;--weui-PURPLE:#6467f0;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#fa9d3b;--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#10aeff;--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.8);--weui-FG-HALF:hsla(0,0%,100%,.6);--weui-FG-1:hsla(0,0%,100%,.5);--weui-FG-2:hsla(0,0%,100%,.3);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light][data-weui-mode=care],page[data-weui-mode=care]{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:#000;--weui-FG-HALF:#000;--weui-FG-1:rgba(0,0,0,.6);--weui-FG-2:rgba(0,0,0,.42);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#dc3636;--weui-REDORANGE:#ff6146;--weui-ORANGE:#e17719;--weui-YELLOW:#bb8e00;--weui-GREEN:#4f8400;--weui-LIGHTGREEN:#2e8800;--weui-BRAND:#018942;--weui-BLUE:#007dbb;--weui-INDIGO:#0075e2;--weui-PURPLE:#6265f1;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#e17719;--weui-TAG-BACKGROUND-ORANGE:rgba(225,119,25,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#007dbb;--weui-TAG-BACKGROUND-BLUE:rgba(0,125,187,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark][data-weui-mode=care]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.85);--weui-FG-HALF:hsla(0,0%,100%,.65);--weui-FG-1:hsla(0,0%,100%,.55);--weui-FG-2:hsla(0,0%,100%,.35);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light],page{--weui-BG-COLOR-ACTIVE:#ececec}[data-weui-theme=dark]{--weui-BG-COLOR-ACTIVE:#373737}.wx-root,body,page{--weui-BTN-DEFAULT-COLOR:var(--weui-FG-0);--weui-BTN-DEFAULT-BG:var(--weui-FG-5);--weui-BTN-DISABLED-FONT-COLOR:var(--weui-FG-4);--weui-BTN-HEIGHT:48;--weui-BTN-HEIGHT-MEDIUM:40;--weui-BTN-HEIGHT-SMALL:32}[data-weui-theme=light],page{--weui-BTN-ACTIVE-MASK:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-BTN-ACTIVE-MASK:hsla(0,0%,100%,.1)}[data-weui-theme=light],page{--weui-BTN-DEFAULT-ACTIVE-BG:#e6e6e6}[data-weui-theme=dark]{--weui-BTN-DEFAULT-ACTIVE-BG:hsla(0,0%,100%,.126)}[data-weui-theme=light],page{--weui-DIALOG-LINE-COLOR:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-DIALOG-LINE-COLOR:hsla(0,0%,100%,.1)}.weui-btn_icon.weui-btn_icon{width:auto;min-height:0} \ No newline at end of file diff --git a/dist-rpx-mode/style/widget/weui-button/weui-btn_overlay.wxss b/dist-rpx-mode/style/widget/weui-button/weui-btn_overlay.wxss new file mode 100644 index 00000000..dd0c9d67 --- /dev/null +++ b/dist-rpx-mode/style/widget/weui-button/weui-btn_overlay.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +[data-weui-theme=light],page{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:rgba(0,0,0,.9);--weui-FG-HALF:rgba(0,0,0,.9);--weui-FG-1:rgba(0,0,0,.5);--weui-FG-2:rgba(0,0,0,.3);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#fa9d3b;--weui-YELLOW:#ffc300;--weui-GREEN:#91d300;--weui-LIGHTGREEN:#95ec69;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1485ee;--weui-PURPLE:#6467f0;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#fa9d3b;--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#10aeff;--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.8);--weui-FG-HALF:hsla(0,0%,100%,.6);--weui-FG-1:hsla(0,0%,100%,.5);--weui-FG-2:hsla(0,0%,100%,.3);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light][data-weui-mode=care],page[data-weui-mode=care]{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:#000;--weui-FG-HALF:#000;--weui-FG-1:rgba(0,0,0,.6);--weui-FG-2:rgba(0,0,0,.42);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#dc3636;--weui-REDORANGE:#ff6146;--weui-ORANGE:#e17719;--weui-YELLOW:#bb8e00;--weui-GREEN:#4f8400;--weui-LIGHTGREEN:#2e8800;--weui-BRAND:#018942;--weui-BLUE:#007dbb;--weui-INDIGO:#0075e2;--weui-PURPLE:#6265f1;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#e17719;--weui-TAG-BACKGROUND-ORANGE:rgba(225,119,25,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#007dbb;--weui-TAG-BACKGROUND-BLUE:rgba(0,125,187,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark][data-weui-mode=care]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.85);--weui-FG-HALF:hsla(0,0%,100%,.65);--weui-FG-1:hsla(0,0%,100%,.55);--weui-FG-2:hsla(0,0%,100%,.35);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light],page{--weui-BG-COLOR-ACTIVE:#ececec}[data-weui-theme=dark]{--weui-BG-COLOR-ACTIVE:#373737}.wx-root,body,page{--weui-BTN-DEFAULT-COLOR:var(--weui-FG-0);--weui-BTN-DEFAULT-BG:var(--weui-FG-5);--weui-BTN-DISABLED-FONT-COLOR:var(--weui-FG-4);--weui-BTN-HEIGHT:48;--weui-BTN-HEIGHT-MEDIUM:40;--weui-BTN-HEIGHT-SMALL:32}[data-weui-theme=light],page{--weui-BTN-ACTIVE-MASK:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-BTN-ACTIVE-MASK:hsla(0,0%,100%,.1)}[data-weui-theme=light],page{--weui-BTN-DEFAULT-ACTIVE-BG:#e6e6e6}[data-weui-theme=dark]{--weui-BTN-DEFAULT-ACTIVE-BG:hsla(0,0%,100%,.126)}[data-weui-theme=light],page{--weui-DIALOG-LINE-COLOR:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-DIALOG-LINE-COLOR:hsla(0,0%,100%,.1)}.weui-btn_overlay{background-color:#fff}.weui-btn_overlay,.weui-btn_overlay:not(.weui-btn_disabled):visited{color:var(--weui-BRAND)} \ No newline at end of file diff --git a/dist-rpx-mode/style/widget/weui-tips/weui-information-bar.wxss b/dist-rpx-mode/style/widget/weui-tips/weui-information-bar.wxss new file mode 100644 index 00000000..c7cd3db9 --- /dev/null +++ b/dist-rpx-mode/style/widget/weui-tips/weui-information-bar.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +[data-weui-theme=light],page{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:rgba(0,0,0,.9);--weui-FG-HALF:rgba(0,0,0,.9);--weui-FG-1:rgba(0,0,0,.5);--weui-FG-2:rgba(0,0,0,.3);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#fa9d3b;--weui-YELLOW:#ffc300;--weui-GREEN:#91d300;--weui-LIGHTGREEN:#95ec69;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1485ee;--weui-PURPLE:#6467f0;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#fa9d3b;--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#10aeff;--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.8);--weui-FG-HALF:hsla(0,0%,100%,.6);--weui-FG-1:hsla(0,0%,100%,.5);--weui-FG-2:hsla(0,0%,100%,.3);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light][data-weui-mode=care],page[data-weui-mode=care]{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:#000;--weui-FG-HALF:#000;--weui-FG-1:rgba(0,0,0,.6);--weui-FG-2:rgba(0,0,0,.42);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#dc3636;--weui-REDORANGE:#ff6146;--weui-ORANGE:#e17719;--weui-YELLOW:#bb8e00;--weui-GREEN:#4f8400;--weui-LIGHTGREEN:#2e8800;--weui-BRAND:#018942;--weui-BLUE:#007dbb;--weui-INDIGO:#0075e2;--weui-PURPLE:#6265f1;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#e17719;--weui-TAG-BACKGROUND-ORANGE:rgba(225,119,25,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#007dbb;--weui-TAG-BACKGROUND-BLUE:rgba(0,125,187,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark][data-weui-mode=care]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.85);--weui-FG-HALF:hsla(0,0%,100%,.65);--weui-FG-1:hsla(0,0%,100%,.55);--weui-FG-2:hsla(0,0%,100%,.35);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light],page{--weui-BG-COLOR-ACTIVE:#ececec}[data-weui-theme=dark]{--weui-BG-COLOR-ACTIVE:#373737}.wx-root,body,page{--weui-BTN-DEFAULT-COLOR:var(--weui-FG-0);--weui-BTN-DEFAULT-BG:var(--weui-FG-5);--weui-BTN-DISABLED-FONT-COLOR:var(--weui-FG-4);--weui-BTN-HEIGHT:48;--weui-BTN-HEIGHT-MEDIUM:40;--weui-BTN-HEIGHT-SMALL:32}[data-weui-theme=light],page{--weui-BTN-ACTIVE-MASK:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-BTN-ACTIVE-MASK:hsla(0,0%,100%,.1)}[data-weui-theme=light],page{--weui-BTN-DEFAULT-ACTIVE-BG:#e6e6e6}[data-weui-theme=dark]{--weui-BTN-DEFAULT-ACTIVE-BG:hsla(0,0%,100%,.126)}[data-weui-theme=light],page{--weui-DIALOG-LINE-COLOR:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-DIALOG-LINE-COLOR:hsla(0,0%,100%,.1)}body,page,wx-root{--weui-informationBar-FG:#fff;--weui-informationBar-LINK:var(--weui-informationBar-FG);--weui-informationBar-ICON:var(--weui-informationBar-FG);--weui-informationBar-BG:var(--weui-RED)}.weui-information-bar{position:fixed;top:16rpx;left:16rpx;right:16rpx;padding:24rpx 32rpx;border-radius:16rpx;font-size:28rpx;z-index:5500;word-wrap:break-word;word-break:break-all;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--weui-informationBar-FG);background:var(--weui-informationBar-BG)}.weui-information-bar [class*=weui-icon-]{color:var(--weui-informationBar-ICON)}.weui-information-bar .weui-btn_icon [class*=weui-icon-]{color:var(--weui-informationBar-FG)}.weui-information-bar .weui-btn_icon:active{opacity:.5}.weui-information-bar,.weui-information-bar__ft,.weui-information-bar__hd{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-information-bar__hd [class*=weui-icon-]{margin-right:16rpx}.weui-information-bar__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.weui-information-bar__bd:first-child:last-child{text-align:center}.weui-information-bar_warn-weak{--weui-informationBar-FG:var(--weui-FG-1);--weui-informationBar-LINK:var(--weui-LINK);--weui-informationBar-ICON:var(--weui-RED);--weui-informationBar-BG:var(--weui-TAG-BACKGROUND-RED)}.weui-information-bar_warn-no-color{--weui-informationBar-BG:var(--weui-FG-2)}.weui-information-bar_tips-strong{--weui-informationBar-BG:var(--weui-ORANGE)}.weui-information-bar_tips-weak{--weui-informationBar-FG:var(--weui-FG-1);--weui-informationBar-ICON:var(--weui-FG-1);--weui-informationBar-LINK:var(--weui-LINK);--weui-informationBar-BG:var(--weui-BG-1)} \ No newline at end of file diff --git a/dist/example/form/form_bottom_fixed.js b/dist/example/form/form_bottom_fixed.js new file mode 100644 index 00000000..b8bcb6d4 --- /dev/null +++ b/dist/example/form/form_bottom_fixed.js @@ -0,0 +1,40 @@ +Page({ + mixins: [require('../../mixin/common')], + data: { + vcodeValue: false, + msg: false, + checkValue: 1, + check: false, + }, + bindVcodeInput(e) { + if (e.detail.value) { + this.setData({ + vcodeValue: true, + }); + } + }, + checkStatus() { + if (!this.data.check) { + this.setData({ + msg: true, + }); + } + const that = this; + setTimeout(() => { + that.setData({ + msg: false, + }); + }, 320); + }, + checkboxChange(e) { + if (e.detail.value.includes('1')) { + this.setData({ + check: true, + }); + } else { + this.setData({ + check: false, + }); + } + }, +}); diff --git a/dist/example/form/form_bottom_fixed.wxml b/dist/example/form/form_bottom_fixed.wxml new file mode 100644 index 00000000..356bb048 --- /dev/null +++ b/dist/example/form/form_bottom_fixed.wxml @@ -0,0 +1,71 @@ + + + + + +

验证码

+ 验证手机号样式 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 收不到验证码 + + + + + + + + + + + + + + + + + diff --git a/dist/example/form/form_bottom_fixed.wxss b/dist/example/form/form_bottom_fixed.wxss new file mode 100644 index 00000000..200e32e9 --- /dev/null +++ b/dist/example/form/form_bottom_fixed.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +.page{height:100%}.weui-label{width:3.1em} \ No newline at end of file diff --git a/dist/example/form/form_page_old.wxml b/dist/example/form/form_page_old.wxml new file mode 100644 index 00000000..8401c1d8 --- /dev/null +++ b/dist/example/form/form_page_old.wxml @@ -0,0 +1,62 @@ + + + + + 表单结构 + 展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。 + + + + 表单组标题 + + + + + + + + + +表单页提示，居中对齐 + + + + 确定 + + + +表单页提示，居中对齐 + + + + + + 底部链接文本 + + Copyright © 2008-2019 weui.io + + + + + diff --git a/dist/example/form/form_vertical.js b/dist/example/form/form_vertical.js new file mode 100644 index 00000000..1cb741b0 --- /dev/null +++ b/dist/example/form/form_vertical.js @@ -0,0 +1,3 @@ +Page({ + mixins: [require('../../mixin/common')], +}); diff --git a/dist/example/form/form_vertical.wxml b/dist/example/form/form_vertical.wxml new file mode 100644 index 00000000..998ddeec --- /dev/null +++ b/dist/example/form/form_vertical.wxml @@ -0,0 +1,29 @@ + + + + + +

文本域

+ 输入更多内容的输入区域样式展示 + + + + + + + + + 0/200 + + + + + + + + + 确定 + + + + diff --git a/dist/example/form/form_vertical.wxss b/dist/example/form/form_vertical.wxss new file mode 100644 index 00000000..0118d882 --- /dev/null +++ b/dist/example/form/form_vertical.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +.page{height:100%} \ No newline at end of file diff --git a/dist/example/information-bar/information-bar.js b/dist/example/information-bar/information-bar.js new file mode 100755 index 00000000..494e377f --- /dev/null +++ b/dist/example/information-bar/information-bar.js @@ -0,0 +1,23 @@ +Page({ + mixins: [require('../../mixin/common')], + data: { + topTips: false, + hide: false, + }, + close() { + this.setData({ + hide: true, + }); + setTimeout(() => { + this.setData({ + topTips: false, + hide: false, + }); + }, 300); + }, + open() { + this.setData({ + topTips: true, + }); + }, +}); diff --git a/dist/example/information-bar/information-bar.wxml b/dist/example/information-bar/information-bar.wxml new file mode 100644 index 00000000..43d5ed61 --- /dev/null +++ b/dist/example/information-bar/information-bar.wxml @@ -0,0 +1,64 @@ + + + + Information Bar + 信息提示条 + + + + + + + +信息提示warnstrong + + + + + + + + + + +信息提示warnweak + + + + + + + + + + +信息提示warnnocolor + + + + + + + + + + +信息提示tipsstrong + + + + + + + + + + +信息提示tipsweak + + + + + + + diff --git a/dist/example/information-bar/information-bar.wxss b/dist/example/information-bar/information-bar.wxss new file mode 100644 index 00000000..b138e5ba --- /dev/null +++ b/dist/example/information-bar/information-bar.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +.page{background-color:var(--weui-BG-2)}.weui-information-bar{position:static;margin-bottom:20px} \ No newline at end of file diff --git a/dist/style/base/patch/weui-button.wxss b/dist/style/base/patch/weui-button.wxss new file mode 100644 index 00000000..6eaf0d22 --- /dev/null +++ b/dist/style/base/patch/weui-button.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +[data-weui-theme=light],page{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:rgba(0,0,0,.9);--weui-FG-HALF:rgba(0,0,0,.9);--weui-FG-1:rgba(0,0,0,.5);--weui-FG-2:rgba(0,0,0,.3);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#fa9d3b;--weui-YELLOW:#ffc300;--weui-GREEN:#91d300;--weui-LIGHTGREEN:#95ec69;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1485ee;--weui-PURPLE:#6467f0;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#fa9d3b;--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#10aeff;--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.8);--weui-FG-HALF:hsla(0,0%,100%,.6);--weui-FG-1:hsla(0,0%,100%,.5);--weui-FG-2:hsla(0,0%,100%,.3);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light][data-weui-mode=care],page[data-weui-mode=care]{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:#000;--weui-FG-HALF:#000;--weui-FG-1:rgba(0,0,0,.6);--weui-FG-2:rgba(0,0,0,.42);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#dc3636;--weui-REDORANGE:#ff6146;--weui-ORANGE:#e17719;--weui-YELLOW:#bb8e00;--weui-GREEN:#4f8400;--weui-LIGHTGREEN:#2e8800;--weui-BRAND:#018942;--weui-BLUE:#007dbb;--weui-INDIGO:#0075e2;--weui-PURPLE:#6265f1;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#e17719;--weui-TAG-BACKGROUND-ORANGE:rgba(225,119,25,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#007dbb;--weui-TAG-BACKGROUND-BLUE:rgba(0,125,187,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark][data-weui-mode=care]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.85);--weui-FG-HALF:hsla(0,0%,100%,.65);--weui-FG-1:hsla(0,0%,100%,.55);--weui-FG-2:hsla(0,0%,100%,.35);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light],page{--weui-BG-COLOR-ACTIVE:#ececec}[data-weui-theme=dark]{--weui-BG-COLOR-ACTIVE:#373737}.wx-root,body,page{--weui-BTN-DEFAULT-COLOR:var(--weui-FG-0);--weui-BTN-DEFAULT-BG:var(--weui-FG-5);--weui-BTN-DISABLED-FONT-COLOR:var(--weui-FG-4);--weui-BTN-HEIGHT:48;--weui-BTN-HEIGHT-MEDIUM:40;--weui-BTN-HEIGHT-SMALL:32}[data-weui-theme=light],page{--weui-BTN-ACTIVE-MASK:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-BTN-ACTIVE-MASK:hsla(0,0%,100%,.1)}[data-weui-theme=light],page{--weui-BTN-DEFAULT-ACTIVE-BG:#e6e6e6}[data-weui-theme=dark]{--weui-BTN-DEFAULT-ACTIVE-BG:hsla(0,0%,100%,.126)}[data-weui-theme=light],page{--weui-DIALOG-LINE-COLOR:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-DIALOG-LINE-COLOR:hsla(0,0%,100%,.1)}.weui-btn_icon.weui-btn_icon{width:auto;min-height:0} \ No newline at end of file diff --git a/dist/style/widget/weui-button/weui-btn_overlay.wxss b/dist/style/widget/weui-button/weui-btn_overlay.wxss new file mode 100644 index 00000000..dd0c9d67 --- /dev/null +++ b/dist/style/widget/weui-button/weui-btn_overlay.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +[data-weui-theme=light],page{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:rgba(0,0,0,.9);--weui-FG-HALF:rgba(0,0,0,.9);--weui-FG-1:rgba(0,0,0,.5);--weui-FG-2:rgba(0,0,0,.3);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#fa9d3b;--weui-YELLOW:#ffc300;--weui-GREEN:#91d300;--weui-LIGHTGREEN:#95ec69;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1485ee;--weui-PURPLE:#6467f0;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#fa9d3b;--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#10aeff;--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.8);--weui-FG-HALF:hsla(0,0%,100%,.6);--weui-FG-1:hsla(0,0%,100%,.5);--weui-FG-2:hsla(0,0%,100%,.3);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light][data-weui-mode=care],page[data-weui-mode=care]{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:#000;--weui-FG-HALF:#000;--weui-FG-1:rgba(0,0,0,.6);--weui-FG-2:rgba(0,0,0,.42);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#dc3636;--weui-REDORANGE:#ff6146;--weui-ORANGE:#e17719;--weui-YELLOW:#bb8e00;--weui-GREEN:#4f8400;--weui-LIGHTGREEN:#2e8800;--weui-BRAND:#018942;--weui-BLUE:#007dbb;--weui-INDIGO:#0075e2;--weui-PURPLE:#6265f1;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#e17719;--weui-TAG-BACKGROUND-ORANGE:rgba(225,119,25,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#007dbb;--weui-TAG-BACKGROUND-BLUE:rgba(0,125,187,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark][data-weui-mode=care]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.85);--weui-FG-HALF:hsla(0,0%,100%,.65);--weui-FG-1:hsla(0,0%,100%,.55);--weui-FG-2:hsla(0,0%,100%,.35);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light],page{--weui-BG-COLOR-ACTIVE:#ececec}[data-weui-theme=dark]{--weui-BG-COLOR-ACTIVE:#373737}.wx-root,body,page{--weui-BTN-DEFAULT-COLOR:var(--weui-FG-0);--weui-BTN-DEFAULT-BG:var(--weui-FG-5);--weui-BTN-DISABLED-FONT-COLOR:var(--weui-FG-4);--weui-BTN-HEIGHT:48;--weui-BTN-HEIGHT-MEDIUM:40;--weui-BTN-HEIGHT-SMALL:32}[data-weui-theme=light],page{--weui-BTN-ACTIVE-MASK:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-BTN-ACTIVE-MASK:hsla(0,0%,100%,.1)}[data-weui-theme=light],page{--weui-BTN-DEFAULT-ACTIVE-BG:#e6e6e6}[data-weui-theme=dark]{--weui-BTN-DEFAULT-ACTIVE-BG:hsla(0,0%,100%,.126)}[data-weui-theme=light],page{--weui-DIALOG-LINE-COLOR:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-DIALOG-LINE-COLOR:hsla(0,0%,100%,.1)}.weui-btn_overlay{background-color:#fff}.weui-btn_overlay,.weui-btn_overlay:not(.weui-btn_disabled):visited{color:var(--weui-BRAND)} \ No newline at end of file diff --git a/dist/style/widget/weui-tips/weui-information-bar.wxss b/dist/style/widget/weui-tips/weui-information-bar.wxss new file mode 100644 index 00000000..ede00967 --- /dev/null +++ b/dist/style/widget/weui-tips/weui-information-bar.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.6.0 (https://github.com/weui/weui-wxss) + * Copyright 2023 Tencent, Inc. + * Licensed under the MIT license + */ +[data-weui-theme=light],page{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:rgba(0,0,0,.9);--weui-FG-HALF:rgba(0,0,0,.9);--weui-FG-1:rgba(0,0,0,.5);--weui-FG-2:rgba(0,0,0,.3);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#fa9d3b;--weui-YELLOW:#ffc300;--weui-GREEN:#91d300;--weui-LIGHTGREEN:#95ec69;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1485ee;--weui-PURPLE:#6467f0;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#fa9d3b;--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#10aeff;--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.8);--weui-FG-HALF:hsla(0,0%,100%,.6);--weui-FG-1:hsla(0,0%,100%,.5);--weui-FG-2:hsla(0,0%,100%,.3);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light][data-weui-mode=care],page[data-weui-mode=care]{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-FG-0:#000;--weui-FG-HALF:#000;--weui-FG-1:rgba(0,0,0,.6);--weui-FG-2:rgba(0,0,0,.42);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-FG-5:rgba(0,0,0,.05);--weui-RED:#dc3636;--weui-REDORANGE:#ff6146;--weui-ORANGE:#e17719;--weui-YELLOW:#bb8e00;--weui-GREEN:#4f8400;--weui-LIGHTGREEN:#2e8800;--weui-BRAND:#018942;--weui-BLUE:#007dbb;--weui-INDIGO:#0075e2;--weui-PURPLE:#6265f1;--weui-WHITE:#fff;--weui-LINK:#576b95;--weui-TEXTGREEN:#06ae56;--weui-FG:#000;--weui-BG:#fff;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:#e17719;--weui-TAG-BACKGROUND-ORANGE:rgba(225,119,25,.1);--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:#007dbb;--weui-TAG-BACKGROUND-BLUE:rgba(0,125,187,.1);--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05)}[data-weui-theme=dark][data-weui-mode=care]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-FG-0:hsla(0,0%,100%,.85);--weui-FG-HALF:hsla(0,0%,100%,.65);--weui-FG-1:hsla(0,0%,100%,.55);--weui-FG-2:hsla(0,0%,100%,.35);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-FG-5:hsla(0,0%,100%,.1);--weui-RED:#fa5151;--weui-REDORANGE:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-LINK:#7d90a9;--weui-TEXTGREEN:#259c5c;--weui-FG:#fff;--weui-BG:#000;--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05)}[data-weui-theme=light],page{--weui-BG-COLOR-ACTIVE:#ececec}[data-weui-theme=dark]{--weui-BG-COLOR-ACTIVE:#373737}.wx-root,body,page{--weui-BTN-DEFAULT-COLOR:var(--weui-FG-0);--weui-BTN-DEFAULT-BG:var(--weui-FG-5);--weui-BTN-DISABLED-FONT-COLOR:var(--weui-FG-4);--weui-BTN-HEIGHT:48;--weui-BTN-HEIGHT-MEDIUM:40;--weui-BTN-HEIGHT-SMALL:32}[data-weui-theme=light],page{--weui-BTN-ACTIVE-MASK:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-BTN-ACTIVE-MASK:hsla(0,0%,100%,.1)}[data-weui-theme=light],page{--weui-BTN-DEFAULT-ACTIVE-BG:#e6e6e6}[data-weui-theme=dark]{--weui-BTN-DEFAULT-ACTIVE-BG:hsla(0,0%,100%,.126)}[data-weui-theme=light],page{--weui-DIALOG-LINE-COLOR:rgba(0,0,0,.1)}[data-weui-theme=dark]{--weui-DIALOG-LINE-COLOR:hsla(0,0%,100%,.1)}body,page,wx-root{--weui-informationBar-FG:#fff;--weui-informationBar-LINK:var(--weui-informationBar-FG);--weui-informationBar-ICON:var(--weui-informationBar-FG);--weui-informationBar-BG:var(--weui-RED)}.weui-information-bar{position:fixed;top:8px;left:8px;right:8px;padding:12px 16px;border-radius:8px;font-size:14px;z-index:5500;word-wrap:break-word;word-break:break-all;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--weui-informationBar-FG);background:var(--weui-informationBar-BG)}.weui-information-bar [class*=weui-icon-]{color:var(--weui-informationBar-ICON)}.weui-information-bar .weui-btn_icon [class*=weui-icon-]{color:var(--weui-informationBar-FG)}.weui-information-bar .weui-btn_icon:active{opacity:.5}.weui-information-bar,.weui-information-bar__ft,.weui-information-bar__hd{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-information-bar__hd [class*=weui-icon-]{margin-right:8px}.weui-information-bar__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.weui-information-bar__bd:first-child:last-child{text-align:center}.weui-information-bar_warn-weak{--weui-informationBar-FG:var(--weui-FG-1);--weui-informationBar-LINK:var(--weui-LINK);--weui-informationBar-ICON:var(--weui-RED);--weui-informationBar-BG:var(--weui-TAG-BACKGROUND-RED)}.weui-information-bar_warn-no-color{--weui-informationBar-BG:var(--weui-FG-2)}.weui-information-bar_tips-strong{--weui-informationBar-BG:var(--weui-ORANGE)}.weui-information-bar_tips-weak{--weui-informationBar-FG:var(--weui-FG-1);--weui-informationBar-ICON:var(--weui-FG-1);--weui-informationBar-LINK:var(--weui-LINK);--weui-informationBar-BG:var(--weui-BG-1)} \ No newline at end of file diff --git a/src/example/form/form_bottom_fixed.js b/src/example/form/form_bottom_fixed.js new file mode 100644 index 00000000..b8bcb6d4 --- /dev/null +++ b/src/example/form/form_bottom_fixed.js @@ -0,0 +1,40 @@ +Page({ + mixins: [require('../../mixin/common')], + data: { + vcodeValue: false, + msg: false, + checkValue: 1, + check: false, + }, + bindVcodeInput(e) { + if (e.detail.value) { + this.setData({ + vcodeValue: true, + }); + } + }, + checkStatus() { + if (!this.data.check) { + this.setData({ + msg: true, + }); + } + const that = this; + setTimeout(() => { + that.setData({ + msg: false, + }); + }, 320); + }, + checkboxChange(e) { + if (e.detail.value.includes('1')) { + this.setData({ + check: true, + }); + } else { + this.setData({ + check: false, + }); + } + }, +}); diff --git a/src/example/form/form_bottom_fixed.less b/src/example/form/form_bottom_fixed.less new file mode 100644 index 00000000..1d0bc970 --- /dev/null +++ b/src/example/form/form_bottom_fixed.less @@ -0,0 +1,6 @@ +.page { + height: 100%; +} +.weui-label { + width: 3.1em; +} diff --git a/src/example/form/form_bottom_fixed.wxml b/src/example/form/form_bottom_fixed.wxml new file mode 100644 index 00000000..356bb048 --- /dev/null +++ b/src/example/form/form_bottom_fixed.wxml @@ -0,0 +1,71 @@ + + + + + +

验证码

+ 验证手机号样式 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 收不到验证码 + + + + + + + + + + + + + + + + + diff --git a/src/example/form/form_page_old.wxml b/src/example/form/form_page_old.wxml new file mode 100644 index 00000000..8401c1d8 --- /dev/null +++ b/src/example/form/form_page_old.wxml @@ -0,0 +1,62 @@ + + + + + 表单结构 + 展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。 + + + + 表单组标题 + + + + + + + + + +表单页提示，居中对齐 + + + + 确定 + + + +表单页提示，居中对齐 + + + + + + 底部链接文本 + + Copyright © 2008-2019 weui.io + + + + + diff --git a/src/example/form/form_vertical.js b/src/example/form/form_vertical.js new file mode 100644 index 00000000..1cb741b0 --- /dev/null +++ b/src/example/form/form_vertical.js @@ -0,0 +1,3 @@ +Page({ + mixins: [require('../../mixin/common')], +}); diff --git a/src/example/form/form_vertical.less b/src/example/form/form_vertical.less new file mode 100644 index 00000000..6553524d --- /dev/null +++ b/src/example/form/form_vertical.less @@ -0,0 +1,3 @@ +.page { + height: 100%; +} diff --git a/src/example/form/form_vertical.wxml b/src/example/form/form_vertical.wxml new file mode 100644 index 00000000..998ddeec --- /dev/null +++ b/src/example/form/form_vertical.wxml @@ -0,0 +1,29 @@ + + + + + +

文本域

+ 输入更多内容的输入区域样式展示 + + + + + + + + + 0/200 + + + + + + + + + 确定 + + + + diff --git a/src/example/information-bar/information-bar.js b/src/example/information-bar/information-bar.js new file mode 100755 index 00000000..494e377f --- /dev/null +++ b/src/example/information-bar/information-bar.js @@ -0,0 +1,23 @@ +Page({ + mixins: [require('../../mixin/common')], + data: { + topTips: false, + hide: false, + }, + close() { + this.setData({ + hide: true, + }); + setTimeout(() => { + this.setData({ + topTips: false, + hide: false, + }); + }, 300); + }, + open() { + this.setData({ + topTips: true, + }); + }, +}); diff --git a/src/example/information-bar/information-bar.less b/src/example/information-bar/information-bar.less new file mode 100644 index 00000000..d82f3e7c --- /dev/null +++ b/src/example/information-bar/information-bar.less @@ -0,0 +1,7 @@ +.page { + background-color: var(--weui-BG-2); +} +.weui-information-bar{ + position:static; + margin-bottom:20px; +} diff --git a/src/example/information-bar/information-bar.wxml b/src/example/information-bar/information-bar.wxml new file mode 100644 index 00000000..43d5ed61 --- /dev/null +++ b/src/example/information-bar/information-bar.wxml @@ -0,0 +1,64 @@ + + + + Information Bar + 信息提示条 + + + + + + + +信息提示warnstrong + + + + + + + + + + +信息提示warnweak + + + + + + + + + + +信息提示warnnocolor + + + + + + + + + + +信息提示tipsstrong + + + + + + + + + + +信息提示tipsweak + + + + + + + diff --git a/src/style/base/patch/weui-button.less b/src/style/base/patch/weui-button.less new file mode 100644 index 00000000..1cd4671f --- /dev/null +++ b/src/style/base/patch/weui-button.less @@ -0,0 +1,24 @@ +/* +* Tencent is pleased to support the open source community by making WeUI available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use this file except in compliance +* with the License. You may obtain a copy of the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software distributed under the License is +* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, +* either express or implied. See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../fn.less"; + +.weui-btn_icon{ + &&{ + width:auto; + min-height:0; + } +} diff --git a/src/style/widget/weui-button/weui-btn_overlay.less b/src/style/widget/weui-button/weui-btn_overlay.less new file mode 100644 index 00000000..ee8479e7 --- /dev/null +++ b/src/style/widget/weui-button/weui-btn_overlay.less @@ -0,0 +1,25 @@ +/* +* Tencent is pleased to support the open source community by making WeUI available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use this file except in compliance +* with the License. You may obtain a copy of the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software distributed under the License is +* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, +* either express or implied. See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../../base/fn"; + +.weui-btn_overlay { + color: var(--weui-BRAND); + background-color: @LIGHT_BG_5; + &:not(.weui-btn_disabled):visited { + color: var(--weui-BRAND); + } +} diff --git a/src/style/widget/weui-tips/weui-information-bar.less b/src/style/widget/weui-tips/weui-information-bar.less new file mode 100644 index 00000000..43746ab1 --- /dev/null +++ b/src/style/widget/weui-tips/weui-information-bar.less @@ -0,0 +1,95 @@ +/* +* Tencent is pleased to support the open source community by making WeUI available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use this file except in compliance +* with the License. You may obtain a copy of the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software distributed under the License is +* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, +* either express or implied. See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../../base/fn"; + + +body,wx-root, +page{ + --weui-informationBar-FG:#FFFFFF; + --weui-informationBar-LINK:var(--weui-informationBar-FG); + --weui-informationBar-ICON:var(--weui-informationBar-FG); + --weui-informationBar-BG:var(--weui-RED); +} + +.weui-information-bar { + position: fixed; + top: 8px; + left: 8px; + right: 8px; + padding: 12px 16px; + border-radius: 8px; + font-size: 14px; + z-index: 5500; + .text_wrap(); + transform: translateZ(0); + + // 换色 + color:var(--weui-informationBar-FG); + background:var(--weui-informationBar-BG); + [class*="weui-icon-"]{ + color:var(--weui-informationBar-ICON); + } + + .weui-btn_icon{ + [class*="weui-icon-"]{ + color:var(--weui-informationBar-FG); + } + + &:active{ + opacity:.5; + } + } +} +.weui-information-bar, +.weui-information-bar__hd, +.weui-information-bar__ft{ + display:flex; + align-items:center; +} +.weui-information-bar__hd{ + [class*="weui-icon-"]{ + margin-right:8px; + } +} +.weui-information-bar__bd{ + flex:1; + min-width:0; + + &:first-child{ + &:last-child{ + text-align:center; + } + } +} +.weui-information-bar_warn-weak{ + --weui-informationBar-FG:var(--weui-FG-1); + --weui-informationBar-LINK:var(--weui-LINK); + --weui-informationBar-ICON:var(--weui-RED); + --weui-informationBar-BG:var(--weui-TAG-BACKGROUND-RED); +} +.weui-information-bar_warn-no-color{ + --weui-informationBar-BG:var(--weui-FG-2); +} +.weui-information-bar_tips-strong{ + --weui-informationBar-BG:var(--weui-ORANGE); +} +.weui-information-bar_tips-weak{ + --weui-informationBar-FG:var(--weui-FG-1); + --weui-informationBar-ICON:var(--weui-FG-1); + --weui-informationBar-LINK:var(--weui-LINK); + --weui-informationBar-BG:var(--weui-BG-1); +}