├── .editorconfig ├── .gitignore ├── CHANGELOG.md ├── DIFF.md ├── LICENSE.txt ├── README.md ├── dist-rpx-mode ├── app.js ├── app.json ├── app.wxss ├── example │ ├── actionsheet │ │ ├── actionsheet.js │ │ ├── actionsheet.wxml │ │ └── actionsheet.wxss │ ├── article │ │ ├── article.js │ │ ├── article.wxml │ │ └── article.wxss │ ├── badge │ │ ├── badge.js │ │ ├── badge.wxml │ │ └── badge.wxss │ ├── button │ │ ├── button.js │ │ ├── button.wxml │ │ ├── button.wxss │ │ ├── button_bottom_fixed.js │ │ ├── button_bottom_fixed.wxml │ │ ├── button_bottom_fixed.wxss │ │ ├── button_default.js │ │ ├── button_default.wxml │ │ └── button_default.wxss │ ├── dialog │ │ ├── dialog.js │ │ ├── dialog.wxml │ │ └── dialog.wxss │ ├── flex │ │ ├── flex.js │ │ ├── flex.wxml │ │ └── flex.wxss │ ├── footer │ │ ├── footer.js │ │ ├── footer.wxml │ │ └── footer.wxss │ ├── form │ │ ├── form.js │ │ ├── form.wxml │ │ ├── form.wxss │ │ ├── form_access.js │ │ ├── form_access.wxml │ │ ├── form_access.wxss │ │ ├── form_bottom_fixed.js │ │ ├── form_bottom_fixed.wxml │ │ ├── form_bottom_fixed.wxss │ │ ├── form_checkbox.js │ │ ├── form_checkbox.wxml │ │ ├── form_checkbox.wxss │ │ ├── form_input_status.js │ │ ├── form_input_status.wxml │ │ ├── form_input_status.wxss │ │ ├── form_page.js │ │ ├── form_page.wxml │ │ ├── form_page.wxss │ │ ├── form_page_old.wxml │ │ ├── form_primary.js │ │ ├── form_primary.wxml │ │ ├── form_radio.js │ │ ├── form_radio.wxml │ │ ├── form_radio.wxss │ │ ├── form_select.js │ │ ├── form_select.wxml │ │ ├── form_select.wxss │ │ ├── form_select_primary.wxml │ │ ├── form_switch.js │ │ ├── form_switch.wxml │ │ ├── form_switch.wxss │ │ ├── form_textarea.js │ │ ├── form_textarea.wxml │ │ ├── form_textarea.wxss │ │ ├── form_vcode.js │ │ ├── form_vcode.wxml │ │ ├── form_vcode.wxss │ │ ├── form_vertical.js │ │ ├── form_vertical.wxml │ │ └── form_vertical.wxss │ ├── gallery │ │ ├── gallery.js │ │ ├── gallery.wxml │ │ └── gallery.wxss │ ├── grid │ │ ├── grid.js │ │ └── grid.wxml │ ├── half-screen-dialog │ │ ├── half-screen-dialog.js │ │ ├── half-screen-dialog.js.html │ │ ├── half-screen-dialog.js.wxml │ │ ├── half-screen-dialog.wxml │ │ └── half-screen-dialog.wxss │ ├── icons │ │ ├── icons.js │ │ ├── icons.wxml │ │ └── icons.wxss │ ├── images │ │ ├── base64.js │ │ ├── icon_del.svg │ │ ├── icon_footer.png │ │ ├── icon_footer_link.png │ │ ├── icon_intro.png │ │ ├── icon_love.svg │ │ ├── icon_nav_feedback.png │ │ ├── icon_nav_form.png │ │ ├── icon_nav_layout.png │ │ ├── icon_nav_nav.png │ │ ├── icon_nav_search.png │ │ ├── icon_nav_special.png │ │ ├── icon_nav_z-index.png │ │ ├── icon_star.svg │ │ ├── icon_tabbar.png │ │ ├── layers │ │ │ ├── content.png │ │ │ ├── navigation.png │ │ │ ├── popout.png │ │ │ └── transparent.gif │ │ ├── logo.png │ │ ├── pic_160.png │ │ ├── pic_article.png │ │ ├── pic_gongan.png │ │ └── vcode.jpg │ ├── index.js │ ├── index.wxml │ ├── index.wxss │ ├── information-bar │ │ ├── information-bar.js │ │ ├── information-bar.wxml │ │ └── information-bar.wxss │ ├── input │ │ ├── input.js │ │ ├── input.wxml │ │ └── input.wxss │ ├── list │ │ ├── list.js │ │ ├── list.wxml │ │ └── list.wxss │ ├── loading │ │ ├── loading.js │ │ ├── loading.wxml │ │ └── loading.wxss │ ├── loadmore │ │ ├── loadmore.js │ │ ├── loadmore.wxml │ │ └── loadmore.wxss │ ├── msg │ │ ├── msg.js │ │ ├── msg.wxml │ │ ├── msg.wxss │ │ ├── msg_custom_area_cell.js │ │ ├── msg_custom_area_cell.wxml │ │ ├── msg_custom_area_cell.wxss │ │ ├── msg_custom_area_preview.js │ │ ├── msg_custom_area_preview.wxml │ │ ├── msg_custom_area_preview.wxss │ │ ├── msg_custom_area_tips.js │ │ ├── msg_custom_area_tips.wxml │ │ ├── msg_custom_area_tips.wxss │ │ ├── msg_custom_cell.js │ │ ├── msg_custom_cell.wxss │ │ ├── msg_custom_preview.js │ │ ├── msg_custom_preview.wxss │ │ ├── msg_custom_tips.js │ │ ├── msg_custom_tips.wxss │ │ ├── msg_success.js │ │ ├── msg_success.wxml │ │ ├── msg_success.wxss │ │ ├── msg_text.js │ │ ├── msg_text.wxml │ │ ├── msg_text.wxss │ │ ├── msg_text_primary.js │ │ ├── msg_text_primary.wxml │ │ ├── msg_text_primary.wxss │ │ ├── msg_warn.js │ │ ├── msg_warn.wxml │ │ └── msg_warn.wxss │ ├── navbar │ │ ├── navbar.js │ │ ├── navbar.wxml │ │ └── navbar.wxss │ ├── navigation-bar │ │ ├── navigation-bar.js │ │ ├── navigation-bar.wxml │ │ └── navigation-bar.wxss │ ├── panel │ │ ├── panel.js │ │ ├── panel.wxml │ │ └── panel.wxss │ ├── picker │ │ ├── picker.js │ │ ├── picker.wxml │ │ └── picker.wxss │ ├── preview │ │ ├── preview.js │ │ ├── preview.wxml │ │ └── preview.wxss │ ├── progress │ │ ├── progress.js │ │ ├── progress.wxml │ │ └── progress.wxss │ ├── searchbar │ │ ├── searchbar.js │ │ ├── searchbar.wxml │ │ ├── searchbar.wxss │ │ ├── searchbar_filled.js │ │ ├── searchbar_filled.wxml │ │ ├── searchbar_filled.wxss │ │ ├── searchbar_grey.js │ │ ├── searchbar_grey.wxml │ │ ├── searchbar_homepage.js │ │ ├── searchbar_homepage.wxml │ │ ├── searchbar_outline.wxml │ │ ├── searchbar_outlined.js │ │ └── searchbar_outlined.wxml │ ├── slider │ │ ├── slider.js │ │ ├── slider.wxml │ │ └── slider.wxss │ ├── slideview │ │ ├── slideview.js │ │ ├── slideview.wxml │ │ └── slideview.wxss │ ├── steps │ │ ├── steps.js │ │ ├── steps.wxml │ │ ├── steps.wxss │ │ ├── steps_horizonal.js │ │ ├── steps_horizonal.wxml │ │ ├── steps_horizonal.wxss │ │ ├── steps_vertical.js │ │ ├── steps_vertical.wxml │ │ └── steps_vertical.wxss │ ├── tabbar │ │ ├── tabbar.js │ │ ├── tabbar.wxml │ │ └── tabbar.wxss │ ├── toast │ │ ├── toast.js │ │ ├── toast.wxml │ │ └── toast.wxss │ ├── top-tips │ │ ├── top-tips.js │ │ ├── top-tips.wxml │ │ └── top-tips.wxss │ └── uploader │ │ ├── uploader.js │ │ └── uploader.wxml ├── libs │ └── Mixins.js ├── mixin │ ├── common.js │ └── themeChanged.js └── style │ ├── base │ ├── a11y.wxss │ ├── fn.wxss │ ├── mixin │ │ ├── btnWrapLayout.wxss │ │ ├── mobile.wxss │ │ ├── setArrow.wxss │ │ ├── setLoading.wxss │ │ ├── setOnepx.wxss │ │ ├── text.wxss │ │ └── wrapBtnLayout.wxss │ ├── patch.wxss │ ├── patch │ │ ├── weui-agree.wxss │ │ ├── weui-button.wxss │ │ ├── weui-dot-loading.wxss │ │ ├── weui-form.wxss │ │ ├── weui-gallery.wxss │ │ ├── weui-loadmore.wxss │ │ ├── weui-msg.wxss │ │ ├── weui-navigation-bar.wxss │ │ ├── weui-searchbar.wxss │ │ ├── weui-slideview.wxss │ │ └── weui-uploader.wxss │ ├── reset.wxss │ ├── theme │ │ ├── fn.wxss │ │ ├── index.wxss │ │ ├── less-vars │ │ │ ├── care-dark.wxss │ │ │ ├── care-light.wxss │ │ │ ├── dark.wxss │ │ │ └── light.wxss │ │ └── vars │ │ │ ├── care-dark.wxss │ │ │ ├── care-light.wxss │ │ │ ├── dark.wxss │ │ │ └── light.wxss │ └── variable │ │ ├── color.wxss │ │ ├── global.wxss │ │ ├── weui-button.wxss │ │ ├── weui-cell.wxss │ │ ├── weui-dialog.wxss │ │ ├── weui-grid.wxss │ │ ├── weui-msg.wxss │ │ ├── weui-progress.wxss │ │ └── weui-tab.wxss │ ├── icon │ └── weui-icon.wxss │ ├── weui.wxss │ └── widget │ ├── weui-agree │ └── weui-agree.wxss │ ├── weui-animate │ └── weui-animate.wxss │ ├── weui-button │ ├── weui-btn_bottom-fixed.wxss │ ├── weui-btn_cell.wxss │ ├── weui-btn_default.wxss │ ├── weui-btn_disabled.wxss │ ├── weui-btn_global.wxss │ ├── weui-btn_loading.wxss │ ├── weui-btn_overlay.wxss │ ├── weui-btn_primary.wxss │ ├── weui-btn_warn.wxss │ └── weui-button.wxss │ ├── weui-cell │ ├── weui-access.wxss │ ├── weui-cell_global.wxss │ ├── weui-cell_swiped.wxss │ ├── weui-cells__group.wxss │ ├── weui-check.wxss │ ├── weui-check │ │ ├── weui-check_common.wxss │ │ ├── weui-checkbox.wxss │ │ └── weui-radio.wxss │ ├── weui-form.wxss │ ├── weui-form │ │ ├── weui-form-preview.wxss │ │ ├── weui-form_common.wxss │ │ ├── weui-select.wxss │ │ └── weui-vcode.wxss │ ├── weui-gallery.wxss │ ├── weui-switch.wxss │ └── weui-uploader.wxss │ ├── weui-flex │ └── weui-flex.wxss │ ├── weui-footer │ └── weui-footer.wxss │ ├── weui-grid │ └── weui-grid.wxss │ ├── weui-loading │ ├── weui-loading.wxss │ └── weui-primary-loading.wxss │ ├── weui-media-box │ └── weui-media-box.wxss │ ├── weui-page │ ├── weui-article.wxss │ ├── weui-form.wxss │ └── weui-msg.wxss │ ├── weui-panel │ └── weui-panel.wxss │ ├── weui-picker │ └── weui-picker.wxss │ ├── weui-progress │ └── weui-progress.wxss │ ├── weui-searchbar │ └── weui-searchbar.wxss │ ├── weui-slider │ └── weui-slider.wxss │ ├── weui-steps │ └── weui-steps.wxss │ ├── weui-tab │ ├── weui-navbar.wxss │ ├── weui-tab.wxss │ └── weui-tabbar.wxss │ ├── weui-text │ └── weui-link.wxss │ └── weui-tips │ ├── weui-actionsheet.wxss │ ├── weui-badge.wxss │ ├── weui-dialog.wxss │ ├── weui-half-screen-dialog.wxss │ ├── weui-information-bar.wxss │ ├── weui-list-tips.wxss │ ├── weui-loadmore.wxss │ ├── weui-mask.wxss │ ├── weui-toast.wxss │ └── weui-toptips.wxss ├── dist ├── app.js ├── app.json ├── app.wxss ├── example │ ├── actionsheet │ │ ├── actionsheet.js │ │ ├── actionsheet.wxml │ │ └── actionsheet.wxss │ ├── article │ │ ├── article.js │ │ ├── article.wxml │ │ └── article.wxss │ ├── badge │ │ ├── badge.js │ │ ├── badge.wxml │ │ └── badge.wxss │ ├── button │ │ ├── button.js │ │ ├── button.wxml │ │ ├── button.wxss │ │ ├── button_bottom_fixed.js │ │ ├── button_bottom_fixed.wxml │ │ ├── button_bottom_fixed.wxss │ │ ├── button_default.js │ │ ├── button_default.wxml │ │ └── button_default.wxss │ ├── dialog │ │ ├── dialog.js │ │ ├── dialog.wxml │ │ └── dialog.wxss │ ├── flex │ │ ├── flex.js │ │ ├── flex.wxml │ │ └── flex.wxss │ ├── footer │ │ ├── footer.js │ │ ├── footer.wxml │ │ └── footer.wxss │ ├── form │ │ ├── form.js │ │ ├── form.wxml │ │ ├── form.wxss │ │ ├── form_access.js │ │ ├── form_access.wxml │ │ ├── form_access.wxss │ │ ├── form_bottom_fixed.js │ │ ├── form_bottom_fixed.wxml │ │ ├── form_bottom_fixed.wxss │ │ ├── form_checkbox.js │ │ ├── form_checkbox.wxml │ │ ├── form_checkbox.wxss │ │ ├── form_input_status.js │ │ ├── form_input_status.wxml │ │ ├── form_input_status.wxss │ │ ├── form_page.js │ │ ├── form_page.wxml │ │ ├── form_page.wxss │ │ ├── form_page_old.wxml │ │ ├── form_primary.js │ │ ├── form_primary.wxml │ │ ├── form_radio.js │ │ ├── form_radio.wxml │ │ ├── form_radio.wxss │ │ ├── form_select.js │ │ ├── form_select.wxml │ │ ├── form_select.wxss │ │ ├── form_select_primary.wxml │ │ ├── form_switch.js │ │ ├── form_switch.wxml │ │ ├── form_switch.wxss │ │ ├── form_textarea.js │ │ ├── form_textarea.wxml │ │ ├── form_textarea.wxss │ │ ├── form_vcode.js │ │ ├── form_vcode.wxml │ │ ├── form_vcode.wxss │ │ ├── form_vertical.js │ │ ├── form_vertical.wxml │ │ └── form_vertical.wxss │ ├── gallery │ │ ├── gallery.js │ │ ├── gallery.wxml │ │ └── gallery.wxss │ ├── grid │ │ ├── grid.js │ │ └── grid.wxml │ ├── half-screen-dialog │ │ ├── half-screen-dialog.js │ │ ├── half-screen-dialog.wxml │ │ └── half-screen-dialog.wxss │ ├── icons │ │ ├── icons.js │ │ ├── icons.wxml │ │ └── icons.wxss │ ├── images │ │ ├── base64.js │ │ ├── icon_del.svg │ │ ├── icon_footer.png │ │ ├── icon_footer_link.png │ │ ├── icon_intro.png │ │ ├── icon_love.svg │ │ ├── icon_nav_feedback.png │ │ ├── icon_nav_form.png │ │ ├── icon_nav_layout.png │ │ ├── icon_nav_nav.png │ │ ├── icon_nav_search.png │ │ ├── icon_nav_special.png │ │ ├── icon_nav_z-index.png │ │ ├── icon_star.svg │ │ ├── icon_tabbar.png │ │ ├── layers │ │ │ ├── content.png │ │ │ ├── navigation.png │ │ │ ├── popout.png │ │ │ └── transparent.gif │ │ ├── logo.png │ │ ├── pic_160.png │ │ ├── pic_article.png │ │ ├── pic_gongan.png │ │ └── vcode.jpg │ ├── index.js │ ├── index.wxml │ ├── index.wxss │ ├── information-bar │ │ ├── information-bar.js │ │ ├── information-bar.wxml │ │ └── information-bar.wxss │ ├── input │ │ ├── input.js │ │ ├── input.wxml │ │ └── input.wxss │ ├── list │ │ ├── list.js │ │ ├── list.wxml │ │ └── list.wxss │ ├── loading │ │ ├── loading.js │ │ ├── loading.wxml │ │ └── loading.wxss │ ├── loadmore │ │ ├── loadmore.js │ │ ├── loadmore.wxml │ │ └── loadmore.wxss │ ├── msg │ │ ├── msg.js │ │ ├── msg.wxml │ │ ├── msg.wxss │ │ ├── msg_custom_area_cell.js │ │ ├── msg_custom_area_cell.wxml │ │ ├── msg_custom_area_cell.wxss │ │ ├── msg_custom_area_preview.js │ │ ├── msg_custom_area_preview.wxml │ │ ├── msg_custom_area_preview.wxss │ │ ├── msg_custom_area_tips.js │ │ ├── msg_custom_area_tips.wxml │ │ ├── msg_custom_area_tips.wxss │ │ ├── msg_success.js │ │ ├── msg_success.wxml │ │ ├── msg_success.wxss │ │ ├── msg_text.js │ │ ├── msg_text.wxml │ │ ├── msg_text.wxss │ │ ├── msg_text_primary.js │ │ ├── msg_text_primary.wxml │ │ ├── msg_text_primary.wxss │ │ ├── msg_warn.js │ │ ├── msg_warn.wxml │ │ └── msg_warn.wxss │ ├── navbar │ │ ├── navbar.js │ │ ├── navbar.wxml │ │ └── navbar.wxss │ ├── navigation-bar │ │ ├── navigation-bar.js │ │ ├── navigation-bar.wxml │ │ └── navigation-bar.wxss │ ├── panel │ │ ├── panel.js │ │ ├── panel.wxml │ │ └── panel.wxss │ ├── picker │ │ ├── picker.js │ │ ├── picker.wxml │ │ └── picker.wxss │ ├── preview │ │ ├── preview.js │ │ ├── preview.wxml │ │ └── preview.wxss │ ├── progress │ │ ├── progress.js │ │ ├── progress.wxml │ │ └── progress.wxss │ ├── searchbar │ │ ├── searchbar.js │ │ ├── searchbar.wxml │ │ ├── searchbar.wxss │ │ ├── searchbar_filled.js │ │ ├── searchbar_filled.wxml │ │ ├── searchbar_filled.wxss │ │ ├── searchbar_grey.js │ │ ├── searchbar_grey.wxml │ │ ├── searchbar_homepage.js │ │ ├── searchbar_homepage.wxml │ │ ├── searchbar_outlined.js │ │ └── searchbar_outlined.wxml │ ├── slider │ │ ├── slider.js │ │ ├── slider.wxml │ │ └── slider.wxss │ ├── slideview │ │ ├── slideview.js │ │ ├── slideview.wxml │ │ └── slideview.wxss │ ├── steps │ │ ├── steps.js │ │ ├── steps.wxml │ │ ├── steps.wxss │ │ ├── steps_horizonal.js │ │ ├── steps_horizonal.wxml │ │ ├── steps_horizonal.wxss │ │ ├── steps_vertical.js │ │ ├── steps_vertical.wxml │ │ └── steps_vertical.wxss │ ├── tabbar │ │ ├── tabbar.js │ │ ├── tabbar.wxml │ │ └── tabbar.wxss │ ├── toast │ │ ├── toast.js │ │ ├── toast.wxml │ │ └── toast.wxss │ ├── top-tips │ │ ├── top-tips.js │ │ ├── top-tips.wxml │ │ └── top-tips.wxss │ └── uploader │ │ ├── uploader.js │ │ └── uploader.wxml ├── libs │ └── Mixins.js ├── mixin │ └── common.js └── style │ ├── base │ ├── a11y.wxss │ ├── fn.wxss │ ├── mixin │ │ ├── btnWrapLayout.wxss │ │ ├── mobile.wxss │ │ ├── setArrow.wxss │ │ ├── setLoading.wxss │ │ ├── setOnepx.wxss │ │ └── text.wxss │ ├── patch.wxss │ ├── patch │ │ ├── weui-agree.wxss │ │ ├── weui-button.wxss │ │ ├── weui-dot-loading.wxss │ │ ├── weui-form.wxss │ │ ├── weui-gallery.wxss │ │ ├── weui-loadmore.wxss │ │ ├── weui-msg.wxss │ │ ├── weui-navigation-bar.wxss │ │ ├── weui-searchbar.wxss │ │ ├── weui-slideview.wxss │ │ └── weui-uploader.wxss │ ├── reset.wxss │ ├── theme │ │ ├── fn.wxss │ │ ├── index.wxss │ │ ├── less-vars │ │ │ ├── care-dark.wxss │ │ │ ├── care-light.wxss │ │ │ ├── dark.wxss │ │ │ └── light.wxss │ │ └── vars │ │ │ ├── care-dark.wxss │ │ │ ├── care-light.wxss │ │ │ ├── dark.wxss │ │ │ └── light.wxss │ └── variable │ │ ├── color.wxss │ │ ├── global.wxss │ │ ├── weui-button.wxss │ │ ├── weui-cell.wxss │ │ ├── weui-dialog.wxss │ │ ├── weui-grid.wxss │ │ ├── weui-msg.wxss │ │ ├── weui-progress.wxss │ │ └── weui-tab.wxss │ ├── icon │ └── weui-icon.wxss │ ├── weui.wxss │ └── widget │ ├── weui-agree │ └── weui-agree.wxss │ ├── weui-animate │ └── weui-animate.wxss │ ├── weui-button │ ├── weui-btn_bottom-fixed.wxss │ ├── weui-btn_cell.wxss │ ├── weui-btn_default.wxss │ ├── weui-btn_disabled.wxss │ ├── weui-btn_global.wxss │ ├── weui-btn_loading.wxss │ ├── weui-btn_overlay.wxss │ ├── weui-btn_primary.wxss │ ├── weui-btn_warn.wxss │ └── weui-button.wxss │ ├── weui-cell │ ├── weui-access.wxss │ ├── weui-cell_global.wxss │ ├── weui-cell_swiped.wxss │ ├── weui-cells__group.wxss │ ├── weui-check.wxss │ ├── weui-check │ │ ├── weui-check_common.wxss │ │ ├── weui-checkbox.wxss │ │ └── weui-radio.wxss │ ├── weui-form.wxss │ ├── weui-form │ │ ├── weui-form-preview.wxss │ │ ├── weui-form_common.wxss │ │ ├── weui-select.wxss │ │ └── weui-vcode.wxss │ ├── weui-gallery.wxss │ ├── weui-switch.wxss │ └── weui-uploader.wxss │ ├── weui-flex │ └── weui-flex.wxss │ ├── weui-footer │ └── weui-footer.wxss │ ├── weui-grid │ └── weui-grid.wxss │ ├── weui-loading │ ├── weui-loading.wxss │ └── weui-primary-loading.wxss │ ├── weui-media-box │ └── weui-media-box.wxss │ ├── weui-page │ ├── weui-article.wxss │ ├── weui-form.wxss │ └── weui-msg.wxss │ ├── weui-panel │ └── weui-panel.wxss │ ├── weui-picker │ └── weui-picker.wxss │ ├── weui-progress │ └── weui-progress.wxss │ ├── weui-searchbar │ └── weui-searchbar.wxss │ ├── weui-slider │ └── weui-slider.wxss │ ├── weui-steps │ └── weui-steps.wxss │ ├── weui-tab │ ├── weui-navbar.wxss │ ├── weui-tab.wxss │ └── weui-tabbar.wxss │ ├── weui-text │ └── weui-link.wxss │ └── weui-tips │ ├── weui-actionsheet.wxss │ ├── weui-badge.wxss │ ├── weui-dialog.wxss │ ├── weui-half-screen-dialog.wxss │ ├── weui-information-bar.wxss │ ├── weui-list-tips.wxss │ ├── weui-loadmore.wxss │ ├── weui-mask.wxss │ ├── weui-toast.wxss │ └── weui-toptips.wxss ├── gulpfile.js ├── package-lock.json ├── package.json ├── project.config.json ├── project.private.config.json └── src ├── app.js ├── app.json ├── app.less ├── example ├── actionsheet │ ├── actionsheet.js │ ├── actionsheet.less │ └── actionsheet.wxml ├── article │ ├── article.js │ ├── article.less │ └── article.wxml ├── badge │ ├── badge.js │ ├── badge.less │ └── badge.wxml ├── button │ ├── button.js │ ├── button.less │ ├── button.wxml │ ├── button_bottom_fixed.js │ ├── button_bottom_fixed.less │ ├── button_bottom_fixed.wxml │ ├── button_default.js │ ├── button_default.less │ └── button_default.wxml ├── dialog │ ├── dialog.js │ ├── dialog.less │ └── dialog.wxml ├── flex │ ├── flex.js │ ├── flex.less │ └── flex.wxml ├── footer │ ├── footer.js │ ├── footer.less │ └── footer.wxml ├── form │ ├── form.js │ ├── form.less │ ├── form.wxml │ ├── form_access.js │ ├── form_access.less │ ├── form_access.wxml │ ├── form_bottom_fixed.js │ ├── form_bottom_fixed.less │ ├── form_bottom_fixed.wxml │ ├── form_checkbox.js │ ├── form_checkbox.less │ ├── form_checkbox.wxml │ ├── form_input_status.js │ ├── form_input_status.less │ ├── form_input_status.wxml │ ├── form_page.js │ ├── form_page.less │ ├── form_page.wxml │ ├── form_page_old.wxml │ ├── form_primary.js │ ├── form_primary.wxml │ ├── form_radio.js │ ├── form_radio.less │ ├── form_radio.wxml │ ├── form_select.js │ ├── form_select.less │ ├── form_select.wxml │ ├── form_select_primary.wxml │ ├── form_switch.js │ ├── form_switch.less │ ├── form_switch.wxml │ ├── form_textarea.js │ ├── form_textarea.less │ ├── form_textarea.wxml │ ├── form_vcode.js │ ├── form_vcode.less │ ├── form_vcode.wxml │ ├── form_vertical.js │ ├── form_vertical.less │ └── form_vertical.wxml ├── gallery │ ├── gallery.js │ ├── gallery.less │ └── gallery.wxml ├── grid │ ├── grid.js │ └── grid.wxml ├── half-screen-dialog │ ├── half-screen-dialog.js │ ├── half-screen-dialog.less │ └── half-screen-dialog.wxml ├── icons │ ├── icons.js │ ├── icons.less │ └── icons.wxml ├── images │ ├── base64.js │ ├── icon_del.svg │ ├── icon_footer.png │ ├── icon_footer_link.png │ ├── icon_intro.png │ ├── icon_love.svg │ ├── icon_nav_feedback.png │ ├── icon_nav_form.png │ ├── icon_nav_layout.png │ ├── icon_nav_nav.png │ ├── icon_nav_search.png │ ├── icon_nav_special.png │ ├── icon_nav_z-index.png │ ├── icon_star.svg │ ├── icon_tabbar.png │ ├── layers │ │ ├── content.png │ │ ├── navigation.png │ │ ├── popout.png │ │ └── transparent.gif │ ├── logo.png │ ├── pic_160.png │ ├── pic_article.png │ ├── pic_gongan.png │ └── vcode.jpg ├── index.js ├── index.less ├── index.wxml ├── information-bar │ ├── information-bar.js │ ├── information-bar.less │ └── information-bar.wxml ├── input │ ├── input.js │ ├── input.less │ └── input.wxml ├── list │ ├── list.js │ ├── list.less │ └── list.wxml ├── loading │ ├── loading.js │ ├── loading.less │ └── loading.wxml ├── loadmore │ ├── loadmore.js │ ├── loadmore.less │ └── loadmore.wxml ├── msg │ ├── msg.js │ ├── msg.less │ ├── msg.wxml │ ├── msg_custom_area_cell.js │ ├── msg_custom_area_cell.less │ ├── msg_custom_area_cell.wxml │ ├── msg_custom_area_preview.js │ ├── msg_custom_area_preview.less │ ├── msg_custom_area_preview.wxml │ ├── msg_custom_area_tips.js │ ├── msg_custom_area_tips.less │ ├── msg_custom_area_tips.wxml │ ├── msg_success.js │ ├── msg_success.less │ ├── msg_success.wxml │ ├── msg_text.js │ ├── msg_text.less │ ├── msg_text.wxml │ ├── msg_text_primary.js │ ├── msg_text_primary.less │ ├── msg_text_primary.wxml │ ├── msg_warn.js │ ├── msg_warn.less │ └── msg_warn.wxml ├── navbar │ ├── navbar.js │ ├── navbar.less │ └── navbar.wxml ├── navigation-bar │ ├── navigation-bar.js │ ├── navigation-bar.less │ └── navigation-bar.wxml ├── panel │ ├── panel.js │ ├── panel.less │ └── panel.wxml ├── picker │ ├── picker.js │ ├── picker.less │ └── picker.wxml ├── preview │ ├── preview.js │ ├── preview.less │ └── preview.wxml ├── progress │ ├── progress.js │ ├── progress.less │ └── progress.wxml ├── searchbar │ ├── searchbar.js │ ├── searchbar.less │ ├── searchbar.wxml │ ├── searchbar_filled.js │ ├── searchbar_filled.less │ ├── searchbar_filled.wxml │ ├── searchbar_grey.js │ ├── searchbar_grey.wxml │ ├── searchbar_homepage.js │ ├── searchbar_homepage.wxml │ ├── searchbar_outlined.js │ └── searchbar_outlined.wxml ├── slider │ ├── slider.js │ ├── slider.less │ └── slider.wxml ├── slideview │ ├── slideview.js │ ├── slideview.less │ └── slideview.wxml ├── steps │ ├── steps.js │ ├── steps.less │ ├── steps.wxml │ ├── steps_horizonal.js │ ├── steps_horizonal.less │ ├── steps_horizonal.wxml │ ├── steps_vertical.js │ ├── steps_vertical.less │ └── steps_vertical.wxml ├── tabbar │ ├── tabbar.js │ ├── tabbar.less │ └── tabbar.wxml ├── toast │ ├── toast.js │ ├── toast.less │ └── toast.wxml ├── top-tips │ ├── top-tips.js │ ├── top-tips.less │ └── top-tips.wxml └── uploader │ ├── uploader.js │ └── uploader.wxml ├── libs └── Mixins.js ├── mixin └── common.js └── style ├── base ├── a11y.less ├── fn.less ├── mixin │ ├── btnWrapLayout.less │ ├── mobile.less │ ├── setArrow.less │ ├── setLoading.less │ ├── setOnepx.less │ └── text.less ├── patch.less ├── patch │ ├── weui-agree.less │ ├── weui-button.less │ ├── weui-dot-loading.less │ ├── weui-form.less │ ├── weui-gallery.less │ ├── weui-loadmore.less │ ├── weui-msg.less │ ├── weui-navigation-bar.less │ ├── weui-searchbar.less │ ├── weui-slideview.less │ └── weui-uploader.less ├── reset.less ├── theme │ ├── fn.less │ ├── index.less │ ├── less-vars │ │ ├── care-dark.less │ │ ├── care-light.less │ │ ├── dark.less │ │ └── light.less │ └── vars │ │ ├── care-dark.less │ │ ├── care-light.less │ │ ├── dark.less │ │ └── light.less └── variable │ ├── color.less │ ├── global.less │ ├── weui-button.less │ ├── weui-cell.less │ ├── weui-dialog.less │ ├── weui-grid.less │ ├── weui-msg.less │ ├── weui-progress.less │ └── weui-tab.less ├── icon └── weui-icon.less ├── weui.less └── widget ├── weui-agree └── weui-agree.less ├── weui-animate └── weui-animate.less ├── weui-button ├── weui-btn_bottom-fixed.less ├── weui-btn_cell.less ├── weui-btn_default.less ├── weui-btn_disabled.less ├── weui-btn_global.less ├── weui-btn_loading.less ├── weui-btn_overlay.less ├── weui-btn_primary.less ├── weui-btn_warn.less └── weui-button.less ├── weui-cell ├── weui-access.less ├── weui-cell_global.less ├── weui-cell_swiped.less ├── weui-cells__group.less ├── weui-check.less ├── weui-check │ ├── weui-check_common.less │ ├── weui-checkbox.less │ └── weui-radio.less ├── weui-form.less ├── weui-form │ ├── weui-form-preview.less │ ├── weui-form_common.less │ ├── weui-select.less │ └── weui-vcode.less ├── weui-gallery.less ├── weui-switch.less └── weui-uploader.less ├── weui-flex └── weui-flex.less ├── weui-footer └── weui-footer.less ├── weui-grid └── weui-grid.less ├── weui-loading ├── weui-loading.less └── weui-primary-loading.less ├── weui-media-box └── weui-media-box.less ├── weui-page ├── weui-article.less ├── weui-form.less └── weui-msg.less ├── weui-panel └── weui-panel.less ├── weui-picker └── weui-picker.less ├── weui-progress └── weui-progress.less ├── weui-searchbar └── weui-searchbar.less ├── weui-slider └── weui-slider.less ├── weui-steps └── weui-steps.less ├── weui-tab ├── weui-navbar.less ├── weui-tab.less └── weui-tabbar.less ├── weui-text └── weui-link.less └── weui-tips ├── weui-actionsheet.less ├── weui-badge.less ├── weui-dialog.less ├── weui-half-screen-dialog.less ├── weui-information-bar.less ├── weui-list-tips.less ├── weui-loadmore.less ├── weui-mask.less ├── weui-toast.less └── weui-toptips.less /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | indent_style = space 5 | indent_size = 4 6 | end_of_line = lf 7 | charset = utf-8 -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | *swp 2 | *~ 3 | .idea 4 | node_modules 5 | npm-debug.log 6 | .DS_Store 7 | dist/project.config.json 8 | dist/sitemap* 9 | -------------------------------------------------------------------------------- /dist-rpx-mode/app.js: -------------------------------------------------------------------------------- 1 | require('./libs/Mixins.js'); 2 | 3 | const listeners = []; 4 | 5 | App({ 6 | globalData: { 7 | theme: 'light', // dark 8 | mode: '', // 模式(care：关怀模式) 9 | }, 10 | changeGlobalData(data) { 11 | this.globalData = Object.assign({}, this.globalData, data); 12 | listeners.forEach((listener) => { 13 | listener(this.globalData); 14 | }); 15 | }, 16 | watchGlobalDataChanged(listener) { 17 | if (listeners.indexOf(listener) < 0) { 18 | listeners.push(listener); 19 | } 20 | }, 21 | unWatchGlobalDataChanged(listener) { 22 | const index = listeners.indexOf(listener); 23 | if (index > -1) { 24 | listeners.splice(index, 1); 25 | } 26 | }, 27 | onThemeChange(resp) { 28 | this.changeGlobalData({ 29 | theme: resp.theme, 30 | }); 31 | }, 32 | onLaunch() { 33 | // TODO: 检测适老化 34 | }, 35 | }); 36 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/actionsheet/actionsheet.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | showIOSDialog: false, 5 | showAndroidDialog: false, 6 | }, 7 | close() { 8 | this.setData({ 9 | showIOSDialog: false, 10 | showAndroidDialog: false, 11 | }); 12 | }, 13 | openIOS() { 14 | this.setData({ 15 | showIOSDialog: true, 16 | }); 17 | }, 18 | openAndroid() { 19 | this.setData({ 20 | showAndroidDialog: true, 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/actionsheet/actionsheet.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/article/article.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/article/article.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}image{margin:8rpx 0} -------------------------------------------------------------------------------- /dist-rpx-mode/example/badge/badge.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/badge/badge.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | image{height:100rpx}.weui-cells .demo_badge_tips{font-size:34rpx;vertical-align:middle}.weui-cells .demo_badge_tips + .weui-badge{margin-left:10rpx;margin-right:10rpx}.demo_badge_cells .weui-cell__hd{position:relative;margin-right:20rpx}.demo_badge_cells .weui-cell__hd image{width:100rpx;display:block}.demo_badge_cells .weui-cell__hd .weui-badge{position:absolute;top:-.4em;right:-.4em}.demo_badge_cells .weui-cell__bd .demo_badge_title{vertical-align:middle}.demo_badge_cells .weui-cell__bd .demo_badge_title + .weui-badge{margin-left:10rpx}.demo_badge_cells .weui-cell__bd .demo_badge_desc{font-size:26rpx;color:#888} -------------------------------------------------------------------------------- /dist-rpx-mode/example/button/button.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openDefault() { 4 | wx.navigateTo({ 5 | url: 'button_default', 6 | }); 7 | }, 8 | openBottomfixed() { 9 | wx.navigateTo({ 10 | url: 'button_bottom_fixed', 11 | }); 12 | }, 13 | }); 14 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/button/button.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Button 5 | 按钮 6 | 7 | 8 | 9 | 普通型 10 | 底部悬浮型 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/button/button.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background:var(--weui-BG-2)}.button-sp-area{padding-top:30rpx;text-align:center}.weui-btn_mini{margin-right:8rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/button/button_bottom_fixed.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | wrap: false, 5 | }, 6 | onShow() { 7 | wx.createSelectorQuery().select('#js_btn') 8 | .boundingClientRect((rect) => { 9 | if (rect.height > 48) { 10 | this.setData({ wrap: true }); 11 | } 12 | }) 13 | .exec(); 14 | }, 15 | }); 16 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/button/button_bottom_fixed.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background:var(--weui-BG-2)}.weui-bottom-fixed-opr-demo{padding:64rpx 64rpx 0} -------------------------------------------------------------------------------- /dist-rpx-mode/example/button/button_default.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/button/button_default.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .button-sp-area{padding-top:30rpx;text-align:center}.weui-btn_mini{margin-right:8rpx}.button-sp-area.overlay{margin-top:32rpx;padding:30rpx 0;background:var(--weui-BRAND)}.button-sp-area.overlay .weui-btn_mini{margin-top:32rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/dialog/dialog.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | iosDialog1: false, 5 | iosDialog2: false, 6 | androidDialog1: false, 7 | androidDialog2: false, 8 | }, 9 | close() { 10 | this.setData({ 11 | iosDialog1: false, 12 | iosDialog2: false, 13 | androidDialog1: false, 14 | androidDialog2: false, 15 | }); 16 | }, 17 | openIOS1() { 18 | this.setData({ 19 | iosDialog1: true, 20 | }); 21 | }, 22 | openIOS2() { 23 | this.setData({ 24 | iosDialog2: true, 25 | }); 26 | }, 27 | openAndroid1() { 28 | this.setData({ 29 | androidDialog1: true, 30 | }); 31 | }, 32 | openAndroid2() { 33 | this.setData({ 34 | androidDialog2: true, 35 | }); 36 | }, 37 | }); 38 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/dialog/dialog.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/flex/flex.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/flex/flex.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .placeholder{margin:10rpx;padding:0 20rpx;text-align:center;background-color:var(--weui-BG-1);height:2.3em;line-height:2.3em;color:var(--weui-FG-1)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/footer/footer.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/footer/footer.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-footer{margin-bottom:100rpx}.weui-footer_fixed-bottom{margin-bottom:0} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | open(event) { 4 | wx.navigateTo({ 5 | url: event.currentTarget.dataset.url, 6 | }); 7 | }, 8 | }); 9 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_access.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | }); 3 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_access.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_bottom_fixed.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | vcodeValue: false, 5 | msg: false, 6 | checkValue: 1, 7 | check: false, 8 | }, 9 | bindVcodeInput(e) { 10 | if (e.detail.value) { 11 | this.setData({ 12 | vcodeValue: true, 13 | }); 14 | } 15 | }, 16 | checkStatus() { 17 | if (!this.data.check) { 18 | this.setData({ 19 | msg: true, 20 | }); 21 | } 22 | const that = this; 23 | setTimeout(() => { 24 | that.setData({ 25 | msg: false, 26 | }); 27 | }, 320); 28 | }, 29 | checkboxChange(e) { 30 | if (e.detail.value.includes('1')) { 31 | this.setData({ 32 | check: true, 33 | }); 34 | } else { 35 | this.setData({ 36 | check: false, 37 | }); 38 | } 39 | }, 40 | }); 41 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_bottom_fixed.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%}.weui-label{width:3.1em} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_checkbox.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | items: [ 5 | { name: '1', value: 'standard is dealt for u.' }, 6 | { name: '2', value: 'standard is dealicient for u.', checked: 'true' }, 7 | { name: '3', value: 'standard is for u', checked: 'true', disabled: 'true' }, 8 | ], 9 | }, 10 | checkboxChange(e) { 11 | console.log('checkbox发生change事件，携带value值为：', e.detail.value); 12 | }, 13 | }); 14 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_checkbox.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_input_status.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | value: '', 5 | showClearBtn: false, 6 | isWaring: false, 7 | 8 | currentValue: '', 9 | isCurrentWaring: false, 10 | }, 11 | onCurrentInput() { 12 | this.setData({ 13 | isCurrentWaring: true, 14 | }); 15 | }, 16 | onInput(evt) { 17 | const { value } = evt.detail; 18 | this.setData({ 19 | value, 20 | showClearBtn: !!value.length, 21 | isWaring: false, 22 | }); 23 | }, 24 | onClear() { 25 | this.setData({ 26 | value: '', 27 | showClearBtn: false, 28 | isWaring: false, 29 | }); 30 | }, 31 | onConfirm() { 32 | if (this.data.value.length < 16) { 33 | this.setData({ 34 | isWaring: true, 35 | }); 36 | } 37 | }, 38 | }); 39 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_input_status.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%}.weui-label{width:3.1em}.weui-toptips{display:block;opacity:0;visibility:hidden;-webkit-transition:opacity .3s;transition:opacity .3s}.show_toptips{visibility:visible;opacity:1} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_page.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_page.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%}.weui-label{width:4.1em} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_primary.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_radio.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | items: [ 5 | { name: '1', value: 'cell standard' }, 6 | { name: '2', value: 'cell standard', checked: 'true' }, 7 | ], 8 | }, 9 | radioChange(e) { 10 | console.log('radio发生change事件，携带value值为：', e.detail.value); 11 | }, 12 | }); 13 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_radio.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_select.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | array1: ['微信号', 'QQ号', 'Email'], 5 | array2: ['+86', '+80', '+84', '+87'], 6 | array3: ['中国', '美国', '英国'], 7 | value1: 0, 8 | value2: 0, 9 | value3: 0, 10 | }, 11 | bindPicker1Change(e) { 12 | this.setData({ 13 | value1: e.detail.value, 14 | }); 15 | }, 16 | bindPicker2Change(e) { 17 | this.setData({ 18 | value2: e.detail.value, 19 | }); 20 | }, 21 | bindPicker3Change(e) { 22 | this.setData({ 23 | value3: e.detail.value, 24 | }); 25 | }, 26 | }); 27 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_select.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_switch.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_switch.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_textarea.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_textarea.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_vcode.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | vcodeValue: false, 5 | msg: false, 6 | checkValue: 1, 7 | check: false, 8 | }, 9 | bindVcodeInput(e) { 10 | if (e.detail.value) { 11 | this.setData({ 12 | vcodeValue: true, 13 | }); 14 | } 15 | }, 16 | checkStatus() { 17 | if (!this.data.check) { 18 | this.setData({ 19 | msg: true, 20 | }); 21 | } 22 | const that = this; 23 | }, 24 | checkboxChange(e) { 25 | if (e.detail.value.includes('1')) { 26 | this.setData({ 27 | check: true, 28 | }); 29 | } else { 30 | this.setData({ 31 | check: false, 32 | }); 33 | } 34 | }, 35 | }); 36 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_vcode.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%}.weui-label{width:3.1em} -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_vertical.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/form/form_vertical.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist-rpx-mode/example/gallery/gallery.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | gallery: false, 5 | }, 6 | close() { 7 | this.setData({ 8 | gallery: false, 9 | }); 10 | }, 11 | open() { 12 | this.setData({ 13 | gallery: true, 14 | }); 15 | }, 16 | }); 17 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/gallery/gallery.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/grid/grid.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/half-screen-dialog/half-screen-dialog.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}[weui-modal-show="false"] .weui-half-screen-dialog{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:translateY(100%);transform:translateY(100%)}[weui-modal-show="true"] .weui-half-screen-dialog{-webkit-transform:translateY(0);transform:translateY(0)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/icons/icons.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/icons/icons.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | icon{margin-right:26rpx}.page__bd{padding-left:80rpx;padding-right:80rpx;text-align:left}.icon-box{margin-bottom:50rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.icon-box i{margin-right:36rpx}.icon-box__ctn{-webkit-flex-shrink:100;flex-shrink:100}.icon-box__title{font-size:40rpx}.icon-box__desc{margin-top:12rpx;font-size:24rpx;color:#888}.icon_sp_area{margin-top:20rpx;text-align:left} -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_del.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_footer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/icon_footer.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_footer_link.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/icon_footer_link.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_intro.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/icon_intro.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_love.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_nav_feedback.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/icon_nav_feedback.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_nav_form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/icon_nav_form.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_nav_layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/icon_nav_layout.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_nav_nav.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/icon_nav_nav.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_nav_search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/icon_nav_search.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_nav_special.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/icon_nav_special.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_nav_z-index.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/icon_nav_z-index.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_star.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/icon_tabbar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/icon_tabbar.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/layers/content.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/layers/content.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/layers/navigation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/layers/navigation.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/layers/popout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/layers/popout.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/layers/transparent.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/layers/transparent.gif -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/logo.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/pic_160.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/pic_160.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/pic_article.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/pic_article.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/pic_gongan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/pic_gongan.png -------------------------------------------------------------------------------- /dist-rpx-mode/example/images/vcode.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist-rpx-mode/example/images/vcode.jpg -------------------------------------------------------------------------------- /dist-rpx-mode/example/index.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-flex{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-cells{margin-top:0;opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.3s;transition:.3s}.weui-cells::after,.weui-cells::before{display:none}.weui-cells_show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.weui-cell::before{right:30rpx}.kind-list__item{margin:20rpx 0;background-color:var(--weui-BG-2);border-radius:4rpx;overflow:hidden}.kind-list__item:first-child{margin-top:0}.kind-list__img{width:60rpx;height:60rpx}[data-weui-theme="dark"] .kind-list__img{-webkit-filter:invert(100) hue-rotate(180deg);filter:invert(100) hue-rotate(180deg)}.kind-list__item-hd{padding:40rpx;-webkit-transition:opacity .3s;transition:opacity .3s}.kind-list__item-hd_show{opacity:.4}.kind-list__item-bd{height:0;overflow:hidden}.kind-list__item-bd_show{height:auto} -------------------------------------------------------------------------------- /dist-rpx-mode/example/information-bar/information-bar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | topTips: false, 5 | hide: false, 6 | }, 7 | close() { 8 | this.setData({ 9 | hide: true, 10 | }); 11 | setTimeout(() => { 12 | this.setData({ 13 | topTips: false, 14 | hide: false, 15 | }); 16 | }, 300); 17 | }, 18 | open() { 19 | this.setData({ 20 | topTips: true, 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/information-bar/information-bar.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}.weui-information-bar{position:static;margin-bottom:40rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/input/input.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-vcode-img{width:216rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/list/list.js: -------------------------------------------------------------------------------- 1 | const base64 = require('../images/base64'); 2 | Page({ 3 | mixins: [require('../../mixin/common')], 4 | onLoad() { 5 | this.setData({ 6 | icon: base64.icon20, 7 | }); 8 | }, 9 | }); 10 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/list/list.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-cell__hd{font-size:0}.weui-cell__hd image{margin-right:32rpx;vertical-align:middle;width:40rpx;height:40rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/loading/loading.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/loading/loading.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-0)}.weui-loading__wrp{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:32rpx}.weui-loading__wrp .weui-loading,.weui-loading__wrp .weui-mask-loading,.weui-loading__wrp .weui-primary-loading{margin:0 20rpx}.weui-loading__wrp:last-child{background-color:rgba(0,0,0,.1)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/loadmore/loadmore.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/loadmore/loadmore.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Loadmore 5 | 加载更多 6 | 7 | 8 | 9 | 12 | 正在加载 13 | 14 | 15 | 暂无数据 16 | 17 | 18 | 已无更多数据 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/loadmore/loadmore.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openSuccess() { 4 | wx.navigateTo({ 5 | url: 'msg_success', 6 | }); 7 | }, 8 | openText() { 9 | wx.navigateTo({ 10 | url: 'msg_text', 11 | }); 12 | }, 13 | openTextPrimary() { 14 | wx.navigateTo({ 15 | url: 'msg_text_primary', 16 | }); 17 | }, 18 | openCustomAreaPreview() { 19 | wx.navigateTo({ 20 | url: 'msg_custom_area_preview', 21 | }); 22 | }, 23 | openCustomAreaTips() { 24 | wx.navigateTo({ 25 | url: 'msg_custom_area_tips', 26 | }); 27 | }, 28 | openCustomAreaCell() { 29 | wx.navigateTo({ 30 | url: 'msg_custom_area_cell', 31 | }); 32 | }, 33 | openFail() { 34 | wx.navigateTo({ 35 | url: 'msg_warn', 36 | }); 37 | }, 38 | }); 39 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_area_cell.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_area_cell.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_area_preview.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_area_preview.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_area_tips.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_area_tips.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_cell.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/themeChanged')], 3 | }); -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_cell.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.4.2 (https://github.com/weui/weui-wxss) 3 | * Copyright 2021 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_preview.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/themeChanged')], 3 | }); -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_preview.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.4.2 (https://github.com/weui/weui-wxss) 3 | * Copyright 2021 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_tips.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/themeChanged')], 3 | }); -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_custom_tips.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.4.2 (https://github.com/weui/weui-wxss) 3 | * Copyright 2021 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_success.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_success.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_text.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_text.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 操作成功 6 | 内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现文字链接 7 | 8 | 9 | 10 | 推荐操作 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_text.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_text_primary.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_text_primary.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现 6 | 内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现 7 | 8 | 9 | 10 | 推荐操作 11 | 12 | 13 | 14 | 提示详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现文字链接 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_text_primary.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_warn.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/msg/msg_warn.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/navbar/navbar.js: -------------------------------------------------------------------------------- 1 | const sliderWidth = 96; // 需要设置slider的宽度，用于计算中间位置 2 | 3 | Page({ 4 | mixins: [require('../../mixin/common')], 5 | data: { 6 | tabs: ['选项一', '选项二', '选项三'], 7 | activeIndex: 1, 8 | sliderOffset: 0, 9 | sliderLeft: 0, 10 | }, 11 | onLoad() { 12 | const that = this; 13 | wx.getSystemInfo({ 14 | success(res) { 15 | that.setData({ 16 | sliderLeft: (res.windowWidth / that.data.tabs.length - sliderWidth) / 2, 17 | sliderOffset: res.windowWidth / that.data.tabs.length * that.data.activeIndex, 18 | }); 19 | }, 20 | }); 21 | }, 22 | tabClick(e) { 23 | this.setData({ 24 | sliderOffset: e.currentTarget.offsetLeft, 25 | activeIndex: e.currentTarget.id, 26 | }); 27 | }, 28 | }); 29 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/navbar/navbar.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page,.page__bd{height:100%}.page__bd{padding-bottom:0}.weui-tab__content{padding-top:120rpx;text-align:center}.weui-tab__panel{padding:64rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/navigation-bar/navigation-bar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/navigation-bar/navigation-bar.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-navigation-bar{position:relative}.weui-navigation-bar__inner{position:absolute} -------------------------------------------------------------------------------- /dist-rpx-mode/example/panel/panel.js: -------------------------------------------------------------------------------- 1 | const base64 = require('../images/base64'); 2 | 3 | Page({ 4 | mixins: [require('../../mixin/common')], 5 | onLoad() { 6 | this.setData({ 7 | icon20: base64.icon20, 8 | icon60: base64.icon60, 9 | }); 10 | }, 11 | }); 12 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/panel/panel.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-cell_example .weui-cell__hd image{width:40rpx;height:40rpx;display:block;margin-right:32rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/picker/picker.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | array: ['美国', '中国', '巴西', '日本'], 5 | index: 0, 6 | date: '2016-09-01', 7 | time: '12:01', 8 | }, 9 | bindPickerChange(e) { 10 | console.log('picker发送选择改变，携带值为', e.detail.value); 11 | this.setData({ 12 | index: e.detail.value, 13 | }); 14 | }, 15 | bindDateChange(e) { 16 | this.setData({ 17 | date: e.detail.value, 18 | }); 19 | }, 20 | bindTimeChange(e) { 21 | this.setData({ 22 | time: e.detail.value, 23 | }); 24 | }, 25 | }); 26 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/picker/picker.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}picker{margin-bottom:32rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/preview/preview.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/preview/preview.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-form-preview{margin-bottom:50rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/progress/progress.js: -------------------------------------------------------------------------------- 1 | function _next() { 2 | const that = this; 3 | if (this.data.progress >= 100) { 4 | this.setData({ 5 | disabled: false, 6 | }); 7 | return true; 8 | } 9 | 10 | this.data.progress += 1; 11 | this.setData({ 12 | progress: this.data.progress, 13 | }); 14 | setTimeout(() => { 15 | _next.call(that); 16 | }, 20); 17 | } 18 | 19 | Page({ 20 | mixins: [require('../../mixin/common')], 21 | data: { 22 | progress: 0, 23 | disabled: false, 24 | }, 25 | upload() { 26 | if (this.data.disabled) return; 27 | 28 | this.setData({ 29 | progress: 0, 30 | disabled: true, 31 | }); 32 | _next.call(this); 33 | }, 34 | }); 35 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/progress/progress.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}.weui-progress{margin-bottom:48rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/searchbar/searchbar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openSearchFilled() { 4 | wx.navigateTo({ 5 | url: 'searchbar_filled', 6 | }); 7 | }, 8 | openSearchGrey() { 9 | wx.navigateTo({ 10 | url: 'searchbar_grey', 11 | }); 12 | }, 13 | openSearchOutlined() { 14 | wx.navigateTo({ 15 | url: 'searchbar_outlined', 16 | }); 17 | }, 18 | openSearchHomepage() { 19 | wx.navigateTo({ 20 | url: 'searchbar_homepage', 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/searchbar/searchbar.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SearchBar 5 | 搜索栏 6 | 7 | 8 | 9 | Filled Default 10 | Filled Grey 11 | Outlined 12 | Homepage 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/searchbar/searchbar.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .searchbar-result{margin-top:0;font-size:28rpx}.searchbar-result .weui-cell__bd{padding:4rpx 0 4rpx 40rpx;color:var(--weui-FG-1)}.searchbar-result::before{display:none} -------------------------------------------------------------------------------- /dist-rpx-mode/example/searchbar/searchbar_filled.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputShowed: false, 5 | inputVal: '', 6 | isFocus: false, 7 | }, 8 | showInput() { 9 | this.setData({ 10 | inputShowed: true, 11 | }); 12 | }, 13 | blurInput() { 14 | this.setData({ 15 | isFocus: false, 16 | }); 17 | }, 18 | hideInput() { 19 | this.setData({ 20 | inputVal: '', 21 | inputShowed: false, 22 | }); 23 | }, 24 | clearInput() { 25 | this.setData({ 26 | inputVal: '', 27 | }); 28 | }, 29 | inputTyping(e) { 30 | this.setData({ 31 | inputVal: e.detail.value, 32 | isFocus: true, 33 | }); 34 | }, 35 | }); 36 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/searchbar/searchbar_filled.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background:var(--weui-BG-3)}.searchbar-result{margin-top:0;font-size:28rpx}.searchbar-result .weui-cell__bd{padding:4rpx 0 4rpx 40rpx;color:var(--weui-FG-1)}.searchbar-result::before{display:none} -------------------------------------------------------------------------------- /dist-rpx-mode/example/searchbar/searchbar_grey.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputShowed: false, 5 | inputVal: '', 6 | isFocus: false, 7 | }, 8 | showInput() { 9 | this.setData({ 10 | inputShowed: true, 11 | }); 12 | }, 13 | blurInput() { 14 | this.setData({ 15 | isFocus: false, 16 | }); 17 | }, 18 | hideInput() { 19 | this.setData({ 20 | inputVal: '', 21 | inputShowed: false, 22 | }); 23 | }, 24 | clearInput() { 25 | this.setData({ 26 | inputVal: '', 27 | }); 28 | }, 29 | inputTyping(e) { 30 | this.setData({ 31 | inputVal: e.detail.value, 32 | isFocus: true, 33 | }); 34 | }, 35 | }); 36 | 37 | 38 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/searchbar/searchbar_homepage.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputShowed: false, 5 | inputVal: '', 6 | isFocus: false, 7 | }, 8 | showInput() { 9 | this.setData({ 10 | inputShowed: true, 11 | }); 12 | }, 13 | blurInput() { 14 | this.setData({ 15 | isFocus: false, 16 | }); 17 | }, 18 | hideInput() { 19 | this.setData({ 20 | inputVal: '', 21 | inputShowed: false, 22 | }); 23 | }, 24 | clearInput() { 25 | this.setData({ 26 | inputVal: '', 27 | }); 28 | }, 29 | inputTyping(e) { 30 | this.setData({ 31 | inputVal: e.detail.value, 32 | isFocus: true, 33 | }); 34 | }, 35 | }); 36 | 37 | 38 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/searchbar/searchbar_homepage.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SearchBar 5 | 搜索栏 Homepage 6 | 7 | 8 | 9 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/searchbar/searchbar_outlined.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputVal: '', 5 | isFocus: false, 6 | }, 7 | blurInput() { 8 | this.setData({ 9 | isFocus: false, 10 | }); 11 | }, 12 | clearInput() { 13 | this.setData({ 14 | inputVal: '', 15 | }); 16 | }, 17 | inputTyping(e) { 18 | this.setData({ 19 | inputVal: e.detail.value, 20 | isFocus: true, 21 | }); 22 | }, 23 | }); 24 | 25 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/slider/slider.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/slider/slider.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | slider{margin-bottom:60rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/slideview/slideview.js: -------------------------------------------------------------------------------- 1 | const base64 = require('../images/base64'); 2 | Page({ 3 | mixins: [require('../../mixin/common')], 4 | onLoad() { 5 | this.setData({ 6 | icon: base64.icon20, 7 | }); 8 | }, 9 | }); 10 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/steps/steps.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openStepsHorizonal() { 4 | wx.navigateTo({ 5 | url: 'steps_horizonal', 6 | }); 7 | }, 8 | openStepsVertical() { 9 | wx.navigateTo({ 10 | url: 'steps_vertical', 11 | }); 12 | }, 13 | }); 14 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/steps/steps.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Steps 5 | 步骤条 6 | 7 | 8 | 垂直型 9 | 水平型 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/steps/steps.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/steps/steps_horizonal.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | 5 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/steps/steps_horizonal.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}.weui-steps{margin:80rpx auto 160rpx;max-width:50%} -------------------------------------------------------------------------------- /dist-rpx-mode/example/steps/steps_vertical.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | 5 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/steps/steps_vertical.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}.weui-steps{margin:80rpx auto;max-width:50%;padding-bottom:80rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/tabbar/tabbar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/tabbar/tabbar.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-tabbar{position:fixed;bottom:0;left:0;right:0}.weui-tab__panel{padding:64rpx} -------------------------------------------------------------------------------- /dist-rpx-mode/example/toast/toast.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist-rpx-mode/example/top-tips/top-tips.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | topTips: false, 5 | hide: false, 6 | }, 7 | close() { 8 | this.setData({ 9 | hide: true, 10 | }); 11 | setTimeout(() => { 12 | this.setData({ 13 | topTips: false, 14 | hide: false, 15 | }); 16 | }, 300); 17 | }, 18 | open() { 19 | this.setData({ 20 | topTips: true, 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/top-tips/top-tips.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | TopTips 5 | 顶部提示条 6 | 7 | 8 | 显示提示条 9 | 隐藏提示条 10 | 11 | 错误提示 12 | 13 | -------------------------------------------------------------------------------- /dist-rpx-mode/example/top-tips/top-tips.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}.weui-toptips{display:block} -------------------------------------------------------------------------------- /dist-rpx-mode/example/uploader/uploader.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | files: [], 5 | }, 6 | }); 7 | -------------------------------------------------------------------------------- /dist-rpx-mode/mixin/common.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | data: { 3 | theme: '', 4 | mode: '', // 模式(care：关怀模式) 5 | }, 6 | onGlobalDataChanged(globalData) { 7 | this.setData(globalData); 8 | }, 9 | onLoad() { 10 | const app = getApp(); 11 | 12 | this.setData({ 13 | theme: app.globalData.theme, 14 | mode: app.globalData.mode, 15 | }); 16 | 17 | app.watchGlobalDataChanged(this.onGlobalDataChanged); 18 | }, 19 | onUnload() { 20 | getApp().unWatchGlobalDataChanged(this.onGlobalDataChanged); 21 | }, 22 | }; 23 | -------------------------------------------------------------------------------- /dist-rpx-mode/mixin/themeChanged.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | data: { 3 | theme: '', 4 | }, 5 | themeChanged(theme) { 6 | this.setData({ 7 | theme, 8 | }); 9 | }, 10 | onLoad() { 11 | const app = getApp(); 12 | this.themeChanged(app.globalData.theme); 13 | app.watchThemeChange(this.themeChanged); 14 | }, 15 | onUnload() { 16 | getApp().unWatchThemeChange(this.themeChanged); 17 | }, 18 | }; 19 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/mixin/btnWrapLayout.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/mixin/mobile.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/mixin/setArrow.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/mixin/setLoading.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/mixin/text.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/mixin/wrapBtnLayout.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.5.1 (https://github.com/weui/weui-wxss) 3 | * Copyright 2021 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/theme/fn.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/theme/less-vars/care-dark.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/theme/less-vars/care-light.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/theme/less-vars/dark.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/theme/less-vars/light.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/theme/vars/care-dark.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/theme/vars/care-light.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/theme/vars/dark.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/theme/vars/light.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/variable/global.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/variable/weui-msg.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist-rpx-mode/style/base/variable/weui-tab.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/app.js: -------------------------------------------------------------------------------- 1 | require('./libs/Mixins.js'); 2 | 3 | const listeners = []; 4 | 5 | App({ 6 | globalData: { 7 | theme: 'light', // dark 8 | mode: '', // 模式(care：关怀模式) 9 | }, 10 | changeGlobalData(data) { 11 | this.globalData = Object.assign({}, this.globalData, data); 12 | listeners.forEach((listener) => { 13 | listener(this.globalData); 14 | }); 15 | }, 16 | watchGlobalDataChanged(listener) { 17 | if (listeners.indexOf(listener) < 0) { 18 | listeners.push(listener); 19 | } 20 | }, 21 | unWatchGlobalDataChanged(listener) { 22 | const index = listeners.indexOf(listener); 23 | if (index > -1) { 24 | listeners.splice(index, 1); 25 | } 26 | }, 27 | onThemeChange(resp) { 28 | this.changeGlobalData({ 29 | theme: resp.theme, 30 | }); 31 | }, 32 | onLaunch() { 33 | // TODO: 检测适老化 34 | }, 35 | }); 36 | -------------------------------------------------------------------------------- /dist/example/actionsheet/actionsheet.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | showIOSDialog: false, 5 | showAndroidDialog: false, 6 | }, 7 | close() { 8 | this.setData({ 9 | showIOSDialog: false, 10 | showAndroidDialog: false, 11 | }); 12 | }, 13 | openIOS() { 14 | this.setData({ 15 | showIOSDialog: true, 16 | }); 17 | }, 18 | openAndroid() { 19 | this.setData({ 20 | showAndroidDialog: true, 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /dist/example/actionsheet/actionsheet.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/article/article.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/article/article.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}image{margin:4px 0} -------------------------------------------------------------------------------- /dist/example/badge/badge.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/badge/badge.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | image{height:50px}.weui-cells .demo_badge_tips{font-size:1rem;vertical-align:middle}.weui-cells .demo_badge_tips + .weui-badge{margin-left:5px;margin-right:5px}.demo_badge_cells .weui-cell__hd{position:relative;margin-right:10px}.demo_badge_cells .weui-cell__hd image{width:50px;display:block}.demo_badge_cells .weui-cell__hd .weui-badge{position:absolute;top:-.4em;right:-.4em}.demo_badge_cells .weui-cell__bd .demo_badge_title{vertical-align:middle}.demo_badge_cells .weui-cell__bd .demo_badge_title + .weui-badge{margin-left:5px}.demo_badge_cells .weui-cell__bd .demo_badge_desc{font-size:0.7647058823529411rem;color:#888} -------------------------------------------------------------------------------- /dist/example/button/button.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openDefault() { 4 | wx.navigateTo({ 5 | url: 'button_default', 6 | }); 7 | }, 8 | openBottomfixed() { 9 | wx.navigateTo({ 10 | url: 'button_bottom_fixed', 11 | }); 12 | }, 13 | }); 14 | -------------------------------------------------------------------------------- /dist/example/button/button.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Button 5 | 按钮 6 | 7 | 8 | 9 | 普通型 10 | 底部悬浮型 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /dist/example/button/button.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background:var(--weui-BG-2)}.button-sp-area{padding-top:15px;text-align:center}.weui-btn_mini{margin-right:4px} -------------------------------------------------------------------------------- /dist/example/button/button_bottom_fixed.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | wrap: false, 5 | }, 6 | onShow() { 7 | wx.createSelectorQuery().select('#js_btn') 8 | .boundingClientRect((rect) => { 9 | if (rect.height > 48) { 10 | this.setData({ wrap: true }); 11 | } 12 | }) 13 | .exec(); 14 | }, 15 | }); 16 | -------------------------------------------------------------------------------- /dist/example/button/button_bottom_fixed.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background:var(--weui-BG-2)}.weui-bottom-fixed-opr-demo{padding:32px 32px 0} -------------------------------------------------------------------------------- /dist/example/button/button_default.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/button/button_default.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .button-sp-area{padding-top:15px;text-align:center}.weui-btn_mini{margin-right:4px}.button-sp-area.overlay{margin-top:16px;padding:15px 0;background:var(--weui-BRAND)}.button-sp-area.overlay .weui-btn_mini{margin-top:16px} -------------------------------------------------------------------------------- /dist/example/dialog/dialog.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | iosDialog1: false, 5 | iosDialog2: false, 6 | androidDialog1: false, 7 | androidDialog2: false, 8 | }, 9 | close() { 10 | this.setData({ 11 | iosDialog1: false, 12 | iosDialog2: false, 13 | androidDialog1: false, 14 | androidDialog2: false, 15 | }); 16 | }, 17 | openIOS1() { 18 | this.setData({ 19 | iosDialog1: true, 20 | }); 21 | }, 22 | openIOS2() { 23 | this.setData({ 24 | iosDialog2: true, 25 | }); 26 | }, 27 | openAndroid1() { 28 | this.setData({ 29 | androidDialog1: true, 30 | }); 31 | }, 32 | openAndroid2() { 33 | this.setData({ 34 | androidDialog2: true, 35 | }); 36 | }, 37 | }); 38 | -------------------------------------------------------------------------------- /dist/example/dialog/dialog.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/flex/flex.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/flex/flex.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .placeholder{margin:5px;padding:0 10px;text-align:center;background-color:var(--weui-BG-1);height:2.3em;line-height:2.3em;color:var(--weui-FG-1)} -------------------------------------------------------------------------------- /dist/example/footer/footer.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/footer/footer.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-footer{margin-bottom:50px}.weui-footer_fixed-bottom{margin-bottom:0} -------------------------------------------------------------------------------- /dist/example/form/form.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | open(event) { 4 | wx.navigateTo({ 5 | url: event.currentTarget.dataset.url, 6 | }); 7 | }, 8 | }); 9 | -------------------------------------------------------------------------------- /dist/example/form/form.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/form/form_access.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | }); 3 | -------------------------------------------------------------------------------- /dist/example/form/form_access.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist/example/form/form_bottom_fixed.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | vcodeValue: false, 5 | msg: false, 6 | checkValue: 1, 7 | check: false, 8 | }, 9 | bindVcodeInput(e) { 10 | if (e.detail.value) { 11 | this.setData({ 12 | vcodeValue: true, 13 | }); 14 | } 15 | }, 16 | checkStatus() { 17 | if (!this.data.check) { 18 | this.setData({ 19 | msg: true, 20 | }); 21 | } 22 | const that = this; 23 | setTimeout(() => { 24 | that.setData({ 25 | msg: false, 26 | }); 27 | }, 320); 28 | }, 29 | checkboxChange(e) { 30 | if (e.detail.value.includes('1')) { 31 | this.setData({ 32 | check: true, 33 | }); 34 | } else { 35 | this.setData({ 36 | check: false, 37 | }); 38 | } 39 | }, 40 | }); 41 | -------------------------------------------------------------------------------- /dist/example/form/form_bottom_fixed.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%}.weui-label{width:3.1em} -------------------------------------------------------------------------------- /dist/example/form/form_checkbox.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | items: [ 5 | { name: '1', value: 'standard is dealt for u.' }, 6 | { name: '2', value: 'standard is dealicient for u.', checked: 'true' }, 7 | { name: '3', value: 'standard is for u', checked: 'true', disabled: 'true' }, 8 | ], 9 | }, 10 | checkboxChange(e) { 11 | console.log('checkbox发生change事件，携带value值为：', e.detail.value); 12 | }, 13 | }); 14 | -------------------------------------------------------------------------------- /dist/example/form/form_checkbox.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist/example/form/form_input_status.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | value: '', 5 | showClearBtn: false, 6 | isWaring: false, 7 | 8 | currentValue: '', 9 | isCurrentWaring: false, 10 | }, 11 | onCurrentInput() { 12 | this.setData({ 13 | isCurrentWaring: true, 14 | }); 15 | }, 16 | onInput(evt) { 17 | const { value } = evt.detail; 18 | this.setData({ 19 | value, 20 | showClearBtn: !!value.length, 21 | isWaring: false, 22 | }); 23 | }, 24 | onClear() { 25 | this.setData({ 26 | value: '', 27 | showClearBtn: false, 28 | isWaring: false, 29 | }); 30 | }, 31 | onConfirm() { 32 | if (this.data.value.length < 16) { 33 | this.setData({ 34 | isWaring: true, 35 | }); 36 | } 37 | }, 38 | }); 39 | -------------------------------------------------------------------------------- /dist/example/form/form_input_status.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%}.weui-label{width:3.1em}.weui-toptips{display:block;opacity:0;visibility:hidden;-webkit-transition:opacity .3s;transition:opacity .3s}.show_toptips{visibility:visible;opacity:1} -------------------------------------------------------------------------------- /dist/example/form/form_page.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/form/form_page.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%}.weui-label{width:4.1em} -------------------------------------------------------------------------------- /dist/example/form/form_primary.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/form/form_radio.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | items: [ 5 | { name: '1', value: 'cell standard' }, 6 | { name: '2', value: 'cell standard', checked: 'true' }, 7 | ], 8 | }, 9 | radioChange(e) { 10 | console.log('radio发生change事件，携带value值为：', e.detail.value); 11 | }, 12 | }); 13 | -------------------------------------------------------------------------------- /dist/example/form/form_radio.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist/example/form/form_select.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | array1: ['微信号', 'QQ号', 'Email'], 5 | array2: ['+86', '+80', '+84', '+87'], 6 | array3: ['中国', '美国', '英国'], 7 | value1: 0, 8 | value2: 0, 9 | value3: 0, 10 | }, 11 | bindPicker1Change(e) { 12 | this.setData({ 13 | value1: e.detail.value, 14 | }); 15 | }, 16 | bindPicker2Change(e) { 17 | this.setData({ 18 | value2: e.detail.value, 19 | }); 20 | }, 21 | bindPicker3Change(e) { 22 | this.setData({ 23 | value3: e.detail.value, 24 | }); 25 | }, 26 | }); 27 | -------------------------------------------------------------------------------- /dist/example/form/form_select.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist/example/form/form_switch.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/form/form_switch.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist/example/form/form_textarea.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/form/form_textarea.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist/example/form/form_vcode.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | vcodeValue: false, 5 | msg: false, 6 | checkValue: 1, 7 | check: false, 8 | }, 9 | bindVcodeInput(e) { 10 | if (e.detail.value) { 11 | this.setData({ 12 | vcodeValue: true, 13 | }); 14 | } 15 | }, 16 | checkStatus() { 17 | if (!this.data.check) { 18 | this.setData({ 19 | msg: true, 20 | }); 21 | } 22 | const that = this; 23 | }, 24 | checkboxChange(e) { 25 | if (e.detail.value.includes('1')) { 26 | this.setData({ 27 | check: true, 28 | }); 29 | } else { 30 | this.setData({ 31 | check: false, 32 | }); 33 | } 34 | }, 35 | }); 36 | -------------------------------------------------------------------------------- /dist/example/form/form_vcode.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%}.weui-label{width:3.1em} -------------------------------------------------------------------------------- /dist/example/form/form_vertical.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/form/form_vertical.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%} -------------------------------------------------------------------------------- /dist/example/gallery/gallery.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | gallery: false, 5 | }, 6 | close() { 7 | this.setData({ 8 | gallery: false, 9 | }); 10 | }, 11 | open() { 12 | this.setData({ 13 | gallery: true, 14 | }); 15 | }, 16 | }); 17 | -------------------------------------------------------------------------------- /dist/example/gallery/gallery.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/grid/grid.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/half-screen-dialog/half-screen-dialog.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}[weui-modal-show="false"] .weui-half-screen-dialog{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:translateY(100%);transform:translateY(100%)}[weui-modal-show="true"] .weui-half-screen-dialog{-webkit-transform:translateY(0);transform:translateY(0)} -------------------------------------------------------------------------------- /dist/example/icons/icons.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/icons/icons.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | icon{margin-right:13px}.page__bd{padding-left:40px;padding-right:40px;text-align:left}.icon-box{margin-bottom:25px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.icon-box i{margin-right:18px}.icon-box__ctn{-webkit-flex-shrink:100;flex-shrink:100}.icon-box__title{font-size:1.1764705882352942rem}.icon-box__desc{margin-top:6px;font-size:0.7058823529411765rem;color:#888}.icon_sp_area{margin-top:10px;text-align:left} -------------------------------------------------------------------------------- /dist/example/images/icon_del.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/example/images/icon_footer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/icon_footer.png -------------------------------------------------------------------------------- /dist/example/images/icon_footer_link.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/icon_footer_link.png -------------------------------------------------------------------------------- /dist/example/images/icon_intro.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/icon_intro.png -------------------------------------------------------------------------------- /dist/example/images/icon_love.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/example/images/icon_nav_feedback.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/icon_nav_feedback.png -------------------------------------------------------------------------------- /dist/example/images/icon_nav_form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/icon_nav_form.png -------------------------------------------------------------------------------- /dist/example/images/icon_nav_layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/icon_nav_layout.png -------------------------------------------------------------------------------- /dist/example/images/icon_nav_nav.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/icon_nav_nav.png -------------------------------------------------------------------------------- /dist/example/images/icon_nav_search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/icon_nav_search.png -------------------------------------------------------------------------------- /dist/example/images/icon_nav_special.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/icon_nav_special.png -------------------------------------------------------------------------------- /dist/example/images/icon_nav_z-index.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/icon_nav_z-index.png -------------------------------------------------------------------------------- /dist/example/images/icon_star.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/example/images/icon_tabbar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/icon_tabbar.png -------------------------------------------------------------------------------- /dist/example/images/layers/content.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/layers/content.png -------------------------------------------------------------------------------- /dist/example/images/layers/navigation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/layers/navigation.png -------------------------------------------------------------------------------- /dist/example/images/layers/popout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/layers/popout.png -------------------------------------------------------------------------------- /dist/example/images/layers/transparent.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/layers/transparent.gif -------------------------------------------------------------------------------- /dist/example/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/logo.png -------------------------------------------------------------------------------- /dist/example/images/pic_160.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/pic_160.png -------------------------------------------------------------------------------- /dist/example/images/pic_article.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/pic_article.png -------------------------------------------------------------------------------- /dist/example/images/pic_gongan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/pic_gongan.png -------------------------------------------------------------------------------- /dist/example/images/vcode.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/dist/example/images/vcode.jpg -------------------------------------------------------------------------------- /dist/example/index.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-flex{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-cells{margin-top:0;opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.3s;transition:.3s}.weui-cells::after,.weui-cells::before{display:none}.weui-cells_show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.weui-cell::before{right:15px}.kind-list__item{margin:10px 0;background-color:var(--weui-BG-2);border-radius:2px;overflow:hidden}.kind-list__item:first-child{margin-top:0}.kind-list__img{width:30px;height:30px}[data-weui-theme="dark"] .kind-list__img{-webkit-filter:invert(100) hue-rotate(180deg);filter:invert(100) hue-rotate(180deg)}.kind-list__item-hd{padding:20px;-webkit-transition:opacity .3s;transition:opacity .3s}.kind-list__item-hd_show{opacity:.4}.kind-list__item-bd{height:0;overflow:hidden}.kind-list__item-bd_show{height:auto} -------------------------------------------------------------------------------- /dist/example/information-bar/information-bar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | topTips: false, 5 | hide: false, 6 | }, 7 | close() { 8 | this.setData({ 9 | hide: true, 10 | }); 11 | setTimeout(() => { 12 | this.setData({ 13 | topTips: false, 14 | hide: false, 15 | }); 16 | }, 300); 17 | }, 18 | open() { 19 | this.setData({ 20 | topTips: true, 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /dist/example/information-bar/information-bar.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}.weui-information-bar{position:static;margin-bottom:20px} -------------------------------------------------------------------------------- /dist/example/input/input.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-vcode-img{width:108px} -------------------------------------------------------------------------------- /dist/example/list/list.js: -------------------------------------------------------------------------------- 1 | const base64 = require('../images/base64'); 2 | Page({ 3 | mixins: [require('../../mixin/common')], 4 | onLoad() { 5 | this.setData({ 6 | icon: base64.icon20, 7 | }); 8 | }, 9 | }); 10 | -------------------------------------------------------------------------------- /dist/example/list/list.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-cell__hd{font-size:0}.weui-cell__hd image{margin-right:16px;vertical-align:middle;width:20px;height:20px} -------------------------------------------------------------------------------- /dist/example/loading/loading.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/loading/loading.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-0)}.weui-loading__wrp{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:16px}.weui-loading__wrp .weui-loading,.weui-loading__wrp .weui-mask-loading,.weui-loading__wrp .weui-primary-loading{margin:0 10px}.weui-loading__wrp:last-child{background-color:rgba(0,0,0,.1)} -------------------------------------------------------------------------------- /dist/example/loadmore/loadmore.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/loadmore/loadmore.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Loadmore 5 | 加载更多 6 | 7 | 8 | 9 | 12 | 正在加载 13 | 14 | 15 | 暂无数据 16 | 17 | 18 | 已无更多数据 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /dist/example/loadmore/loadmore.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/msg/msg.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openSuccess() { 4 | wx.navigateTo({ 5 | url: 'msg_success', 6 | }); 7 | }, 8 | openText() { 9 | wx.navigateTo({ 10 | url: 'msg_text', 11 | }); 12 | }, 13 | openTextPrimary() { 14 | wx.navigateTo({ 15 | url: 'msg_text_primary', 16 | }); 17 | }, 18 | openCustomAreaPreview() { 19 | wx.navigateTo({ 20 | url: 'msg_custom_area_preview', 21 | }); 22 | }, 23 | openCustomAreaTips() { 24 | wx.navigateTo({ 25 | url: 'msg_custom_area_tips', 26 | }); 27 | }, 28 | openCustomAreaCell() { 29 | wx.navigateTo({ 30 | url: 'msg_custom_area_cell', 31 | }); 32 | }, 33 | openFail() { 34 | wx.navigateTo({ 35 | url: 'msg_warn', 36 | }); 37 | }, 38 | }); 39 | -------------------------------------------------------------------------------- /dist/example/msg/msg.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/msg/msg_custom_area_cell.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/msg/msg_custom_area_cell.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/msg/msg_custom_area_preview.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/msg/msg_custom_area_preview.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/msg/msg_custom_area_tips.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/msg/msg_custom_area_tips.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/msg/msg_success.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/msg/msg_success.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/msg/msg_text.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/msg/msg_text.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 操作成功 6 | 内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现文字链接 7 | 8 | 9 | 10 | 推荐操作 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /dist/example/msg/msg_text.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/msg/msg_text_primary.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/msg/msg_text_primary.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现 6 | 内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现 7 | 8 | 9 | 10 | 推荐操作 11 | 12 | 13 | 14 | 提示详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现文字链接 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /dist/example/msg/msg_text_primary.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/msg/msg_warn.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/msg/msg_warn.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{height:100%;background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/navbar/navbar.js: -------------------------------------------------------------------------------- 1 | const sliderWidth = 96; // 需要设置slider的宽度，用于计算中间位置 2 | 3 | Page({ 4 | mixins: [require('../../mixin/common')], 5 | data: { 6 | tabs: ['选项一', '选项二', '选项三'], 7 | activeIndex: 1, 8 | sliderOffset: 0, 9 | sliderLeft: 0, 10 | }, 11 | onLoad() { 12 | const that = this; 13 | wx.getSystemInfo({ 14 | success(res) { 15 | that.setData({ 16 | sliderLeft: (res.windowWidth / that.data.tabs.length - sliderWidth) / 2, 17 | sliderOffset: res.windowWidth / that.data.tabs.length * that.data.activeIndex, 18 | }); 19 | }, 20 | }); 21 | }, 22 | tabClick(e) { 23 | this.setData({ 24 | sliderOffset: e.currentTarget.offsetLeft, 25 | activeIndex: e.currentTarget.id, 26 | }); 27 | }, 28 | }); 29 | -------------------------------------------------------------------------------- /dist/example/navbar/navbar.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page,.page__bd{height:100%}.page__bd{padding-bottom:0}.weui-tab__content{padding-top:60px;text-align:center}.weui-tab__panel{padding:32px} -------------------------------------------------------------------------------- /dist/example/navigation-bar/navigation-bar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/navigation-bar/navigation-bar.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-navigation-bar{position:relative}.weui-navigation-bar__inner{position:absolute} -------------------------------------------------------------------------------- /dist/example/panel/panel.js: -------------------------------------------------------------------------------- 1 | const base64 = require('../images/base64'); 2 | 3 | Page({ 4 | mixins: [require('../../mixin/common')], 5 | onLoad() { 6 | this.setData({ 7 | icon20: base64.icon20, 8 | icon60: base64.icon60, 9 | }); 10 | }, 11 | }); 12 | -------------------------------------------------------------------------------- /dist/example/panel/panel.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-cell_example .weui-cell__hd image{width:20px;height:20px;display:block;margin-right:16px} -------------------------------------------------------------------------------- /dist/example/picker/picker.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | array: ['美国', '中国', '巴西', '日本'], 5 | index: 0, 6 | date: '2016-09-01', 7 | time: '12:01', 8 | }, 9 | bindPickerChange(e) { 10 | console.log('picker发送选择改变，携带值为', e.detail.value); 11 | this.setData({ 12 | index: e.detail.value, 13 | }); 14 | }, 15 | bindDateChange(e) { 16 | this.setData({ 17 | date: e.detail.value, 18 | }); 19 | }, 20 | bindTimeChange(e) { 21 | this.setData({ 22 | time: e.detail.value, 23 | }); 24 | }, 25 | }); 26 | -------------------------------------------------------------------------------- /dist/example/picker/picker.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}picker{margin-bottom:16px} -------------------------------------------------------------------------------- /dist/example/preview/preview.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/preview/preview.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-form-preview{margin-bottom:25px} -------------------------------------------------------------------------------- /dist/example/progress/progress.js: -------------------------------------------------------------------------------- 1 | function _next() { 2 | const that = this; 3 | if (this.data.progress >= 100) { 4 | this.setData({ 5 | disabled: false, 6 | }); 7 | return true; 8 | } 9 | 10 | this.data.progress += 1; 11 | this.setData({ 12 | progress: this.data.progress, 13 | }); 14 | setTimeout(() => { 15 | _next.call(that); 16 | }, 20); 17 | } 18 | 19 | Page({ 20 | mixins: [require('../../mixin/common')], 21 | data: { 22 | progress: 0, 23 | disabled: false, 24 | }, 25 | upload() { 26 | if (this.data.disabled) return; 27 | 28 | this.setData({ 29 | progress: 0, 30 | disabled: true, 31 | }); 32 | _next.call(this); 33 | }, 34 | }); 35 | -------------------------------------------------------------------------------- /dist/example/progress/progress.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}.weui-progress{margin-bottom:24px} -------------------------------------------------------------------------------- /dist/example/searchbar/searchbar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openSearchFilled() { 4 | wx.navigateTo({ 5 | url: 'searchbar_filled', 6 | }); 7 | }, 8 | openSearchGrey() { 9 | wx.navigateTo({ 10 | url: 'searchbar_grey', 11 | }); 12 | }, 13 | openSearchOutlined() { 14 | wx.navigateTo({ 15 | url: 'searchbar_outlined', 16 | }); 17 | }, 18 | openSearchHomepage() { 19 | wx.navigateTo({ 20 | url: 'searchbar_homepage', 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /dist/example/searchbar/searchbar.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SearchBar 5 | 搜索栏 6 | 7 | 8 | 9 | Filled Default 10 | Filled Grey 11 | Outlined 12 | Homepage 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /dist/example/searchbar/searchbar.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .searchbar-result{margin-top:0;font-size:0.8235294117647058rem}.searchbar-result .weui-cell__bd{padding:2px 0 2px 20px;color:var(--weui-FG-1)}.searchbar-result::before{display:none} -------------------------------------------------------------------------------- /dist/example/searchbar/searchbar_filled.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputShowed: false, 5 | inputVal: '', 6 | isFocus: false, 7 | }, 8 | showInput() { 9 | this.setData({ 10 | inputShowed: true, 11 | }); 12 | }, 13 | blurInput() { 14 | this.setData({ 15 | isFocus: false, 16 | }); 17 | }, 18 | hideInput() { 19 | this.setData({ 20 | inputVal: '', 21 | inputShowed: false, 22 | }); 23 | }, 24 | clearInput() { 25 | this.setData({ 26 | inputVal: '', 27 | }); 28 | }, 29 | inputTyping(e) { 30 | this.setData({ 31 | inputVal: e.detail.value, 32 | isFocus: true, 33 | }); 34 | }, 35 | }); 36 | -------------------------------------------------------------------------------- /dist/example/searchbar/searchbar_filled.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background:var(--weui-BG-3)}.searchbar-result{margin-top:0;font-size:0.8235294117647058rem}.searchbar-result .weui-cell__bd{padding:2px 0 2px 20px;color:var(--weui-FG-1)}.searchbar-result::before{display:none} -------------------------------------------------------------------------------- /dist/example/searchbar/searchbar_grey.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputShowed: false, 5 | inputVal: '', 6 | isFocus: false, 7 | }, 8 | showInput() { 9 | this.setData({ 10 | inputShowed: true, 11 | }); 12 | }, 13 | blurInput() { 14 | this.setData({ 15 | isFocus: false, 16 | }); 17 | }, 18 | hideInput() { 19 | this.setData({ 20 | inputVal: '', 21 | inputShowed: false, 22 | }); 23 | }, 24 | clearInput() { 25 | this.setData({ 26 | inputVal: '', 27 | }); 28 | }, 29 | inputTyping(e) { 30 | this.setData({ 31 | inputVal: e.detail.value, 32 | isFocus: true, 33 | }); 34 | }, 35 | }); 36 | 37 | 38 | -------------------------------------------------------------------------------- /dist/example/searchbar/searchbar_homepage.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputShowed: false, 5 | inputVal: '', 6 | isFocus: false, 7 | }, 8 | showInput() { 9 | this.setData({ 10 | inputShowed: true, 11 | }); 12 | }, 13 | blurInput() { 14 | this.setData({ 15 | isFocus: false, 16 | }); 17 | }, 18 | hideInput() { 19 | this.setData({ 20 | inputVal: '', 21 | inputShowed: false, 22 | }); 23 | }, 24 | clearInput() { 25 | this.setData({ 26 | inputVal: '', 27 | }); 28 | }, 29 | inputTyping(e) { 30 | this.setData({ 31 | inputVal: e.detail.value, 32 | isFocus: true, 33 | }); 34 | }, 35 | }); 36 | 37 | 38 | -------------------------------------------------------------------------------- /dist/example/searchbar/searchbar_homepage.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SearchBar 5 | 搜索栏 Homepage 6 | 7 | 8 | 9 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /dist/example/searchbar/searchbar_outlined.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputVal: '', 5 | isFocus: false, 6 | }, 7 | blurInput() { 8 | this.setData({ 9 | isFocus: false, 10 | }); 11 | }, 12 | clearInput() { 13 | this.setData({ 14 | inputVal: '', 15 | }); 16 | }, 17 | inputTyping(e) { 18 | this.setData({ 19 | inputVal: e.detail.value, 20 | isFocus: true, 21 | }); 22 | }, 23 | }); 24 | 25 | -------------------------------------------------------------------------------- /dist/example/slider/slider.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/slider/slider.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | slider{margin-bottom:30px} -------------------------------------------------------------------------------- /dist/example/slideview/slideview.js: -------------------------------------------------------------------------------- 1 | const base64 = require('../images/base64'); 2 | Page({ 3 | mixins: [require('../../mixin/common')], 4 | onLoad() { 5 | this.setData({ 6 | icon: base64.icon20, 7 | }); 8 | }, 9 | }); 10 | -------------------------------------------------------------------------------- /dist/example/steps/steps.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openStepsHorizonal() { 4 | wx.navigateTo({ 5 | url: 'steps_horizonal', 6 | }); 7 | }, 8 | openStepsVertical() { 9 | wx.navigateTo({ 10 | url: 'steps_vertical', 11 | }); 12 | }, 13 | }); 14 | -------------------------------------------------------------------------------- /dist/example/steps/steps.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Steps 5 | 步骤条 6 | 7 | 8 | 垂直型 9 | 水平型 10 | 11 | 12 | -------------------------------------------------------------------------------- /dist/example/steps/steps.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/steps/steps_horizonal.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | 5 | -------------------------------------------------------------------------------- /dist/example/steps/steps_horizonal.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}.weui-steps{margin:40px auto 80px;max-width:50%} -------------------------------------------------------------------------------- /dist/example/steps/steps_vertical.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | 5 | -------------------------------------------------------------------------------- /dist/example/steps/steps_vertical.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}.weui-steps{margin:40px auto;max-width:50%;padding-bottom:40px} -------------------------------------------------------------------------------- /dist/example/tabbar/tabbar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /dist/example/tabbar/tabbar.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .weui-tabbar{position:fixed;bottom:0;left:0;right:0}.weui-tab__panel{padding:32px} -------------------------------------------------------------------------------- /dist/example/toast/toast.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)} -------------------------------------------------------------------------------- /dist/example/top-tips/top-tips.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | topTips: false, 5 | hide: false, 6 | }, 7 | close() { 8 | this.setData({ 9 | hide: true, 10 | }); 11 | setTimeout(() => { 12 | this.setData({ 13 | topTips: false, 14 | hide: false, 15 | }); 16 | }, 300); 17 | }, 18 | open() { 19 | this.setData({ 20 | topTips: true, 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /dist/example/top-tips/top-tips.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | TopTips 5 | 顶部提示条 6 | 7 | 8 | 显示提示条 9 | 隐藏提示条 10 | 11 | 错误提示 12 | 13 | -------------------------------------------------------------------------------- /dist/example/top-tips/top-tips.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | .page{background-color:var(--weui-BG-2)}.weui-toptips{display:block} -------------------------------------------------------------------------------- /dist/example/uploader/uploader.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | files: [], 5 | }, 6 | }); 7 | -------------------------------------------------------------------------------- /dist/mixin/common.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | data: { 3 | theme: '', 4 | mode: '', // 模式(care：关怀模式) 5 | }, 6 | onGlobalDataChanged(globalData) { 7 | this.setData(globalData); 8 | }, 9 | onLoad() { 10 | const app = getApp(); 11 | 12 | this.setData({ 13 | theme: app.globalData.theme, 14 | mode: app.globalData.mode, 15 | }); 16 | 17 | app.watchGlobalDataChanged(this.onGlobalDataChanged); 18 | }, 19 | onUnload() { 20 | getApp().unWatchGlobalDataChanged(this.onGlobalDataChanged); 21 | }, 22 | }; 23 | -------------------------------------------------------------------------------- /dist/style/base/mixin/btnWrapLayout.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/mixin/mobile.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/mixin/setArrow.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/mixin/setLoading.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/mixin/text.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/theme/fn.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/theme/less-vars/care-dark.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/theme/less-vars/care-light.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/theme/less-vars/dark.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/theme/less-vars/light.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/theme/vars/care-dark.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/theme/vars/care-light.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/theme/vars/dark.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/theme/vars/light.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/variable/global.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/variable/weui-msg.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /dist/style/base/variable/weui-tab.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * WeUI v2.6.21 (https://github.com/weui/weui-wxss) 3 | * Copyright 2024 Tencent, Inc. 4 | * Licensed under the MIT license 5 | */ 6 | -------------------------------------------------------------------------------- /project.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "appid": "wx92269e3b2f304afc", 3 | "compileType": "miniprogram", 4 | "libVersion": "3.3.4", 5 | "packOptions": { 6 | "ignore": [], 7 | "include": [] 8 | }, 9 | "setting": { 10 | "coverView": true, 11 | "es6": true, 12 | "postcss": true, 13 | "minified": true, 14 | "enhance": true, 15 | "showShadowRootInWxmlPanel": true, 16 | "packNpmRelationList": [], 17 | "babelSetting": { 18 | "ignore": [], 19 | "disablePlugins": [], 20 | "outputPath": "" 21 | } 22 | }, 23 | "condition": {}, 24 | "editorSetting": { 25 | "tabIndent": "insertSpaces", 26 | "tabSize": 2 27 | } 28 | } -------------------------------------------------------------------------------- /project.private.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html", 3 | "projectname": "weui-wxss", 4 | "setting": { 5 | "compileHotReLoad": true 6 | } 7 | } -------------------------------------------------------------------------------- /src/app.js: -------------------------------------------------------------------------------- 1 | require('./libs/Mixins.js'); 2 | 3 | const listeners = []; 4 | 5 | App({ 6 | globalData: { 7 | theme: 'light', // dark 8 | mode: '', // 模式(care：关怀模式) 9 | }, 10 | changeGlobalData(data) { 11 | this.globalData = Object.assign({}, this.globalData, data); 12 | listeners.forEach((listener) => { 13 | listener(this.globalData); 14 | }); 15 | }, 16 | watchGlobalDataChanged(listener) { 17 | if (listeners.indexOf(listener) < 0) { 18 | listeners.push(listener); 19 | } 20 | }, 21 | unWatchGlobalDataChanged(listener) { 22 | const index = listeners.indexOf(listener); 23 | if (index > -1) { 24 | listeners.splice(index, 1); 25 | } 26 | }, 27 | onThemeChange(resp) { 28 | this.changeGlobalData({ 29 | theme: resp.theme, 30 | }); 31 | }, 32 | onLaunch() { 33 | // TODO: 检测适老化 34 | }, 35 | }); 36 | -------------------------------------------------------------------------------- /src/example/actionsheet/actionsheet.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | showIOSDialog: false, 5 | showAndroidDialog: false, 6 | }, 7 | close() { 8 | this.setData({ 9 | showIOSDialog: false, 10 | showAndroidDialog: false, 11 | }); 12 | }, 13 | openIOS() { 14 | this.setData({ 15 | showIOSDialog: true, 16 | }); 17 | }, 18 | openAndroid() { 19 | this.setData({ 20 | showAndroidDialog: true, 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /src/example/actionsheet/actionsheet.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | -------------------------------------------------------------------------------- /src/example/article/article.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/article/article.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | image { 5 | margin: 4px 0; 6 | } 7 | -------------------------------------------------------------------------------- /src/example/badge/badge.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/badge/badge.less: -------------------------------------------------------------------------------- 1 | image { 2 | height: 50px; 3 | } 4 | .weui-cells { 5 | .demo_badge_tips { 6 | font-size: 17px; 7 | vertical-align: middle; 8 | & + .weui-badge { 9 | margin-left: 5px; 10 | margin-right: 5px; 11 | } 12 | } 13 | } 14 | .demo_badge_cells { 15 | .weui-cell__hd { 16 | position: relative; 17 | margin-right: 10px; 18 | image { 19 | width: 50px; 20 | display: block; 21 | } 22 | .weui-badge { 23 | position: absolute; 24 | top: -0.4em; 25 | right: -0.4em; 26 | } 27 | } 28 | .weui-cell__bd { 29 | .demo_badge_title { 30 | vertical-align: middle; 31 | & + .weui-badge { 32 | margin-left: 5px; 33 | } 34 | } 35 | .demo_badge_desc { 36 | font-size: 13px; 37 | color: #888; 38 | } 39 | } 40 | } 41 | 42 | -------------------------------------------------------------------------------- /src/example/button/button.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openDefault() { 4 | wx.navigateTo({ 5 | url: 'button_default', 6 | }); 7 | }, 8 | openBottomfixed() { 9 | wx.navigateTo({ 10 | url: 'button_bottom_fixed', 11 | }); 12 | }, 13 | }); 14 | -------------------------------------------------------------------------------- /src/example/button/button.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background: var(--weui-BG-2); 3 | } 4 | .button-sp-area { 5 | padding-top: 15px; 6 | text-align: center; 7 | } 8 | .weui-btn_mini { 9 | margin-right: 4px; 10 | } 11 | -------------------------------------------------------------------------------- /src/example/button/button.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Button 5 | 按钮 6 | 7 | 8 | 9 | 普通型 10 | 底部悬浮型 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/example/button/button_bottom_fixed.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | wrap: false, 5 | }, 6 | onShow() { 7 | wx.createSelectorQuery().select('#js_btn') 8 | .boundingClientRect((rect) => { 9 | if (rect.height > 48) { 10 | this.setData({ wrap: true }); 11 | } 12 | }) 13 | .exec(); 14 | }, 15 | }); 16 | -------------------------------------------------------------------------------- /src/example/button/button_bottom_fixed.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | background: var(--weui-BG-2); 4 | } 5 | .weui-bottom-fixed-opr-demo { 6 | padding: 32px 32px 0; 7 | } 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/example/button/button_default.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/button/button_default.less: -------------------------------------------------------------------------------- 1 | .button-sp-area { 2 | padding-top: 15px; 3 | text-align: center; 4 | } 5 | .weui-btn_mini { 6 | margin-right: 4px; 7 | } 8 | .button-sp-area.overlay { 9 | margin-top: 16px; 10 | padding: 15px 0; 11 | background: var(--weui-BRAND); 12 | } 13 | 14 | .button-sp-area.overlay .weui-btn_mini { 15 | margin-top: 16px; 16 | } 17 | -------------------------------------------------------------------------------- /src/example/dialog/dialog.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | iosDialog1: false, 5 | iosDialog2: false, 6 | androidDialog1: false, 7 | androidDialog2: false, 8 | }, 9 | close() { 10 | this.setData({ 11 | iosDialog1: false, 12 | iosDialog2: false, 13 | androidDialog1: false, 14 | androidDialog2: false, 15 | }); 16 | }, 17 | openIOS1() { 18 | this.setData({ 19 | iosDialog1: true, 20 | }); 21 | }, 22 | openIOS2() { 23 | this.setData({ 24 | iosDialog2: true, 25 | }); 26 | }, 27 | openAndroid1() { 28 | this.setData({ 29 | androidDialog1: true, 30 | }); 31 | }, 32 | openAndroid2() { 33 | this.setData({ 34 | androidDialog2: true, 35 | }); 36 | }, 37 | }); 38 | -------------------------------------------------------------------------------- /src/example/dialog/dialog.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | -------------------------------------------------------------------------------- /src/example/flex/flex.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/flex/flex.less: -------------------------------------------------------------------------------- 1 | .placeholder { 2 | margin: 5px; 3 | padding: 0 10px; 4 | text-align: center; 5 | background-color: var(--weui-BG-1); 6 | height: 2.3em; 7 | line-height: 2.3em; 8 | color: var(--weui-FG-1); 9 | } 10 | -------------------------------------------------------------------------------- /src/example/footer/footer.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/footer/footer.less: -------------------------------------------------------------------------------- 1 | /* 作为展示用的样式 */ 2 | 3 | .weui-footer { 4 | margin-bottom: 50px; 5 | } 6 | .weui-footer_fixed-bottom { 7 | margin-bottom: 0; 8 | } 9 | -------------------------------------------------------------------------------- /src/example/form/form.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | open(event) { 4 | wx.navigateTo({ 5 | url: event.currentTarget.dataset.url, 6 | }); 7 | }, 8 | }); 9 | -------------------------------------------------------------------------------- /src/example/form/form.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | background-color: var(--weui-BG-2); 4 | } 5 | -------------------------------------------------------------------------------- /src/example/form/form_access.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | }); 3 | -------------------------------------------------------------------------------- /src/example/form/form_access.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /src/example/form/form_bottom_fixed.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | vcodeValue: false, 5 | msg: false, 6 | checkValue: 1, 7 | check: false, 8 | }, 9 | bindVcodeInput(e) { 10 | if (e.detail.value) { 11 | this.setData({ 12 | vcodeValue: true, 13 | }); 14 | } 15 | }, 16 | checkStatus() { 17 | if (!this.data.check) { 18 | this.setData({ 19 | msg: true, 20 | }); 21 | } 22 | const that = this; 23 | setTimeout(() => { 24 | that.setData({ 25 | msg: false, 26 | }); 27 | }, 320); 28 | }, 29 | checkboxChange(e) { 30 | if (e.detail.value.includes('1')) { 31 | this.setData({ 32 | check: true, 33 | }); 34 | } else { 35 | this.setData({ 36 | check: false, 37 | }); 38 | } 39 | }, 40 | }); 41 | -------------------------------------------------------------------------------- /src/example/form/form_bottom_fixed.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | } 4 | .weui-label { 5 | width: 3.1em; 6 | } 7 | -------------------------------------------------------------------------------- /src/example/form/form_checkbox.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | items: [ 5 | { name: '1', value: 'standard is dealt for u.' }, 6 | { name: '2', value: 'standard is dealicient for u.', checked: 'true' }, 7 | { name: '3', value: 'standard is for u', checked: 'true', disabled: 'true' }, 8 | ], 9 | }, 10 | checkboxChange(e) { 11 | console.log('checkbox发生change事件，携带value值为：', e.detail.value); 12 | }, 13 | }); 14 | -------------------------------------------------------------------------------- /src/example/form/form_checkbox.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /src/example/form/form_input_status.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | value: '', 5 | showClearBtn: false, 6 | isWaring: false, 7 | 8 | currentValue: '', 9 | isCurrentWaring: false, 10 | }, 11 | onCurrentInput() { 12 | this.setData({ 13 | isCurrentWaring: true, 14 | }); 15 | }, 16 | onInput(evt) { 17 | const { value } = evt.detail; 18 | this.setData({ 19 | value, 20 | showClearBtn: !!value.length, 21 | isWaring: false, 22 | }); 23 | }, 24 | onClear() { 25 | this.setData({ 26 | value: '', 27 | showClearBtn: false, 28 | isWaring: false, 29 | }); 30 | }, 31 | onConfirm() { 32 | if (this.data.value.length < 16) { 33 | this.setData({ 34 | isWaring: true, 35 | }); 36 | } 37 | }, 38 | }); 39 | -------------------------------------------------------------------------------- /src/example/form/form_input_status.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | } 4 | 5 | .weui-label { 6 | width: 3.1em; 7 | } 8 | .weui-toptips { 9 | display: block; 10 | opacity: 0; 11 | visibility: hidden; 12 | transition: opacity 0.3s; 13 | } 14 | .show_toptips { 15 | visibility: visible; 16 | opacity: 1; 17 | } 18 | -------------------------------------------------------------------------------- /src/example/form/form_page.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/form/form_page.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | } 4 | .weui-label { 5 | width: 4.1em; 6 | } 7 | -------------------------------------------------------------------------------- /src/example/form/form_primary.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/form/form_radio.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | items: [ 5 | { name: '1', value: 'cell standard' }, 6 | { name: '2', value: 'cell standard', checked: 'true' }, 7 | ], 8 | }, 9 | radioChange(e) { 10 | console.log('radio发生change事件，携带value值为：', e.detail.value); 11 | }, 12 | }); 13 | -------------------------------------------------------------------------------- /src/example/form/form_radio.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /src/example/form/form_select.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | array1: ['微信号', 'QQ号', 'Email'], 5 | array2: ['+86', '+80', '+84', '+87'], 6 | array3: ['中国', '美国', '英国'], 7 | value1: 0, 8 | value2: 0, 9 | value3: 0, 10 | }, 11 | bindPicker1Change(e) { 12 | this.setData({ 13 | value1: e.detail.value, 14 | }); 15 | }, 16 | bindPicker2Change(e) { 17 | this.setData({ 18 | value2: e.detail.value, 19 | }); 20 | }, 21 | bindPicker3Change(e) { 22 | this.setData({ 23 | value3: e.detail.value, 24 | }); 25 | }, 26 | }); 27 | -------------------------------------------------------------------------------- /src/example/form/form_select.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /src/example/form/form_switch.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/form/form_switch.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /src/example/form/form_textarea.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/form/form_textarea.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /src/example/form/form_vcode.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | vcodeValue: false, 5 | msg: false, 6 | checkValue: 1, 7 | check: false, 8 | }, 9 | bindVcodeInput(e) { 10 | if (e.detail.value) { 11 | this.setData({ 12 | vcodeValue: true, 13 | }); 14 | } 15 | }, 16 | checkStatus() { 17 | if (!this.data.check) { 18 | this.setData({ 19 | msg: true, 20 | }); 21 | } 22 | const that = this; 23 | }, 24 | checkboxChange(e) { 25 | if (e.detail.value.includes('1')) { 26 | this.setData({ 27 | check: true, 28 | }); 29 | } else { 30 | this.setData({ 31 | check: false, 32 | }); 33 | } 34 | }, 35 | }); 36 | -------------------------------------------------------------------------------- /src/example/form/form_vcode.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | } 4 | .weui-label { 5 | width: 3.1em; 6 | } 7 | -------------------------------------------------------------------------------- /src/example/form/form_vertical.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/form/form_vertical.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /src/example/gallery/gallery.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | gallery: false, 5 | }, 6 | close() { 7 | this.setData({ 8 | gallery: false, 9 | }); 10 | }, 11 | open() { 12 | this.setData({ 13 | gallery: true, 14 | }); 15 | }, 16 | }); 17 | -------------------------------------------------------------------------------- /src/example/gallery/gallery.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | 5 | -------------------------------------------------------------------------------- /src/example/grid/grid.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/half-screen-dialog/half-screen-dialog.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | [weui-modal-show='false'] { 5 | .weui-half-screen-dialog { 6 | transition: transform 0.3s; 7 | transform: translateY(100%); 8 | } 9 | } 10 | [weui-modal-show='true'] { 11 | .weui-half-screen-dialog { 12 | transform: translateY(0); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /src/example/icons/icons.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/icons/icons.less: -------------------------------------------------------------------------------- 1 | icon { 2 | margin-right: 13px; 3 | } 4 | .page__bd { 5 | padding-left: 40px; 6 | padding-right: 40px; 7 | text-align: left; 8 | } 9 | .icon-box { 10 | margin-bottom: 25px; 11 | display: flex; 12 | align-items: center; 13 | i { 14 | margin-right: 18px; 15 | } 16 | } 17 | .icon-box__ctn { 18 | flex-shrink: 100; 19 | } 20 | .icon-box__title { 21 | font-size: 20px; 22 | } 23 | .icon-box__desc { 24 | margin-top: 6px; 25 | font-size: 12px; 26 | color: #888; 27 | } 28 | .icon_sp_area { 29 | margin-top: 10px; 30 | text-align: left; 31 | } 32 | -------------------------------------------------------------------------------- /src/example/images/icon_del.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/example/images/icon_footer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/icon_footer.png -------------------------------------------------------------------------------- /src/example/images/icon_footer_link.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/icon_footer_link.png -------------------------------------------------------------------------------- /src/example/images/icon_intro.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/icon_intro.png -------------------------------------------------------------------------------- /src/example/images/icon_love.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/example/images/icon_nav_feedback.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/icon_nav_feedback.png -------------------------------------------------------------------------------- /src/example/images/icon_nav_form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/icon_nav_form.png -------------------------------------------------------------------------------- /src/example/images/icon_nav_layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/icon_nav_layout.png -------------------------------------------------------------------------------- /src/example/images/icon_nav_nav.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/icon_nav_nav.png -------------------------------------------------------------------------------- /src/example/images/icon_nav_search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/icon_nav_search.png -------------------------------------------------------------------------------- /src/example/images/icon_nav_special.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/icon_nav_special.png -------------------------------------------------------------------------------- /src/example/images/icon_nav_z-index.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/icon_nav_z-index.png -------------------------------------------------------------------------------- /src/example/images/icon_star.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/example/images/icon_tabbar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/icon_tabbar.png -------------------------------------------------------------------------------- /src/example/images/layers/content.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/layers/content.png -------------------------------------------------------------------------------- /src/example/images/layers/navigation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/layers/navigation.png -------------------------------------------------------------------------------- /src/example/images/layers/popout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/layers/popout.png -------------------------------------------------------------------------------- /src/example/images/layers/transparent.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/layers/transparent.gif -------------------------------------------------------------------------------- /src/example/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/logo.png -------------------------------------------------------------------------------- /src/example/images/pic_160.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/pic_160.png -------------------------------------------------------------------------------- /src/example/images/pic_article.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/pic_article.png -------------------------------------------------------------------------------- /src/example/images/pic_gongan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/pic_gongan.png -------------------------------------------------------------------------------- /src/example/images/vcode.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tencent/weui-wxss/b640d35ab925041373c8d85b39b6150ddff747ac/src/example/images/vcode.jpg -------------------------------------------------------------------------------- /src/example/index.less: -------------------------------------------------------------------------------- 1 | @import "../style/base/theme/fn"; 2 | 3 | .weui-flex { 4 | align-items: center; 5 | } 6 | .weui-cells { 7 | margin-top: 0; 8 | opacity: 0; 9 | transform: translateY(-50%); 10 | transition: 0.3s; 11 | &::before, 12 | &::after { 13 | display: none; 14 | } 15 | &_show { 16 | opacity: 1; 17 | transform: translateY(0); 18 | } 19 | } 20 | .weui-cell { 21 | &::before { 22 | right: 15px; 23 | } 24 | } 25 | 26 | .kind-list{} 27 | .kind-list__item { 28 | margin: 10px 0; 29 | background-color: var(--weui-BG-2); 30 | border-radius: 2px; 31 | overflow: hidden; 32 | &:first-child { 33 | margin-top: 0; 34 | } 35 | } 36 | .kind-list__img { 37 | width: 30px; 38 | height: 30px; 39 | .dark({ 40 | filter: invert(100) hue-rotate(180deg); 41 | }); 42 | } 43 | 44 | .kind-list__item-hd { 45 | padding: 20px; 46 | transition: opacity 0.3s; 47 | &_show { 48 | opacity: 0.4; 49 | } 50 | } 51 | .kind-list__item-bd { 52 | height: 0; 53 | overflow: hidden; 54 | &_show { 55 | height: auto; 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /src/example/information-bar/information-bar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | topTips: false, 5 | hide: false, 6 | }, 7 | close() { 8 | this.setData({ 9 | hide: true, 10 | }); 11 | setTimeout(() => { 12 | this.setData({ 13 | topTips: false, 14 | hide: false, 15 | }); 16 | }, 300); 17 | }, 18 | open() { 19 | this.setData({ 20 | topTips: true, 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /src/example/information-bar/information-bar.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | .weui-information-bar { 5 | position: static; 6 | margin-bottom: 20px; 7 | } 8 | -------------------------------------------------------------------------------- /src/example/input/input.less: -------------------------------------------------------------------------------- 1 | .weui-vcode-img { 2 | width: 108px; 3 | } 4 | -------------------------------------------------------------------------------- /src/example/list/list.js: -------------------------------------------------------------------------------- 1 | const base64 = require('../images/base64'); 2 | Page({ 3 | mixins: [require('../../mixin/common')], 4 | onLoad() { 5 | this.setData({ 6 | icon: base64.icon20, 7 | }); 8 | }, 9 | }); 10 | -------------------------------------------------------------------------------- /src/example/list/list.less: -------------------------------------------------------------------------------- 1 | .weui-cell__hd { 2 | font-size: 0; 3 | image { 4 | margin-right: 16px; 5 | vertical-align: middle; 6 | width: 20px; 7 | height: 20px; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /src/example/loading/loading.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/loading/loading.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-0); 3 | } 4 | .weui-loading__wrp { 5 | display: flex; 6 | align-items: center; 7 | justify-content: center; 8 | padding: 16px; 9 | .weui-loading, 10 | .weui-mask-loading, 11 | .weui-primary-loading { 12 | margin: 0 10px; 13 | } 14 | } 15 | .weui-loading__wrp:last-child { 16 | background-color: rgba(0, 0, 0, 0.1); 17 | } 18 | -------------------------------------------------------------------------------- /src/example/loadmore/loadmore.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/loadmore/loadmore.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | -------------------------------------------------------------------------------- /src/example/loadmore/loadmore.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Loadmore 5 | 加载更多 6 | 7 | 8 | 9 | 12 | 正在加载 13 | 14 | 15 | 暂无数据 16 | 17 | 18 | 已无更多数据 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /src/example/msg/msg.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openSuccess() { 4 | wx.navigateTo({ 5 | url: 'msg_success', 6 | }); 7 | }, 8 | openText() { 9 | wx.navigateTo({ 10 | url: 'msg_text', 11 | }); 12 | }, 13 | openTextPrimary() { 14 | wx.navigateTo({ 15 | url: 'msg_text_primary', 16 | }); 17 | }, 18 | openCustomAreaPreview() { 19 | wx.navigateTo({ 20 | url: 'msg_custom_area_preview', 21 | }); 22 | }, 23 | openCustomAreaTips() { 24 | wx.navigateTo({ 25 | url: 'msg_custom_area_tips', 26 | }); 27 | }, 28 | openCustomAreaCell() { 29 | wx.navigateTo({ 30 | url: 'msg_custom_area_cell', 31 | }); 32 | }, 33 | openFail() { 34 | wx.navigateTo({ 35 | url: 'msg_warn', 36 | }); 37 | }, 38 | }); 39 | -------------------------------------------------------------------------------- /src/example/msg/msg.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | -------------------------------------------------------------------------------- /src/example/msg/msg_custom_area_cell.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/msg/msg_custom_area_cell.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | background-color: var(--weui-BG-2); 4 | } 5 | -------------------------------------------------------------------------------- /src/example/msg/msg_custom_area_preview.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/msg/msg_custom_area_preview.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | background-color: var(--weui-BG-2); 4 | } 5 | -------------------------------------------------------------------------------- /src/example/msg/msg_custom_area_tips.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/msg/msg_custom_area_tips.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | background-color: var(--weui-BG-2); 4 | } 5 | -------------------------------------------------------------------------------- /src/example/msg/msg_success.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/msg/msg_success.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | background-color: var(--weui-BG-2); 4 | } 5 | -------------------------------------------------------------------------------- /src/example/msg/msg_text.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/msg/msg_text.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | background-color: var(--weui-BG-2); 4 | } 5 | -------------------------------------------------------------------------------- /src/example/msg/msg_text.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 操作成功 6 | 内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现文字链接 7 | 8 | 9 | 10 | 推荐操作 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/example/msg/msg_text_primary.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/msg/msg_text_primary.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | background-color: var(--weui-BG-2); 4 | } 5 | -------------------------------------------------------------------------------- /src/example/msg/msg_text_primary.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现 6 | 内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现 7 | 8 | 9 | 10 | 推荐操作 11 | 12 | 13 | 14 | 提示详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现文字链接 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/example/msg/msg_warn.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/msg/msg_warn.less: -------------------------------------------------------------------------------- 1 | .page { 2 | height: 100%; 3 | background-color: var(--weui-BG-2); 4 | } 5 | -------------------------------------------------------------------------------- /src/example/navbar/navbar.js: -------------------------------------------------------------------------------- 1 | const sliderWidth = 96; // 需要设置slider的宽度，用于计算中间位置 2 | 3 | Page({ 4 | mixins: [require('../../mixin/common')], 5 | data: { 6 | tabs: ['选项一', '选项二', '选项三'], 7 | activeIndex: 1, 8 | sliderOffset: 0, 9 | sliderLeft: 0, 10 | }, 11 | onLoad() { 12 | const that = this; 13 | wx.getSystemInfo({ 14 | success(res) { 15 | that.setData({ 16 | sliderLeft: (res.windowWidth / that.data.tabs.length - sliderWidth) / 2, 17 | sliderOffset: res.windowWidth / that.data.tabs.length * that.data.activeIndex, 18 | }); 19 | }, 20 | }); 21 | }, 22 | tabClick(e) { 23 | this.setData({ 24 | sliderOffset: e.currentTarget.offsetLeft, 25 | activeIndex: e.currentTarget.id, 26 | }); 27 | }, 28 | }); 29 | -------------------------------------------------------------------------------- /src/example/navbar/navbar.less: -------------------------------------------------------------------------------- 1 | .page, 2 | .page__bd { 3 | height: 100%; 4 | } 5 | .page__bd { 6 | padding-bottom: 0; 7 | } 8 | .weui-tab__content { 9 | padding-top: 60px; 10 | text-align: center; 11 | } 12 | .weui-tab__panel { 13 | padding: 32px; 14 | } 15 | -------------------------------------------------------------------------------- /src/example/navigation-bar/navigation-bar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/navigation-bar/navigation-bar.less: -------------------------------------------------------------------------------- 1 | .weui-navigation-bar { position: relative; } 2 | .weui-navigation-bar__inner { position: absolute; } 3 | -------------------------------------------------------------------------------- /src/example/panel/panel.js: -------------------------------------------------------------------------------- 1 | const base64 = require('../images/base64'); 2 | 3 | Page({ 4 | mixins: [require('../../mixin/common')], 5 | onLoad() { 6 | this.setData({ 7 | icon20: base64.icon20, 8 | icon60: base64.icon60, 9 | }); 10 | }, 11 | }); 12 | -------------------------------------------------------------------------------- /src/example/panel/panel.less: -------------------------------------------------------------------------------- 1 | .weui-cell_example { 2 | .weui-cell__hd { 3 | image { 4 | width: 20px; 5 | height: 20px; 6 | display: block; 7 | margin-right: 16px; 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/example/picker/picker.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | array: ['美国', '中国', '巴西', '日本'], 5 | index: 0, 6 | date: '2016-09-01', 7 | time: '12:01', 8 | }, 9 | bindPickerChange(e) { 10 | console.log('picker发送选择改变，携带值为', e.detail.value); 11 | this.setData({ 12 | index: e.detail.value, 13 | }); 14 | }, 15 | bindDateChange(e) { 16 | this.setData({ 17 | date: e.detail.value, 18 | }); 19 | }, 20 | bindTimeChange(e) { 21 | this.setData({ 22 | time: e.detail.value, 23 | }); 24 | }, 25 | }); 26 | -------------------------------------------------------------------------------- /src/example/picker/picker.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | picker { margin-bottom: 16px; } 5 | -------------------------------------------------------------------------------- /src/example/preview/preview.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/preview/preview.less: -------------------------------------------------------------------------------- 1 | .weui-form-preview { 2 | margin-bottom: 25px; 3 | } 4 | -------------------------------------------------------------------------------- /src/example/progress/progress.js: -------------------------------------------------------------------------------- 1 | function _next() { 2 | const that = this; 3 | if (this.data.progress >= 100) { 4 | this.setData({ 5 | disabled: false, 6 | }); 7 | return true; 8 | } 9 | 10 | this.data.progress += 1; 11 | this.setData({ 12 | progress: this.data.progress, 13 | }); 14 | setTimeout(() => { 15 | _next.call(that); 16 | }, 20); 17 | } 18 | 19 | Page({ 20 | mixins: [require('../../mixin/common')], 21 | data: { 22 | progress: 0, 23 | disabled: false, 24 | }, 25 | upload() { 26 | if (this.data.disabled) return; 27 | 28 | this.setData({ 29 | progress: 0, 30 | disabled: true, 31 | }); 32 | _next.call(this); 33 | }, 34 | }); 35 | -------------------------------------------------------------------------------- /src/example/progress/progress.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | .weui-progress { 5 | margin-bottom: 24px; 6 | } 7 | -------------------------------------------------------------------------------- /src/example/searchbar/searchbar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openSearchFilled() { 4 | wx.navigateTo({ 5 | url: 'searchbar_filled', 6 | }); 7 | }, 8 | openSearchGrey() { 9 | wx.navigateTo({ 10 | url: 'searchbar_grey', 11 | }); 12 | }, 13 | openSearchOutlined() { 14 | wx.navigateTo({ 15 | url: 'searchbar_outlined', 16 | }); 17 | }, 18 | openSearchHomepage() { 19 | wx.navigateTo({ 20 | url: 'searchbar_homepage', 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /src/example/searchbar/searchbar.less: -------------------------------------------------------------------------------- 1 | .searchbar-result { 2 | margin-top: 0; 3 | font-size: 14px; 4 | } 5 | .searchbar-result .weui-cell__bd { 6 | padding: 2px 0 2px 20px; 7 | color: var(--weui-FG-1); 8 | } 9 | .searchbar-result::before { 10 | display: none; 11 | } 12 | -------------------------------------------------------------------------------- /src/example/searchbar/searchbar.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SearchBar 5 | 搜索栏 6 | 7 | 8 | 9 | Filled Default 10 | Filled Grey 11 | Outlined 12 | Homepage 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /src/example/searchbar/searchbar_filled.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputShowed: false, 5 | inputVal: '', 6 | isFocus: false, 7 | }, 8 | showInput() { 9 | this.setData({ 10 | inputShowed: true, 11 | }); 12 | }, 13 | blurInput() { 14 | this.setData({ 15 | isFocus: false, 16 | }); 17 | }, 18 | hideInput() { 19 | this.setData({ 20 | inputVal: '', 21 | inputShowed: false, 22 | }); 23 | }, 24 | clearInput() { 25 | this.setData({ 26 | inputVal: '', 27 | }); 28 | }, 29 | inputTyping(e) { 30 | this.setData({ 31 | inputVal: e.detail.value, 32 | isFocus: true, 33 | }); 34 | }, 35 | }); 36 | -------------------------------------------------------------------------------- /src/example/searchbar/searchbar_filled.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background: var(--weui-BG-3); 3 | } 4 | .searchbar-result { 5 | margin-top: 0; 6 | font-size: 14px; 7 | } 8 | .searchbar-result .weui-cell__bd { 9 | padding: 2px 0 2px 20px; 10 | color: var(--weui-FG-1); 11 | } 12 | .searchbar-result::before { 13 | display: none; 14 | } 15 | -------------------------------------------------------------------------------- /src/example/searchbar/searchbar_grey.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputShowed: false, 5 | inputVal: '', 6 | isFocus: false, 7 | }, 8 | showInput() { 9 | this.setData({ 10 | inputShowed: true, 11 | }); 12 | }, 13 | blurInput() { 14 | this.setData({ 15 | isFocus: false, 16 | }); 17 | }, 18 | hideInput() { 19 | this.setData({ 20 | inputVal: '', 21 | inputShowed: false, 22 | }); 23 | }, 24 | clearInput() { 25 | this.setData({ 26 | inputVal: '', 27 | }); 28 | }, 29 | inputTyping(e) { 30 | this.setData({ 31 | inputVal: e.detail.value, 32 | isFocus: true, 33 | }); 34 | }, 35 | }); 36 | 37 | 38 | -------------------------------------------------------------------------------- /src/example/searchbar/searchbar_homepage.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputShowed: false, 5 | inputVal: '', 6 | isFocus: false, 7 | }, 8 | showInput() { 9 | this.setData({ 10 | inputShowed: true, 11 | }); 12 | }, 13 | blurInput() { 14 | this.setData({ 15 | isFocus: false, 16 | }); 17 | }, 18 | hideInput() { 19 | this.setData({ 20 | inputVal: '', 21 | inputShowed: false, 22 | }); 23 | }, 24 | clearInput() { 25 | this.setData({ 26 | inputVal: '', 27 | }); 28 | }, 29 | inputTyping(e) { 30 | this.setData({ 31 | inputVal: e.detail.value, 32 | isFocus: true, 33 | }); 34 | }, 35 | }); 36 | 37 | 38 | -------------------------------------------------------------------------------- /src/example/searchbar/searchbar_homepage.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | SearchBar 5 | 搜索栏 Homepage 6 | 7 | 8 | 9 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/example/searchbar/searchbar_outlined.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | inputVal: '', 5 | isFocus: false, 6 | }, 7 | blurInput() { 8 | this.setData({ 9 | isFocus: false, 10 | }); 11 | }, 12 | clearInput() { 13 | this.setData({ 14 | inputVal: '', 15 | }); 16 | }, 17 | inputTyping(e) { 18 | this.setData({ 19 | inputVal: e.detail.value, 20 | isFocus: true, 21 | }); 22 | }, 23 | }); 24 | 25 | -------------------------------------------------------------------------------- /src/example/slider/slider.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/slider/slider.less: -------------------------------------------------------------------------------- 1 | slider { 2 | margin-bottom: 30px; 3 | } 4 | -------------------------------------------------------------------------------- /src/example/slideview/slideview.js: -------------------------------------------------------------------------------- 1 | const base64 = require('../images/base64'); 2 | Page({ 3 | mixins: [require('../../mixin/common')], 4 | onLoad() { 5 | this.setData({ 6 | icon: base64.icon20, 7 | }); 8 | }, 9 | }); 10 | -------------------------------------------------------------------------------- /src/example/steps/steps.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | openStepsHorizonal() { 4 | wx.navigateTo({ 5 | url: 'steps_horizonal', 6 | }); 7 | }, 8 | openStepsVertical() { 9 | wx.navigateTo({ 10 | url: 'steps_vertical', 11 | }); 12 | }, 13 | }); 14 | -------------------------------------------------------------------------------- /src/example/steps/steps.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | -------------------------------------------------------------------------------- /src/example/steps/steps.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Steps 5 | 步骤条 6 | 7 | 8 | 垂直型 9 | 水平型 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/example/steps/steps_horizonal.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | 5 | -------------------------------------------------------------------------------- /src/example/steps/steps_horizonal.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | .weui-steps { 5 | margin: 40px auto 80px; 6 | max-width: 50%; 7 | } 8 | 9 | -------------------------------------------------------------------------------- /src/example/steps/steps_vertical.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | 5 | -------------------------------------------------------------------------------- /src/example/steps/steps_vertical.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | .weui-steps { 5 | margin: 40px auto; 6 | max-width: 50%; 7 | padding-bottom: 40px; 8 | } 9 | 10 | -------------------------------------------------------------------------------- /src/example/tabbar/tabbar.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | }); 4 | -------------------------------------------------------------------------------- /src/example/tabbar/tabbar.less: -------------------------------------------------------------------------------- 1 | .weui-tabbar { 2 | position: fixed; 3 | bottom: 0; 4 | left: 0; 5 | right: 0; 6 | } 7 | .weui-tab__panel { 8 | padding: 32px; 9 | } 10 | -------------------------------------------------------------------------------- /src/example/toast/toast.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | -------------------------------------------------------------------------------- /src/example/top-tips/top-tips.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | topTips: false, 5 | hide: false, 6 | }, 7 | close() { 8 | this.setData({ 9 | hide: true, 10 | }); 11 | setTimeout(() => { 12 | this.setData({ 13 | topTips: false, 14 | hide: false, 15 | }); 16 | }, 300); 17 | }, 18 | open() { 19 | this.setData({ 20 | topTips: true, 21 | }); 22 | }, 23 | }); 24 | -------------------------------------------------------------------------------- /src/example/top-tips/top-tips.less: -------------------------------------------------------------------------------- 1 | .page { 2 | background-color: var(--weui-BG-2); 3 | } 4 | .weui-toptips { 5 | display: block; 6 | } 7 | -------------------------------------------------------------------------------- /src/example/top-tips/top-tips.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | TopTips 5 | 顶部提示条 6 | 7 | 8 | 显示提示条 9 | 隐藏提示条 10 | 11 | 错误提示 12 | 13 | -------------------------------------------------------------------------------- /src/example/uploader/uploader.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | mixins: [require('../../mixin/common')], 3 | data: { 4 | files: [], 5 | }, 6 | }); 7 | -------------------------------------------------------------------------------- /src/mixin/common.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | data: { 3 | theme: '', 4 | mode: '', // 模式(care：关怀模式) 5 | }, 6 | onGlobalDataChanged(globalData) { 7 | this.setData(globalData); 8 | }, 9 | onLoad() { 10 | const app = getApp(); 11 | 12 | this.setData({ 13 | theme: app.globalData.theme, 14 | mode: app.globalData.mode, 15 | }); 16 | 17 | app.watchGlobalDataChanged(this.onGlobalDataChanged); 18 | }, 19 | onUnload() { 20 | getApp().unWatchGlobalDataChanged(this.onGlobalDataChanged); 21 | }, 22 | }; 23 | -------------------------------------------------------------------------------- /src/style/base/mixin/mobile.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | .setTapColor(@c:rgba(0,0,0,0)) { 18 | -webkit-tap-highlight-color: @c; 19 | } 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /src/style/base/patch/weui-agree.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../fn.less"; 18 | 19 | 20 | .weui-agree__text { 21 | display: inline; 22 | } 23 | 24 | @supports (-webkit-overflow-scrolling:touch) { 25 | .weui-form { 26 | .weui-agree__checkbox { 27 | margin-top: -1px; 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /src/style/base/patch/weui-button.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../fn.less"; 18 | 19 | .weui-btn_icon { 20 | && { 21 | width: auto; 22 | min-height: 0; 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /src/style/base/patch/weui-form.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../fn.less"; 18 | 19 | 20 | .weui-btn_input-clear { 21 | display: block; 22 | } 23 | -------------------------------------------------------------------------------- /src/style/base/patch/weui-loadmore.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../fn.less"; 18 | 19 | .weui-loadmore { 20 | .weui-loading { 21 | margin-right: 0.3em; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /src/style/base/patch/weui-msg.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../fn.less"; 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /src/style/base/theme/index.less: -------------------------------------------------------------------------------- 1 | @import 'fn'; 2 | 3 | page, 4 | [data-weui-theme='light'] { 5 | .varsLight(); 6 | } 7 | 8 | [data-weui-theme='dark'] { 9 | .varsDark(); 10 | } 11 | 12 | [data-weui-mode='care'], 13 | [data-weui-mode='care'][data-weui-theme='light'] { 14 | .varsCareDark(); 15 | } 16 | 17 | [data-weui-mode='care'][data-weui-theme='dark'] { 18 | .varsCareDark(); 19 | } 20 | -------------------------------------------------------------------------------- /src/style/base/variable/global.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | // font 18 | @weuiFontEN: system-ui, -apple-system, "Helvetica Neue"; 19 | @weuiFontCN: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei"; 20 | @weuiFontSans: sans-serif; 21 | @weuiFontDefault: @weuiFontEN, @weuiFontSans; 22 | -------------------------------------------------------------------------------- /src/style/base/variable/weui-grid.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../../base/fn"; 18 | 19 | @weuiGridBorderColor: var(--weui-FG-3); 20 | @weuiGridFontSize: 14px; 21 | @weuiGridIconSize: 28px; 22 | @weuiGridColumnCount: 3; 23 | -------------------------------------------------------------------------------- /src/style/base/variable/weui-msg.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @weuiMsgPaddingTop: 48px; 18 | @weuiMsgTitleGap: 16px; 19 | -------------------------------------------------------------------------------- /src/style/base/variable/weui-progress.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../../base/fn"; 18 | 19 | @weuiProgressBg: @weuiBgColorDefault; 20 | @weuiProgressColor: @weuiColorPrimary; 21 | @weuiProgressHeight: 3px; 22 | -------------------------------------------------------------------------------- /src/style/base/variable/weui-tab.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @weuiNavBarHeight: 56px; 18 | @weuiTabBarHeight: 60px; 19 | -------------------------------------------------------------------------------- /src/style/widget/weui-button/weui-btn_default.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../../base/fn"; 18 | 19 | .weui-btn_default { 20 | color: var(--weui-FG-0); 21 | background-color: var(--weui-FG-5); 22 | &:not(.weui-btn_disabled):visited { 23 | color: var(--weui-FG-0); 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /src/style/widget/weui-button/weui-btn_disabled.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../../base/fn"; 18 | 19 | .weui-btn_disabled, 20 | .weui-btn[disabled] { 21 | color: var(--weui-FG-4); 22 | background-color: var(--weui-FG-5); 23 | } 24 | -------------------------------------------------------------------------------- /src/style/widget/weui-button/weui-btn_primary.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../../base/fn"; 18 | 19 | .weui-btn_primary { 20 | background-color: var(--weui-BRAND); 21 | &:not(.weui-btn_disabled):visited { 22 | color: #fff; 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /src/style/widget/weui-button/weui-btn_warn.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../../base/fn"; 18 | 19 | .weui-btn_warn { 20 | background-color: var(--weui-RED-100); 21 | &:not(.weui-btn_disabled):visited { 22 | color: #fff; 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /src/style/widget/weui-cell/weui-check.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../../base/fn"; 18 | @import "./weui-check/weui-check_common"; 19 | @import "./weui-check/weui-radio"; 20 | @import "./weui-check/weui-checkbox"; 21 | -------------------------------------------------------------------------------- /src/style/widget/weui-cell/weui-form.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../../base/fn"; 18 | @import "./weui-form/weui-form_common"; 19 | @import "./weui-form/weui-form-preview"; 20 | @import "./weui-form/weui-select"; 21 | @import "./weui-form/weui-vcode"; 22 | -------------------------------------------------------------------------------- /src/style/widget/weui-flex/weui-flex.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../../base/fn"; 18 | 19 | .weui-flex { 20 | display: flex; 21 | } 22 | .weui-flex__item { 23 | flex: 1; 24 | min-width: 0; 25 | } 26 | -------------------------------------------------------------------------------- /src/style/widget/weui-text/weui-link.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tencent is pleased to support the open source community by making WeUI available. 3 | * 4 | * Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. 5 | * 6 | * Licensed under the MIT License (the "License"); you may not use this file except in compliance 7 | * with the License. You may obtain a copy of the License at 8 | * 9 | * http://opensource.org/licenses/MIT 10 | * 11 | * Unless required by applicable law or agreed to in writing, software distributed under the License is 12 | * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, 13 | * either express or implied. See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | @import "../../base/fn"; 18 | 19 | .weui-link { 20 | color: @weuiLinkColorDefault; 21 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 22 | &:visited { 23 | color: @weuiLinkColorDefault; 24 | } 25 | &:active { 26 | opacity: 0.5; 27 | } 28 | } 29 | --------------------------------------------------------------------------------