Repository: Tencent/weui-wxss Branch: master Commit: 739eca530481 Files: 873 Total size: 4.1 MB Directory structure: gitextract_qixy0c0l/ ├── .editorconfig ├── .gitignore ├── CHANGELOG.md ├── DIFF.md ├── LICENSE.txt ├── README.md ├── 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 │ │ ├── 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 │ │ ├── base.wxss │ │ ├── fn.wxss │ │ ├── mixin/ │ │ │ ├── btnWrapLayout.wxss │ │ │ ├── mobile.wxss │ │ │ ├── setArrow.wxss │ │ │ ├── setLoading.wxss │ │ │ ├── setOnepx.wxss │ │ │ └── text.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 │ │ ├── patch.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-form.wxss │ │ ├── weui-cell.wxss │ │ ├── weui-cell_global.wxss │ │ ├── weui-cell_swiped.wxss │ │ ├── weui-cells__group.wxss │ │ ├── weui-check/ │ │ │ ├── weui-check_common.wxss │ │ │ ├── weui-checkbox.wxss │ │ │ └── weui-radio.wxss │ │ ├── weui-check.wxss │ │ ├── weui-form/ │ │ │ ├── weui-form-preview.wxss │ │ │ ├── weui-form_common.wxss │ │ │ ├── weui-select.wxss │ │ │ └── weui-vcode.wxss │ │ ├── weui-form.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-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 │ │ ├── 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 │ │ ├── base.wxss │ │ ├── fn.wxss │ │ ├── mixin/ │ │ │ ├── btnWrapLayout.wxss │ │ │ ├── mobile.wxss │ │ │ ├── setArrow.wxss │ │ │ ├── setLoading.wxss │ │ │ ├── setOnepx.wxss │ │ │ ├── text.wxss │ │ │ └── wrapBtnLayout.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 │ │ ├── patch.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-form.wxss │ │ ├── weui-cell.wxss │ │ ├── weui-cell_global.wxss │ │ ├── weui-cell_swiped.wxss │ │ ├── weui-cells__group.wxss │ │ ├── weui-check/ │ │ │ ├── weui-check_common.wxss │ │ │ ├── weui-checkbox.wxss │ │ │ └── weui-radio.wxss │ │ ├── weui-check.wxss │ │ ├── weui-form/ │ │ │ ├── weui-form-preview.wxss │ │ │ ├── weui-form_common.wxss │ │ │ ├── weui-select.wxss │ │ │ └── weui-vcode.wxss │ │ ├── weui-form.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.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 │ ├── 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 │ ├── base.less │ ├── fn.less │ ├── mixin/ │ │ ├── btnWrapLayout.less │ │ ├── mobile.less │ │ ├── setArrow.less │ │ ├── setLoading.less │ │ ├── setOnepx.less │ │ └── text.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 │ ├── patch.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-form.less │ ├── weui-cell.less │ ├── weui-cell_global.less │ ├── weui-cell_swiped.less │ ├── weui-cells__group.less │ ├── weui-check/ │ │ ├── weui-check_common.less │ │ ├── weui-checkbox.less │ │ └── weui-radio.less │ ├── weui-check.less │ ├── weui-form/ │ │ ├── weui-form-preview.less │ │ ├── weui-form_common.less │ │ ├── weui-select.less │ │ └── weui-vcode.less │ ├── weui-form.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 ================================================ FILE CONTENTS ================================================ ================================================ FILE: .editorconfig ================================================ root = true [*] indent_style = space indent_size = 4 end_of_line = lf charset = utf-8 ================================================ FILE: .gitignore ================================================ *swp *~ .idea node_modules npm-debug.log .DS_Store dist/project.config.json dist/sitemap* ================================================ FILE: CHANGELOG.md ================================================ ### v2.6.26 (2026-03-11) #### Bugfixes * fix: fix: weui-half-screen-dialog，去掉媒体查询screen的限制 [#20](https://git.woa.com/wx_fed/weui-source/issues/20) * fix: weui-dialog，打印的时候弹窗没居中 [#19](https://git.woa.com/wx_fed/weui-source/issues/19) ### v2.6.25 (2025-09-12) #### Features * feat: uploader组件支持缩略图带删除 #### Bugfixes * fix: 修复uploader示例无障碍体验问题 * fix: 修复searchbar组件未激活时水平边距左右不一致的问题 * fix: 修复searchbar组件激活时关键词与输入内容的对齐问题 ### v2.6.22 (2025-06-16) #### Bugfixes * fix: Button 组件新增扩展类 weui-btn_margin-reset 支持去掉默认水平居中效果 ### v2.6.21 (2024-12-23) #### Features * feat: 新增weui-toast__wrp结构用于适配toast宽度动态变化 #### Bugfixes * fix: 修复toast组件超长英文溢出问题 * fix: 修复表单悬浮按钮、半屏弹窗悬浮按钮、验证码按钮、搜索按钮等未适配button组件新规范的问题 ### v2.6.20 (2024-12-23) #### Features * feat: button组件宽度适配规则更新 ### v2.6.19 (2024-12-18) #### Features * feat: toast组件规范更新 ### v2.6.18 (2024-10-31) #### Features * feat: half-screen-dialog组件头部区域新增weui-half-screen-dialog__hd__action-group结构（用于存放左右上角的操作列表） * feat: half-screen-dialog组件升级拖拽杆样式，新增half-screen-dialog_grab场景 #### Bugfixes * fix: 表单weui-label支持英文词间折行加破折号 * fix: 表单weui-cell支持顶部对齐 * fix: 修复weui-cell_access字体颜色继承问题 ### v2.6.17 (2024-10-16) #### Bugfixes * fix: 去掉小程序darkmode的媒体查询 ### v2.6.16 (2024-08-12) #### Features * feat: weui-dialog组件UI升级 #### Bugfixes * fix: 去掉系统自带的点击效果 ### v2.6.15 (2024-07-23) #### Bugfixes * fix: iOS 18的PingFang字体font-weight开始支持bold，涉及到的组件需要把bold改为medium ### v2.6.14 (2024-07-23) #### Features * feat: 表单weui-form__tips和weui-agree UI更新，新增weui-form-tips__group和weui-form-tips__wrp结构 * feat: checkbox图标更新 * feat: weui-form多选/单选组件disabled态UI更新 ### v2.6.13 (2024-06-03) #### Bugfixes * fix: 修复weui-select组件高度问题 ### v2.6.12 (2024-03-20) #### Features * feat: searchbar组件升级，分为filled(默认)、outlined和homepage三种变体 * feat: weui-agree组件对齐方式调整为顶对齐 * feat: weui-agree组件去掉摆动动画 #### Bugfixes * fix: 修复weui-select标题折行后的样式问题 * fix: 修复表单里验证码按钮disabled态被覆盖的问题 ### v2.6.11 (2024-01-12) #### Bugfixes * fix: 修复form组件上下结构带来的兼容问题 * fix: 调整button组件loading颜色 ### v2.6.9 (2023-12-22) #### Features * feat: 组件Button UI升级 * feat: 桌面端下鼠标形状统一为箭头 #### Bugfixes * fix: 调整组件weui-agree的热区 * fix: 调整组件weui-mask透明度 ### v2.6.8 (2023-12-15) #### Bugfixes * fix: 小程序图片预览接口去掉 ### v2.6.7 (2023-11-01) #### Features * feat: 色板升级，对齐design tokens #### Bugfixes * fix: 小程序新增隐私提示 * fix: 小程序example优化 * fix: 修复darkmode下小程序版.dark()方法无法切换的问题 ### v2.6.6 (2023-07-25) #### Bugfixes * fix: 修复因为cssnano配置导致的weui-wxss伪元素选择器格式问题 ### v2.6.5 (2023-07-21) #### Bugfixes * fix: 基础色板更新（FG-5、REDORANGE、TAG-TEXT-RED、TAG-BACKGROUND-RED） * fix: 伪元素统一使用双冒号 ### v2.6.4 (2023-06-30) #### Bugfixes * fix: informationBar组件局部颜色变量改为全局颜色变量 ### v2.6.3 (2023-06-29) #### Bugfixes * fix: less的unit()方法向前兼容 ### v2.6.2 (2023-06-29) #### Features * feat: 小程序支持media query切换darkmode #### Bugfixes * fix: 修复小程序下按钮组件disabled不生效问题 * fix: 去掉information-bar的变量嵌套引用 ### v2.6.1 (2023-06-28) #### Bugfixes * fix: 按钮背景色css变量更新为less变量 ### v2.6.0 (2023-06-21) #### Features * feat: 新增informationBar组件 * feat: cell组件支持上下结构 * feat: actionsheet菜单新增副标题 * feat: form新增weui-form__bd和weui-form__ft结构，布局向后兼容 * feat: form新增底部悬浮效果 * feat: button UI升级 ### v2.5.16 (2023-01-16) #### Features * feat: 升级picker样式 * feat: 升级loading样式 #### Bugfixes * fix: 统一“正在加载”文案 ### v2.5.15 (2022-12-26) #### Features * feat: 加入色板less变量 * feat: 色板新增红橙色 #### Bugfixes * fix: 弹窗标题缺少默认字体颜色 * fix: 半屏弹窗demo动画效果 * fix: weui-animate的keyframe名增加weui前缀 ### v2.5.14 (2022-09-16) #### Bugfixes * fix: 半屏组件的关闭图标兼容旧dom * fix: 修复小程序半屏demo的无障碍 ### v2.5.13 (2022-09-15) #### Bugfixes * fix: 修复ios16下text-align-last导致的问题 ### v2.5.12 (2022-09-06) #### Bugfixes * fix: toast、toptips层级调整至5500 ### v2.5.11 (2022-08-16) #### Features * feat: 小程序新增slide半屏 * feat: 优化slide半屏、loadmore、button组件的实现 #### Bugfixes * fix: 去掉弹窗适配无障碍focus时带系统默认聚焦样式 ### v2.5.10 (2022-08-02) #### Features * feat: uploader组件的上传图标大小从固定尺寸改为相对尺寸 #### Bugfixes * fix: 优化半屏弹窗样式代码 ### v2.5.9 (2022-06-16) #### Features * feat: 升级toast组件、article组件、msg组件UI * feat: 增加css变量注册容器`.wx-root` #### Bugfixes * fix: 修复flex布局 ### v2.5.8 (2022-05-27) #### Bugfixes * fix: 优化默认字体序列 ### v2.5.7 (2022-05-27) #### Bugfixes * fix: 默认字体名更新 * fix: 按钮禁止长按 ### v2.5.6 (2022-04-06) #### Features * feat: 新增单选框、复选框、开关组件的置灰态 #### Bugfixes * fix: 优化半屏弹窗按钮布局，保证向前兼容 * fix: 修复steps组件缺少初始化状态问题、新增icon-prev状态 * fix: 优化底部悬浮按钮间距实现方式 * fix: 去掉无用的weui-cell_access背景颜色点击态实现 * fix: 优化example体验 ### v2.5.5 (2022-03-03) #### Features * feat: 增加步骤条组件 * feat: weui-link增加点击态 #### Bugfixes * fix: 修复actionsheet头部上下安全距离 * fix: 修复navbar无障碍选中提示 * fix: 调整输入框清除按钮间距 ### v2.5.4 (2021-12-10) #### Bugfixes * fix: 修复若干UI细节问题 * fix: 优化悬浮按钮、form、panel、cell、msg、select、switch、textarea、agree组件示例 ### v2.5.3 (2021-12-08) #### Features * feat: 升级form组件UI * feat: 升级switch组件UI * feat: 升级articleUI、新增列表类型 * feat: cell组件新增副标题 * feat: 半屏弹窗新增下拉关闭图标（见样式二） #### Bugfixes * fix: 修复表单weui-agree组件对齐问题 ### v2.5.2 (2021-11-29) #### Features * feat: 升级article组件UI * feat: 底部悬浮按钮、半屏弹窗按钮支持垂直布局 * feat: 新增transition模态显示动画 #### Bugfixes * fix: 表单组件验证码同意协议复选框优化无障碍体验 * fix: navigation组件返回按钮热区不足44px * fix: 调整gallery组件底部安全间距、删除按钮增加点击态 * fix: 修复小程序slideview按钮宽度问题 * fix: actionsheet组件适配刘海屏 * fix: a11y热区去掉冗余背景声明 * fix: 修复图标按钮整合 * fix: 表单同意协议居中布局 * fix: 提高weui icon组件的选择器权重，用来规避和weui-icon混搭使用的权重问题 ### v2.5.1 (2021-10-11) #### Features * feat: 新增关怀模式色板 * feat: 半屏弹窗组件UI升级 * feat: 升级按钮loading UI * feat: msg组件标题字重调整 * feat: article新增无障碍整合焦点例子 ### v2.5.0 (2021-09-17) #### Features * feat: WeUI组件库适配无障碍 * feat: WeUI组件库适配大字号 * feat: 新增无障碍、热区工具类(见`/style/base/a11y.less`) * feat: 按钮组件UI升级：高度、圆角属性 * feat: 新增底部悬浮按钮 * feat: 统一各平台组件样式（涉及dialog、actionsheet） * feat: 小程序构建新增适老化脚本 * feat: 构建支持Node.js 12+的环境 #### Bugfixes * fix: msg组件extra-area新增水平间距 * fix: 修复navigation-bar的loading对齐问题 * fix: 修复toast文字场景默认宽度问题 ### v2.4.4 (2021-03-23) #### Features * feat: 升级半屏弹窗组件UI * feat: 升级msg组件UI #### Bugfixes * fix: 修复半屏弹窗单个按钮的布局问题 * fix: 修复actionsheet组件取消按钮字体颜色问题 * fix: 调整上传组件边距 ### v2.4.3 (2021-02-01) #### Features * feat: 调整Loading组件UI * feat: Toast组件新增长文案场景、加载中场景升级UI * feat: 新增msg自定义区域，可加key-value、普通提示、cell等列表 * feat: 表单状态新增当前位置报错场景 * feat: 表单组件新增跳转列表项 * feat: 新增链接点击态色值变量 * feat: 更新License年份 & 提供rpx版本 #### Bugfixes * fix: 修复Input组件placeholde字体颜色 * fix: 修复rpx版本下的demo展示问题 ### v2.4.2 (2020-11-25) #### Bugfixes * fix: 把weui和weui-wxss的changelog对齐现网版本 * fix: 修复picker组件darkmode下的背景色适配问题 * fix: 修复toast组件的旧版loading图标大小 * fix: 修复msg组件英文文本词间断行问题 ### v2.4.1 (2020-11-05) #### Features * feat: 升级toast组件的UI * feat: 新增圆圈loading组件 * feat: 升级button组件的loading UI #### Bugfixes * fix: msg组件文本区域新增英文词间折行加破折号的效果 ### v2.4.0 (2020-06-17) #### Features * feat: 升级色板配色 ### v2.3.0 (2020-03-04) #### Features * feat: 兼容小程序的navigator标签 * feat: input的placeholder更改颜色 * feat: 更改cell的点击态背景颜色 * feat: 适配小程序的darkmode #### Bugfixes * fix: msg的title没有适配黑暗模式 * fix: input placeholder的样式 * fix: fix default 按钮的点击态 * fix: form表单的验证码样式 * fix: darkmode右滑组件、修复图片预览组件刘海屏安全间距问题 * fix: 搜索框的文本没有适配黑暗模式 #### v2.0.1 (2019-10-23) - 【增强】 增加组件 form 表单页 - 【增强】 增加组件 actionsheet 模拟原生actionsheet - 【优化】 优化 slideview 右滑操作UI - 【修复】 修复在[weui-miniprogram](https://github.com/wechat-miniprogram/weui-miniprogram) v0.2下的一些兼容问题 #### v 2.0.0 (2019-08-01) - 【同步weui】 颜色规范、字体大小规范、间距规范对齐微信7.0新视觉风格 - 【同步weui】 更新weui-cell、weui-uploader、weui-article、weui-footer、weui-msg、weui-panel、weui-search-bar等组件的UI - 【增强】 增加组件 slideview 右滑操作 - 【增强】 增加组件 gallery 模拟原生全屏预览 - 【增强】 增加组件 loading 加载中 - 【增强】 增加组件 dialog 模拟原生弹窗 - 【增强】 增加组件 half-screen-dialog 半屏弹窗 - 【增强】 增加组件 navigation-bar 模拟原生顶部导航条 - 【增强】 增加组件 tabbar 模拟原生底部tab - 【优化】 废弃组件 navbar #### v 1.1.1 (2017-01-18) - 【同步weui】 增加扩展类.weui-loading_transparent - 【同步weui】 更新普通警告图标颜色 - 【修复】 fix navbar的activeIndex #20 #### v 1.1.0 (2016-12-06) - 【优化】 跟随weui的版本号 - 【优化】 loading的base64 - 【增强】 增加组件 badge 徽章 #### v0.1.1 (2016-11-10) - 【修复】 navbar的样式按小程序的规范来重新编写 #### v0.1.0 (2016-11-10) 初始发布 - Initial release ================================================ FILE: DIFF.md ================================================ # 和WeUI的用法差异 ### 不支持相邻兄弟选择器 -> `after` someone #### 如：`.weui-cells__title + .weui-cells` -> `.weui-cells_after-title` Old ```html
带说明的列表项
``` New ```html 带说明的列表项 ``` ### 不支持级联选择器 -> `in` someone #### 如：`.weui-cell_access .weui-cell__ft` -> `weui-cell__ft_in-access` Old ```html
``` New ```html ``` #### 如：`.weui-cells_radio .weui-cell__ft` -> `.weui-cell__ft_in-radio` Old ```html
``` New ```html ``` ### icon 采用小程序的icon。因为原生的`icon`的`font-size:0`，所以需要新增一些类来控制icon的边距，如`.weui-icon-radio`、`.weui-icon-checkbox_circle`等，具体看代码。（当然，你也可以不加。） ### button 采用小程序的button，`.weui-btn`则用于控制间距 Old ```html 页面主操作 Normal ``` New ```html ``` ### `weui-cell_access`的`:active` 由`navigator`的`hover-class`来指定类`weui-cell_active`来控制 New ```html cell standard 说明文字 ``` ### `.weui-input` 因为采用小程序的input，键盘弹起高度有所区别，所以实现上也有所改变，需要增加`.weui-cell_input`的扩展类 Old ```html
``` New ```html ``` ================================================ FILE: LICENSE.txt ================================================ Tencent is pleased to support the open source community by making WeUI-WXSS available. Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved. If you have downloaded a copy of the WeUI-WXSS binary from Tencent, please note that the WeUI-WXSS binary is licensed under the MIT License. If you have downloaded a copy of the WeUI-WXSS source code from Tencent, please note that WeUI-WXSS source code is licensed under the MIT License, except for the third-party components listed below which are subject to different license terms. Your integration of WeUI-WXSS into your own projects may require compliance with the MIT License, as well as the other licenses applicable to the third-party components included within WeUI-WXSS. A copy of the MIT License is included in this file. Other dependencies and licenses: Open Source Software Licensed Under the MIT License: ---------------------------------------------------------------------------------------- 1. autoprefixer 6.3.1 Copyright 2013 Andrey Sitnik 2. gulp 3.8.10 Copyright (c) 2014 Fractal contact@wearefractal.com 3. gulp-less 3.0.2 Copyright (c) 2015 Plus 3 Network dev@plus3network.com 4. gulp-postcss 6.0.1 Copyright (c) 2014 Andrey Kuzmin 5. gulp-rename 1.2.2 Copyright 2013 Hector Guillermo Parra Alvarez Terms of the MIT License: -------------------------------------------------------------------- Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ WeUI for 小程序 为微信小程序量身设计 ===== [![npm version](https://img.shields.io/npm/v/weui-wxss.svg)](https://www.npmjs.org/package/weui-wxss) [![Gitter](https://badges.gitter.im/weui/weui.svg)](https://gitter.im/weui/weui?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) ## 概述 [WeUI](https://github.com/weui/weui) 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含`button`、`cell`、`dialog`、 `progress`、 `toast`、`article`、`actionsheet`、`icon`等各式元素。 以下内容是纯UI库，如果想使用逻辑封装版本，请看[小程序组件库 - WeUI](https://developers.weixin.qq.com/miniprogram/dev/extended/weui/) ## 使用 - 样式文件可直接引用`dist/style/weui.wxss`，或者单独引用`dist/style/widget`下的组件的`wxss` - 组件的wxml结构请看`dist/example/`下的组件 ### rpx版本 默认版本使用的是`px`。这里也提供`rpx`版本，文件在[`dist-rpx-mode`](https://github.com/Tencent/weui-wxss/tree/master/dist-rpx-mode)目录下。 ## WeUI 黑暗模式 在根结点增加属性 `data-weui-theme="dark"` 如: ```html ... ``` ## 预览 用[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)打开`dist`目录（**请注意，是`dist`目录，不是整个项目**） preview ![WeUI for 小程序](https://user-images.githubusercontent.com/2395166/29502325-ada080f6-8661-11e7-94c2-23d638210f45.jpg) ## 文档 WeUI 视觉标准参考 [weui-design](https://github.com/weui/weui-design) ## License The MIT License(http://opensource.org/licenses/MIT) 请自由地享受和参与开源 ## 贡献 如果你有好的意见或建议，欢迎给我们提issue或pull request。 ================================================ FILE: dist/app.js ================================================ require('./libs/Mixins.js'); const listeners = []; App({ globalData: { theme: 'light', // dark mode: '', // 模式(care：关怀模式) }, changeGlobalData(data) { this.globalData = Object.assign({}, this.globalData, data); listeners.forEach((listener) => { listener(this.globalData); }); }, watchGlobalDataChanged(listener) { if (listeners.indexOf(listener) < 0) { listeners.push(listener); } }, unWatchGlobalDataChanged(listener) { const index = listeners.indexOf(listener); if (index > -1) { listeners.splice(index, 1); } }, onThemeChange(resp) { this.changeGlobalData({ theme: resp.theme, }); }, onLaunch() { // TODO: 检测适老化 }, }); ================================================ FILE: dist/app.json ================================================ { "pages": [ "example/index", "example/button/button", "example/button/button_default", "example/button/button_bottom_fixed", "example/form/form", "example/form/form_page", "example/form/form_primary", "example/form/form_input_status", "example/form/form_vcode", "example/form/form_bottom_fixed", "example/form/form_access", "example/form/form_checkbox", "example/form/form_radio", "example/form/form_switch", "example/form/form_select", "example/form/form_textarea", "example/form/form_vertical", "example/list/list", "example/slideview/slideview", "example/slider/slider", "example/uploader/uploader", "example/article/article", "example/badge/badge", "example/flex/flex", "example/footer/footer", "example/gallery/gallery", "example/grid/grid", "example/icons/icons", "example/loading/loading", "example/loadmore/loadmore", "example/panel/panel", "example/preview/preview", "example/progress/progress", "example/steps/steps", "example/steps/steps_horizonal", "example/steps/steps_vertical", "example/actionsheet/actionsheet", "example/half-screen-dialog/half-screen-dialog", "example/dialog/dialog", "example/msg/msg", "example/msg/msg_text", "example/msg/msg_text_primary", "example/msg/msg_success", "example/msg/msg_warn", "example/msg/msg_custom_area_preview", "example/msg/msg_custom_area_tips", "example/msg/msg_custom_area_cell", "example/picker/picker", "example/toast/toast", "example/top-tips/top-tips", "example/information-bar/information-bar", "example/navigation-bar/navigation-bar", "example/tabbar/tabbar", "example/searchbar/searchbar", "example/searchbar/searchbar_filled", "example/searchbar/searchbar_grey", "example/searchbar/searchbar_outlined", "example/searchbar/searchbar_homepage" ], "window": { "navigationBarTextStyle": "black", "navigationBarTitleText": "WeUI for 小程序", "navigationBarBackgroundColor": "#EDEDED", "backgroundColor": "#EDEDED" }, "networkTimeout": { "request": 10000, "connectSocket": 10000, "uploadFile": 10000, "downloadFile": 10000 }, "style": "v2", "debug": true } ================================================ FILE: dist/app.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .wx-root,body,page{--weui-BTN-HEIGHT:48;--weui-BTN-HEIGHT-MEDIUM:40;--weui-BTN-HEIGHT-SMALL:32}[data-weui-theme="light"],page{--weui-BTN-ACTIVE-MASK:rgba(0,0,0,.2)}[data-weui-theme="dark"]{--weui-BTN-ACTIVE-MASK:hsla(0,0%,100%,.2)}[data-weui-theme="light"],page{--weui-BTN-DEFAULT-ACTIVE-BG:#e6e6e6}[data-weui-theme="dark"]{--weui-BTN-DEFAULT-ACTIVE-BG:hsla(0,0%,100%,.126)}[data-weui-theme="light"],page{--weui-DIALOG-LINE-COLOR:rgba(0,0,0,.1)}[data-weui-theme="dark"]{--weui-DIALOG-LINE-COLOR:hsla(0,0%,100%,.1)}page{line-height:1.6;font-family:system-ui,-apple-system,Helvetica Neue,sans-serif}icon{vertical-align:middle}.weui-input__placeholder{color:var(--weui-FG-2)}[data-weui-theme="light"],page{--weui-BG-0:#ededed;--weui-BG-1:#f7f7f7;--weui-BG-2:#fff;--weui-BG-3:#f7f7f7;--weui-BG-4:#4c4c4c;--weui-BG-5:#fff;--weui-BLUE-100:#10aeff;--weui-BLUE-120:#3fbeff;--weui-BLUE-170:#b7e6ff;--weui-BLUE-80:#0c8bcc;--weui-BLUE-90:#0e9ce6;--weui-BLUE-BG-100:#48a6e2;--weui-BLUE-BG-110:#5aafe4;--weui-BLUE-BG-130:#7fc0ea;--weui-BLUE-BG-90:#4095cb;--weui-BRAND-100:#07c160;--weui-BRAND-120:#38cd7f;--weui-BRAND-170:#b4ecce;--weui-BRAND-80:#059a4c;--weui-BRAND-90:#06ae56;--weui-BRAND-BG-100:#2aae67;--weui-BRAND-BG-110:#3eb575;--weui-BRAND-BG-130:#69c694;--weui-BRAND-BG-90:#259c5c;--weui-FG-0:rgba(0,0,0,.9);--weui-FG-0_5:rgba(0,0,0,.9);--weui-FG-1:rgba(0,0,0,.55);--weui-FG-2:rgba(0,0,0,.3);--weui-FG-3:rgba(0,0,0,.1);--weui-FG-4:rgba(0,0,0,.15);--weui-GLYPH-0:rgba(0,0,0,.9);--weui-GLYPH-1:rgba(0,0,0,.55);--weui-GLYPH-2:rgba(0,0,0,.3);--weui-GLYPH-WHITE-0:hsla(0,0%,100%,.8);--weui-GLYPH-WHITE-1:hsla(0,0%,100%,.5);--weui-GLYPH-WHITE-2:hsla(0,0%,100%,.3);--weui-GLYPH-WHITE-3:#fff;--weui-GREEN-100:#91d300;--weui-GREEN-120:#a7db33;--weui-GREEN-170:#def1b3;--weui-GREEN-80:#74a800;--weui-GREEN-90:#82bd00;--weui-GREEN-BG-100:#96be40;--weui-GREEN-BG-110:#a0c452;--weui-GREEN-BG-130:#b5d179;--weui-GREEN-BG-90:#86aa39;--weui-INDIGO-100:#1485ee;--weui-INDIGO-120:#439df1;--weui-INDIGO-170:#b8daf9;--weui-INDIGO-80:#106abe;--weui-INDIGO-90:#1277d6;--weui-INDIGO-BG-100:#2b77bf;--weui-INDIGO-BG-110:#3f84c5;--weui-INDIGO-BG-130:#6ba0d2;--weui-INDIGO-BG-90:#266aab;--weui-LIGHTGREEN-100:#95ec69;--weui-LIGHTGREEN-120:#aaef87;--weui-LIGHTGREEN-170:#def9d1;--weui-LIGHTGREEN-80:#77bc54;--weui-LIGHTGREEN-90:#85d35e;--weui-LIGHTGREEN-BG-100:#72cf60;--weui-LIGHTGREEN-BG-110:#80d370;--weui-LIGHTGREEN-BG-130:#9cdd90;--weui-LIGHTGREEN-BG-90:#66b956;--weui-LINK-100:#576b95;--weui-LINK-120:#7888aa;--weui-LINK-170:#ccd2de;--weui-LINK-80:#455577;--weui-LINK-90:#4e6085;--weui-LINKFINDER-100:#002666;--weui-MATERIAL-ATTACHMENTCOLUMN:hsla(0,0%,96%,.95);--weui-MATERIAL-NAVIGATIONBAR:hsla(0,0%,93%,.94);--weui-MATERIAL-REGULAR:hsla(0,0%,97%,.3);--weui-MATERIAL-THICK:hsla(0,0%,97%,.8);--weui-MATERIAL-THIN:hsla(0,0%,100%,.2);--weui-MATERIAL-TOOLBAR:hsla(0,0%,96%,.82);--weui-ORANGE-100:#fa9d3b;--weui-ORANGE-120:#fbb062;--weui-ORANGE-170:#fde1c3;--weui-ORANGE-80:#c87d2f;--weui-ORANGE-90:#e08c34;--weui-ORANGE-BG-100:#ea7800;--weui-ORANGE-BG-110:#ec8519;--weui-ORANGE-BG-130:#f0a04d;--weui-ORANGE-BG-90:#d26b00;--weui-ORANGERED-100:#ff6146;--weui-OVERLAY:rgba(0,0,0,.5);--weui-OVERLAY-WHITE:hsla(0,0%,95%,.8);--weui-PURPLE-100:#6467f0;--weui-PURPLE-120:#8385f3;--weui-PURPLE-170:#d0d1fa;--weui-PURPLE-80:#5052c0;--weui-PURPLE-90:#595cd7;--weui-PURPLE-BG-100:#6769ba;--weui-PURPLE-BG-110:#7678c1;--weui-PURPLE-BG-130:#9496ce;--weui-PURPLE-BG-90:#5c5ea7;--weui-RED-100:#fa5151;--weui-RED-120:#fb7373;--weui-RED-170:#fdcaca;--weui-RED-80:#c84040;--weui-RED-90:#e14949;--weui-RED-BG-100:#cf5148;--weui-RED-BG-110:#d3625a;--weui-RED-BG-130:#dd847e;--weui-RED-BG-90:#b94840;--weui-SECONDARY-BG:rgba(0,0,0,.05);--weui-SEPARATOR-0:rgba(0,0,0,.1);--weui-SEPARATOR-1:rgba(0,0,0,.15);--weui-STATELAYER-HOVERED:rgba(0,0,0,.02);--weui-STATELAYER-PRESSED:rgba(0,0,0,.1);--weui-STATELAYER-PRESSEDSTRENGTHENED:rgba(0,0,0,.2);--weui-YELLOW-100:#ffc300;--weui-YELLOW-120:#ffcf33;--weui-YELLOW-170:#ffecb2;--weui-YELLOW-80:#cc9c00;--weui-YELLOW-90:#e6af00;--weui-YELLOW-BG-100:#efb600;--weui-YELLOW-BG-110:#f0bd19;--weui-YELLOW-BG-130:#f3cc4d;--weui-YELLOW-BG-90:#d7a400;--weui-FG-HALF:rgba(0,0,0,.9);--weui-RED:#fa5151;--weui-ORANGERED:#ff6146;--weui-ORANGE:#fa9d3b;--weui-YELLOW:#ffc300;--weui-GREEN:#91d300;--weui-LIGHTGREEN:#95ec69;--weui-TEXTGREEN:#06ae56;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1485ee;--weui-PURPLE:#6467f0;--weui-LINK:#576b95;--weui-TAG-TEXT-ORANGE:#fa9d3b;--weui-TAG-TEXT-GREEN:#06ae56;--weui-TAG-TEXT-BLUE:#10aeff;--weui-REDORANGE:#ff6146;--weui-TAG-TEXT-BLACK:rgba(0,0,0,.5);--weui-TAG-BACKGROUND-BLACK:rgba(0,0,0,.05);--weui-WHITE:#fff;--weui-BG:#fff;--weui-FG:#000;--weui-FG-5:rgba(0,0,0,.05);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1)}[data-weui-theme="dark"]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-BLUE-100:#10aeff;--weui-BLUE-120:#0c8bcc;--weui-BLUE-170:#04344d;--weui-BLUE-80:#3fbeff;--weui-BLUE-90:#28b6ff;--weui-BLUE-BG-100:#48a6e2;--weui-BLUE-BG-110:#4095cb;--weui-BLUE-BG-130:#32749e;--weui-BLUE-BG-90:#5aafe4;--weui-BRAND-100:#07c160;--weui-BRAND-120:#059a4c;--weui-BRAND-170:#023a1c;--weui-BRAND-80:#38cd7f;--weui-BRAND-90:#20c770;--weui-BRAND-BG-100:#2aae67;--weui-BRAND-BG-110:#259c5c;--weui-BRAND-BG-130:#1d7a48;--weui-BRAND-BG-90:#3eb575;--weui-FG-0:hsla(0,0%,100%,.8);--weui-FG-0_5:hsla(0,0%,100%,.6);--weui-FG-1:hsla(0,0%,100%,.5);--weui-FG-2:hsla(0,0%,100%,.3);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-GLYPH-0:hsla(0,0%,100%,.8);--weui-GLYPH-1:hsla(0,0%,100%,.5);--weui-GLYPH-2:hsla(0,0%,100%,.3);--weui-GLYPH-WHITE-0:hsla(0,0%,100%,.8);--weui-GLYPH-WHITE-1:hsla(0,0%,100%,.5);--weui-GLYPH-WHITE-2:hsla(0,0%,100%,.3);--weui-GLYPH-WHITE-3:#fff;--weui-GREEN-100:#74a800;--weui-GREEN-120:#5c8600;--weui-GREEN-170:#233200;--weui-GREEN-80:#8fb933;--weui-GREEN-90:#82b01a;--weui-GREEN-BG-100:#789833;--weui-GREEN-BG-110:#6b882d;--weui-GREEN-BG-130:#65802b;--weui-GREEN-BG-90:#85a247;--weui-INDIGO-100:#1196ff;--weui-INDIGO-120:#0d78cc;--weui-INDIGO-170:#052d4d;--weui-INDIGO-80:#40abff;--weui-INDIGO-90:#28a0ff;--weui-INDIGO-BG-100:#0d78cc;--weui-INDIGO-BG-110:#0b6bb7;--weui-INDIGO-BG-130:#09548f;--weui-INDIGO-BG-90:#2585d1;--weui-LIGHTGREEN-100:#3eb575;--weui-LIGHTGREEN-120:#31905d;--weui-LIGHTGREEN-170:#123522;--weui-LIGHTGREEN-80:#64c390;--weui-LIGHTGREEN-90:#51bc83;--weui-LIGHTGREEN-BG-100:#31905d;--weui-LIGHTGREEN-BG-110:#2c8153;--weui-LIGHTGREEN-BG-130:#226541;--weui-LIGHTGREEN-BG-90:#31905d;--weui-LINK-100:#7d90a9;--weui-LINK-120:#647387;--weui-LINK-170:#252a32;--weui-LINK-80:#97a6ba;--weui-LINK-90:#899ab1;--weui-LINKFINDER-100:#dee9ff;--weui-MATERIAL-ATTACHMENTCOLUMN:rgba(32,32,32,.93);--weui-MATERIAL-NAVIGATIONBAR:hsla(0,0%,7%,.9);--weui-MATERIAL-REGULAR:rgba(37,37,37,.6);--weui-MATERIAL-THICK:rgba(34,34,34,.9);--weui-MATERIAL-THIN:rgba(95,95,95,.4);--weui-MATERIAL-TOOLBAR:rgba(35,35,35,.93);--weui-ORANGE-100:#c87d2f;--weui-ORANGE-120:#a06425;--weui-ORANGE-170:#3b250e;--weui-ORANGE-80:#d39758;--weui-ORANGE-90:#cd8943;--weui-ORANGE-BG-100:#bb6000;--weui-ORANGE-BG-110:#a85600;--weui-ORANGE-BG-130:#824300;--weui-ORANGE-BG-90:#c1701a;--weui-ORANGERED-100:#ff6146;--weui-OVERLAY:rgba(0,0,0,.8);--weui-OVERLAY-WHITE:hsla(0,0%,95%,.8);--weui-PURPLE-100:#8183ff;--weui-PURPLE-120:#6768cc;--weui-PURPLE-170:#26274c;--weui-PURPLE-80:#9a9bff;--weui-PURPLE-90:#8d8fff;--weui-PURPLE-BG-100:#6768cc;--weui-PURPLE-BG-110:#5c5db7;--weui-PURPLE-BG-130:#48498f;--weui-PURPLE-BG-90:#7677d1;--weui-RED-100:#fa5151;--weui-RED-120:#c84040;--weui-RED-170:#4b1818;--weui-RED-80:#fb7373;--weui-RED-90:#fa6262;--weui-RED-BG-100:#cf5148;--weui-RED-BG-110:#ba4940;--weui-RED-BG-130:#913832;--weui-RED-BG-90:#d3625a;--weui-SECONDARY-BG:hsla(0,0%,100%,.1);--weui-SEPARATOR-0:hsla(0,0%,100%,.05);--weui-SEPARATOR-1:hsla(0,0%,100%,.15);--weui-STATELAYER-HOVERED:rgba(0,0,0,.02);--weui-STATELAYER-PRESSED:hsla(0,0%,100%,.1);--weui-STATELAYER-PRESSEDSTRENGTHENED:hsla(0,0%,100%,.2);--weui-YELLOW-100:#cc9c00;--weui-YELLOW-120:#a37c00;--weui-YELLOW-170:#3d2f00;--weui-YELLOW-80:#d6af33;--weui-YELLOW-90:#d1a519;--weui-YELLOW-BG-100:#bf9100;--weui-YELLOW-BG-110:#ab8200;--weui-YELLOW-BG-130:#866500;--weui-YELLOW-BG-90:#c59c1a;--weui-FG-HALF:hsla(0,0%,100%,.6);--weui-RED:#fa5151;--weui-ORANGERED:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-TEXTGREEN:#259c5c;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-LINK:#7d90a9;--weui-REDORANGE:#ff6146;--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5);--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05);--weui-WHITE:hsla(0,0%,100%,.8);--weui-FG:#fff;--weui-BG:#000;--weui-FG-5:hsla(0,0%,100%,.1);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6)}[data-weui-mode="care"],[data-weui-mode="care"][data-weui-theme="dark"],[data-weui-mode="care"][data-weui-theme="light"]{--weui-BG-0:#111;--weui-BG-1:#1e1e1e;--weui-BG-2:#191919;--weui-BG-3:#202020;--weui-BG-4:#404040;--weui-BG-5:#2c2c2c;--weui-BLUE-100:#10aeff;--weui-BLUE-120:#0c8bcc;--weui-BLUE-170:#04344d;--weui-BLUE-80:#3fbeff;--weui-BLUE-90:#28b6ff;--weui-BLUE-BG-100:#48a6e2;--weui-BLUE-BG-110:#4095cb;--weui-BLUE-BG-130:#32749e;--weui-BLUE-BG-90:#5aafe4;--weui-BRAND-100:#07c160;--weui-BRAND-120:#059a4c;--weui-BRAND-170:#023a1c;--weui-BRAND-80:#38cd7f;--weui-BRAND-90:#20c770;--weui-BRAND-BG-100:#2aae67;--weui-BRAND-BG-110:#259c5c;--weui-BRAND-BG-130:#1d7a48;--weui-BRAND-BG-90:#3eb575;--weui-FG-0:hsla(0,0%,100%,.85);--weui-FG-0_5:hsla(0,0%,100%,.65);--weui-FG-1:hsla(0,0%,100%,.55);--weui-FG-2:hsla(0,0%,100%,.35);--weui-FG-3:hsla(0,0%,100%,.1);--weui-FG-4:hsla(0,0%,100%,.15);--weui-GLYPH-0:hsla(0,0%,100%,.85);--weui-GLYPH-1:hsla(0,0%,100%,.55);--weui-GLYPH-2:hsla(0,0%,100%,.35);--weui-GLYPH-WHITE-0:hsla(0,0%,100%,.85);--weui-GLYPH-WHITE-1:hsla(0,0%,100%,.55);--weui-GLYPH-WHITE-2:hsla(0,0%,100%,.35);--weui-GLYPH-WHITE-3:#fff;--weui-GREEN-100:#74a800;--weui-GREEN-120:#5c8600;--weui-GREEN-170:#233200;--weui-GREEN-80:#8fb933;--weui-GREEN-90:#82b01a;--weui-GREEN-BG-100:#789833;--weui-GREEN-BG-110:#6b882d;--weui-GREEN-BG-130:#65802b;--weui-GREEN-BG-90:#85a247;--weui-INDIGO-100:#1196ff;--weui-INDIGO-120:#0d78cc;--weui-INDIGO-170:#052d4d;--weui-INDIGO-80:#40abff;--weui-INDIGO-90:#28a0ff;--weui-INDIGO-BG-100:#0d78cc;--weui-INDIGO-BG-110:#0b6bb7;--weui-INDIGO-BG-130:#09548f;--weui-INDIGO-BG-90:#2585d1;--weui-LIGHTGREEN-100:#3eb575;--weui-LIGHTGREEN-120:#31905d;--weui-LIGHTGREEN-170:#123522;--weui-LIGHTGREEN-80:#64c390;--weui-LIGHTGREEN-90:#51bc83;--weui-LIGHTGREEN-BG-100:#31905d;--weui-LIGHTGREEN-BG-110:#2c8153;--weui-LIGHTGREEN-BG-130:#226541;--weui-LIGHTGREEN-BG-90:#31905d;--weui-LINK-100:#7d90a9;--weui-LINK-120:#647387;--weui-LINK-170:#252a32;--weui-LINK-80:#97a6ba;--weui-LINK-90:#899ab1;--weui-LINKFINDER-100:#dee9ff;--weui-MATERIAL-ATTACHMENTCOLUMN:rgba(32,32,32,.93);--weui-MATERIAL-NAVIGATIONBAR:hsla(0,0%,7%,.9);--weui-MATERIAL-REGULAR:rgba(37,37,37,.6);--weui-MATERIAL-THICK:rgba(34,34,34,.9);--weui-MATERIAL-THIN:hsla(0,0%,96%,.4);--weui-MATERIAL-TOOLBAR:rgba(35,35,35,.93);--weui-ORANGE-100:#c87d2f;--weui-ORANGE-120:#a06425;--weui-ORANGE-170:#3b250e;--weui-ORANGE-80:#d39758;--weui-ORANGE-90:#cd8943;--weui-ORANGE-BG-100:#bb6000;--weui-ORANGE-BG-110:#a85600;--weui-ORANGE-BG-130:#824300;--weui-ORANGE-BG-90:#c1701a;--weui-ORANGERED-100:#ff6146;--weui-OVERLAY:rgba(0,0,0,.8);--weui-OVERLAY-WHITE:hsla(0,0%,95%,.8);--weui-PURPLE-100:#8183ff;--weui-PURPLE-120:#6768cc;--weui-PURPLE-170:#26274c;--weui-PURPLE-80:#9a9bff;--weui-PURPLE-90:#8d8fff;--weui-PURPLE-BG-100:#6768cc;--weui-PURPLE-BG-110:#5c5db7;--weui-PURPLE-BG-130:#48498f;--weui-PURPLE-BG-90:#7677d1;--weui-RED-100:#fa5151;--weui-RED-120:#c84040;--weui-RED-170:#4b1818;--weui-RED-80:#fb7373;--weui-RED-90:#fa6262;--weui-RED-BG-100:#cf5148;--weui-RED-BG-110:#ba4940;--weui-RED-BG-130:#913832;--weui-RED-BG-90:#d3625a;--weui-SECONDARY-BG:hsla(0,0%,100%,.15);--weui-SEPARATOR-0:hsla(0,0%,100%,.05);--weui-SEPARATOR-1:hsla(0,0%,100%,.15);--weui-STATELAYER-HOVERED:rgba(0,0,0,.02);--weui-STATELAYER-PRESSED:hsla(0,0%,100%,.1);--weui-STATELAYER-PRESSEDSTRENGTHENED:hsla(0,0%,100%,.2);--weui-YELLOW-100:#cc9c00;--weui-YELLOW-120:#a37c00;--weui-YELLOW-170:#3d2f00;--weui-YELLOW-80:#d6af33;--weui-YELLOW-90:#d1a519;--weui-YELLOW-BG-100:#bf9100;--weui-YELLOW-BG-110:#ab8200;--weui-YELLOW-BG-130:#866500;--weui-YELLOW-BG-90:#c59c1a;--weui-FG-HALF:hsla(0,0%,100%,.65);--weui-RED:#fa5151;--weui-ORANGERED:#ff6146;--weui-ORANGE:#c87d2f;--weui-YELLOW:#cc9c00;--weui-GREEN:#74a800;--weui-LIGHTGREEN:#3eb575;--weui-TEXTGREEN:#259c5c;--weui-BRAND:#07c160;--weui-BLUE:#10aeff;--weui-INDIGO:#1196ff;--weui-PURPLE:#8183ff;--weui-LINK:#7d90a9;--weui-REDORANGE:#ff6146;--weui-TAG-BACKGROUND-BLACK:hsla(0,0%,100%,.05);--weui-FG:#fff;--weui-WHITE:hsla(0,0%,100%,.8);--weui-FG-5:hsla(0,0%,100%,.1);--weui-TAG-BACKGROUND-ORANGE:rgba(250,157,59,.1);--weui-TAG-BACKGROUND-GREEN:rgba(6,174,86,.1);--weui-TAG-TEXT-RED:rgba(250,81,81,.6);--weui-TAG-BACKGROUND-RED:rgba(250,81,81,.1);--weui-TAG-BACKGROUND-BLUE:rgba(16,174,255,.1);--weui-TAG-TEXT-ORANGE:rgba(250,157,59,.6);--weui-BG:#000;--weui-TAG-TEXT-GREEN:rgba(6,174,86,.6);--weui-TAG-TEXT-BLUE:rgba(16,174,255,.6);--weui-TAG-TEXT-BLACK:hsla(0,0%,100%,.5)}[data-weui-theme="light"],page{--weui-BG-COLOR-ACTIVE:#ececec}[data-weui-theme="dark"]{--weui-BG-COLOR-ACTIVE:#373737}[class*=" weui-icon-"][class*=" weui-icon-"],[class*=" weui-icon-"][class^="weui-icon-"],[class^="weui-icon-"][class*=" weui-icon-"],[class^="weui-icon-"][class^="weui-icon-"]{display:inline-block;vertical-align:middle;font-size:0.5882352941176471rem;width:2.4em;height:2.4em;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;background-color:currentColor}.weui-icon-circle{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%221000%22%20height%3D%221000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M500%20916.667C269.881%20916.667%2083.333%20730.119%2083.333%20500%2083.333%20269.881%20269.881%2083.333%20500%2083.333c230.119%200%20416.667%20186.548%20416.667%20416.667%200%20230.119-186.548%20416.667-416.667%20416.667zm0-50c202.504%200%20366.667-164.163%20366.667-366.667%200-202.504-164.163-366.667-366.667-366.667-202.504%200-366.667%20164.163-366.667%20366.667%200%20202.504%20164.163%20366.667%20366.667%20366.667z%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-download{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%2012.04l-1.72-1.72-1.06%201.06%202.828%202.83a1%201%200%20001.414-.001l2.828-2.828-1.06-1.061-1.73%201.73V7h-1.5v5.04zm0-5.04V2h1.5v5h6.251c.55%200%20.999.446.999.996v13.008a.998.998%200%2001-.996.996H4.996A.998.998%200%20014%2021.004V7.996A1%201%200%20014.999%207h6.251z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%2012.04l-1.72-1.72-1.06%201.06%202.828%202.83a1%201%200%20001.414-.001l2.828-2.828-1.06-1.061-1.73%201.73V7h-1.5v5.04zm0-5.04V2h1.5v5h6.251c.55%200%20.999.446.999.996v13.008a.998.998%200%2001-.996.996H4.996A.998.998%200%20014%2021.004V7.996A1%201%200%20014.999%207h6.251z%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-info{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.75-12v7h1.5v-7h-1.5zM12%209a1%201%200%20100-2%201%201%200%20000%202z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.75-12v7h1.5v-7h-1.5zM12%209a1%201%200%20100-2%201%201%200%20000%202z%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-safe-success{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.6C315.5%2046.7%20180.4%2093.1%2057.6%20132c0%20129.3.2%20231.7.2%20339.7%200%20304.2%20248.3%20471.6%20443.1%20523.7C695.7%20943.3%20944%20775.9%20944%20471.7c0-108%20.2-210.4.2-339.7C821.4%2093.1%20686.3%2046.7%20500.9%204.6zm248.3%20349.1l-299.7%20295c-2.1%202-5.3%202-7.4-.1L304.4%20506.1c-2-2.1-2.3-5.7-.6-8l18.3-24.9c1.7-2.3%205-2.8%207.2-1l112.2%2086c2.3%201.8%206%201.7%208.1-.1l274.7-228.9c2.2-1.8%205.7-1.7%207.7.3l17%2016.8c2.2%202.1%202.2%205.3.2%207.4z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23070202%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.6C315.5%2046.7%20180.4%2093.1%2057.6%20132c0%20129.3.2%20231.7.2%20339.7%200%20304.2%20248.3%20471.6%20443.1%20523.7C695.7%20943.3%20944%20775.9%20944%20471.7c0-108%20.2-210.4.2-339.7C821.4%2093.1%20686.3%2046.7%20500.9%204.6zm248.3%20349.1l-299.7%20295c-2.1%202-5.3%202-7.4-.1L304.4%20506.1c-2-2.1-2.3-5.7-.6-8l18.3-24.9c1.7-2.3%205-2.8%207.2-1l112.2%2086c2.3%201.8%206%201.7%208.1-.1l274.7-228.9c2.2-1.8%205.7-1.7%207.7.3l17%2016.8c2.2%202.1%202.2%205.3.2%207.4z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23070202%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-safe-warn{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.5c-185.4%2042-320.4%2088.4-443.2%20127.3%200%20129.3.2%20231.7.2%20339.6%200%20304.1%20248.2%20471.4%20443%20523.6%20194.7-52.2%20443-219.5%20443-523.6%200-107.9.2-210.3.2-339.6C821.3%2092.9%20686.2%2046.5%20500.9%204.5zm-26.1%20271.1h52.1c5.8%200%2010.3%204.7%2010.1%2010.4l-11.6%20313.8c-.1%202.8-2.5%205.2-5.4%205.2h-38.2c-2.9%200-5.3-2.3-5.4-5.2L464.8%20286c-.2-5.8%204.3-10.4%2010-10.4zm26.1%20448.3c-20.2%200-36.5-16.3-36.5-36.5s16.3-36.5%2036.5-36.5%2036.5%2016.3%2036.5%2036.5-16.4%2036.5-36.5%2036.5z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23020202%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%3E%3Cpath%20d%3D%22M500.9%204.5c-185.4%2042-320.4%2088.4-443.2%20127.3%200%20129.3.2%20231.7.2%20339.6%200%20304.1%20248.2%20471.4%20443%20523.6%20194.7-52.2%20443-219.5%20443-523.6%200-107.9.2-210.3.2-339.6C821.3%2092.9%20686.2%2046.5%20500.9%204.5zm-26.1%20271.1h52.1c5.8%200%2010.3%204.7%2010.1%2010.4l-11.6%20313.8c-.1%202.8-2.5%205.2-5.4%205.2h-38.2c-2.9%200-5.3-2.3-5.4-5.2L464.8%20286c-.2-5.8%204.3-10.4%2010-10.4zm26.1%20448.3c-20.2%200-36.5-16.3-36.5-36.5s16.3-36.5%2036.5-36.5%2036.5%2016.3%2036.5%2036.5-16.4%2036.5-36.5%2036.5z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23020202%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-success{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-1.177-7.86l-2.765-2.767L7%2012.431l3.119%203.121a1%201%200%20001.414%200l5.952-5.95-1.062-1.062-5.6%205.6z%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-success-circle{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm-1.172-6.242l5.809-5.808.848.849-5.95%205.95a1%201%200%2001-1.414%200L7%2012.426l.849-.849%202.98%202.98z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm-1.172-6.242l5.809-5.808.848.849-5.95%205.95a1%201%200%2001-1.414%200L7%2012.426l.849-.849%202.98%202.98z%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-success-no-circle{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-waiting{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.75%2011.38V6h-1.5v6l4.243%204.243%201.06-1.06-3.803-3.804zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.75%2011.38V6h-1.5v6l4.243%204.243%201.06-1.06-3.803-3.804zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-waiting-circle{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6%2011.503l3.891%203.891-.848.849L11.4%2012V6h1.2v5.503zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6%2011.503l3.891%203.891-.848.849L11.4%2012V6h1.2v5.503zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-warn{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-outlined-warn{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM20.8 12C20.8 16.8601 16.8601 20.8 12 20.8C7.13989 20.8 3.2 16.8601 3.2 12C3.2 7.13989 7.13989 3.2 12 3.2C16.8601 3.2 20.8 7.13989 20.8 12ZM12.6592 6.43115L12.5713 13.4917H11.4287L11.3408 6.43115H12.6592ZM11.165 16.2383C11.165 16.707 11.5312 17.0732 12 17.0732C12.4761 17.0732 12.835 16.707 12.835 16.2383C12.835 15.7622 12.4761 15.4033 12 15.4033C11.5312 15.4033 11.165 15.7622 11.165 16.2383Z' fill='black' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM20.8 12C20.8 16.8601 16.8601 20.8 12 20.8C7.13989 20.8 3.2 16.8601 3.2 12C3.2 7.13989 7.13989 3.2 12 3.2C16.8601 3.2 20.8 7.13989 20.8 12ZM12.6592 6.43115L12.5713 13.4917H11.4287L11.3408 6.43115H12.6592ZM11.165 16.2383C11.165 16.707 11.5312 17.0732 12 17.0732C12.4761 17.0732 12.835 16.707 12.835 16.2383C12.835 15.7622 12.4761 15.4033 12 15.4033C11.5312 15.4033 11.165 15.7622 11.165 16.2383Z' fill='black' /%3E%3C/svg%3E%0A")}.weui-icon-info-circle{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zM11.4%2010h1.2v7h-1.2v-7zm.6-1a1%201%200%20110-2%201%201%200%20010%202z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zM11.4%2010h1.2v7h-1.2v-7zm.6-1a1%201%200%20110-2%201%201%200%20010%202z%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-cancel{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M12.849%2012l3.11%203.111-.848.849L12%2012.849l-3.111%203.11-.849-.848L11.151%2012l-3.11-3.111.848-.849L12%2011.151l3.111-3.11.849.848L12.849%2012z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6z%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M12.849%2012l3.11%203.111-.848.849L12%2012.849l-3.111%203.11-.849-.848L11.151%2012l-3.11-3.111.848-.849L12%2011.151l3.111-3.11.849.848L12.849%2012z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.weui-icon-search{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.31%2015.561l4.114%204.115-.848.848-4.123-4.123a7%207%200%2011.857-.84zM16.8%2011a5.8%205.8%200%2010-11.6%200%205.8%205.8%200%200011.6%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.31%2015.561l4.114%204.115-.848.848-4.123-4.123a7%207%200%2011.857-.84zM16.8%2011a5.8%205.8%200%2010-11.6%200%205.8%205.8%200%200011.6%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-clear{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.06%2012l3.006-3.005-1.06-1.06L12%2010.938%208.995%207.934l-1.06%201.06L10.938%2012l-3.005%203.005%201.06%201.06L12%2013.062l3.005%203.005%201.06-1.06L13.062%2012zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.06%2012l3.006-3.005-1.06-1.06L12%2010.938%208.995%207.934l-1.06%201.06L10.938%2012l-3.005%203.005%201.06%201.06L12%2013.062l3.005%203.005%201.06-1.06L13.062%2012zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-back{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm1.999-6.563L10.68%2012%2014%208.562%2012.953%207.5%209.29%2011.277a1.045%201.045%200%20000%201.446l3.663%203.777L14%2015.437z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm1.999-6.563L10.68%2012%2014%208.562%2012.953%207.5%209.29%2011.277a1.045%201.045%200%20000%201.446l3.663%203.777L14%2015.437z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-delete{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.774%206.4l.812%2013.648a.8.8%200%2000.798.752h7.232a.8.8%200%2000.798-.752L17.226%206.4H6.774zm11.655%200l-.817%2013.719A2%202%200%200115.616%2022H8.384a2%202%200%2001-1.996-1.881L5.571%206.4H3.5v-.7a.5.5%200%2001.5-.5h16a.5.5%200%2001.5.5v.7h-2.071zM14%203a.5.5%200%2001.5.5v.7h-5v-.7A.5.5%200%200110%203h4zM9.5%209h1.2l.5%209H10l-.5-9zm3.8%200h1.2l-.5%209h-1.2l.5-9z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.774%206.4l.812%2013.648a.8.8%200%2000.798.752h7.232a.8.8%200%2000.798-.752L17.226%206.4H6.774zm11.655%200l-.817%2013.719A2%202%200%200115.616%2022H8.384a2%202%200%2001-1.996-1.881L5.571%206.4H3.5v-.7a.5.5%200%2001.5-.5h16a.5.5%200%2001.5.5v.7h-2.071zM14%203a.5.5%200%2001.5.5v.7h-5v-.7A.5.5%200%200110%203h4zM9.5%209h1.2l.5%209H10l-.5-9zm3.8%200h1.2l-.5%209h-1.2l.5-9z%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-success-no-circle-thin{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.864%2016.617l-5.303-5.303-1.061%201.06%205.657%205.657a1%201%200%20001.414%200L21.238%206.364l-1.06-1.06L8.864%2016.616z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.864%2016.617l-5.303-5.303-1.061%201.06%205.657%205.657a1%201%200%20001.414%200L21.238%206.364l-1.06-1.06L8.864%2016.616z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-arrow{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-arrow-bold{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.157%2012.711L4.5%2018.368l-1.414-1.414%204.95-4.95-4.95-4.95L4.5%205.64l5.657%205.657a1%201%200%20010%201.414z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.157%2012.711L4.5%2018.368l-1.414-1.414%204.95-4.95-4.95-4.95L4.5%205.64l5.657%205.657a1%201%200%20010%201.414z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-back-arrow{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.343%2012l7.071%207.071L9%2020.485l-7.778-7.778a1%201%200%20010-1.414L9%203.515l1.414%201.414L3.344%2012z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.343%2012l7.071%207.071L9%2020.485l-7.778-7.778a1%201%200%20010-1.414L9%203.515l1.414%201.414L3.344%2012z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-back-arrow-thin{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-close{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.25 10.6932L6.05682 4.5L5 5.55682L11.1932 11.75L5 17.9432L6.05682 19L12.25 12.8068L18.4432 19L19.5 17.9432L13.3068 11.75L19.5 5.55682L18.4432 4.5L12.25 10.6932Z' fill='black' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.25 10.6932L6.05682 4.5L5 5.55682L11.1932 11.75L5 17.9432L6.05682 19L12.25 12.8068L18.4432 19L19.5 17.9432L13.3068 11.75L19.5 5.55682L18.4432 4.5L12.25 10.6932Z' fill='black' /%3E%3C/svg%3E%0A")}.weui-icon-close-thin{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-back-circle{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm1.999-5.363L12.953%2016.5%209.29%2012.723a1.045%201.045%200%20010-1.446L12.953%207.5%2014%208.563%2010.68%2012%2014%2015.438z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm0-1.2a8.8%208.8%200%20100-17.6%208.8%208.8%200%20000%2017.6zm1.999-5.363L12.953%2016.5%209.29%2012.723a1.045%201.045%200%20010-1.446L12.953%207.5%2014%208.563%2010.68%2012%2014%2015.438z%22%2F%3E%3C%2Fsvg%3E)}.weui-icon-camera{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 13C16 15.2091 14.2091 17 12 17C9.79086 17 8 15.2091 8 13C8 10.7909 9.79086 9 12 9C14.2091 9 16 10.7909 16 13ZM14.8 13C14.8 14.5464 13.5464 15.8 12 15.8C10.4536 15.8 9.2 14.5464 9.2 13C9.2 11.4536 10.4536 10.2 12 10.2C13.5464 10.2 14.8 11.4536 14.8 13Z' fill='black' style='fill:black;fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1484 4.22265C15.0557 4.08355 14.8996 4 14.7324 4H9.26759C9.10042 4 8.9443 4.08355 8.85157 4.22265L7 7H3C2.44772 7 2 7.44772 2 8V19C2 19.5523 2.44772 20 3 20H21C21.5523 20 22 19.5523 22 19V8C22 7.44772 21.5523 7 21 7H17L15.1484 4.22265ZM3.2 8.2H7.64222L9.64222 5.2H14.3578L16.3578 8.2H20.8V18.8H3.2V8.2Z' fill='black' style='fill:black;fill-opacity:1;'/%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 13C16 15.2091 14.2091 17 12 17C9.79086 17 8 15.2091 8 13C8 10.7909 9.79086 9 12 9C14.2091 9 16 10.7909 16 13ZM14.8 13C14.8 14.5464 13.5464 15.8 12 15.8C10.4536 15.8 9.2 14.5464 9.2 13C9.2 11.4536 10.4536 10.2 12 10.2C13.5464 10.2 14.8 11.4536 14.8 13Z' fill='black' style='fill:black;fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1484 4.22265C15.0557 4.08355 14.8996 4 14.7324 4H9.26759C9.10042 4 8.9443 4.08355 8.85157 4.22265L7 7H3C2.44772 7 2 7.44772 2 8V19C2 19.5523 2.44772 20 3 20H21C21.5523 20 22 19.5523 22 19V8C22 7.44772 21.5523 7 21 7H17L15.1484 4.22265ZM3.2 8.2H7.64222L9.64222 5.2H14.3578L16.3578 8.2H20.8V18.8H3.2V8.2Z' fill='black' style='fill:black;fill-opacity:1;'/%3E%3C/svg%3E%0A")}.weui-icon-success{color:var(--weui-BRAND)}.weui-icon-waiting{color:var(--weui-BLUE)}.weui-icon-warn{color:var(--weui-RED)}.weui-icon-info{color:var(--weui-BLUE)}.weui-icon-success-circle,.weui-icon-success-no-circle,.weui-icon-success-no-circle-thin{color:var(--weui-BRAND)}.weui-icon-waiting-circle{color:var(--weui-BLUE)}.weui-icon-circle{color:var(--weui-FG-2)}.weui-icon-download{color:var(--weui-BRAND)}.weui-icon-info-circle{color:var(--weui-FG-2)}.weui-icon-safe-success{color:var(--weui-BRAND)}.weui-icon-safe-warn{color:var(--weui-YELLOW)}.weui-icon-cancel{color:var(--weui-RED)}.weui-icon-search{color:var(--weui-FG-1)}.weui-icon-clear{color:var(--weui-FG-2)}.weui-icon-clear:active{color:var(--weui-FG-1)}.weui-icon-delete.weui-icon_gallery-delete{color:var(--weui-WHITE)}.weui-icon-arrow-bold.weui-icon-arrow,.weui-icon-arrow-bold.weui-icon-arrow-bold,.weui-icon-arrow-bold.weui-icon-back-arrow,.weui-icon-arrow-bold.weui-icon-back-arrow-thin,.weui-icon-arrow.weui-icon-arrow,.weui-icon-arrow.weui-icon-arrow-bold,.weui-icon-arrow.weui-icon-back-arrow,.weui-icon-arrow.weui-icon-back-arrow-thin,.weui-icon-back-arrow-thin.weui-icon-arrow,.weui-icon-back-arrow-thin.weui-icon-arrow-bold,.weui-icon-back-arrow-thin.weui-icon-back-arrow,.weui-icon-back-arrow-thin.weui-icon-back-arrow-thin,.weui-icon-back-arrow.weui-icon-arrow,.weui-icon-back-arrow.weui-icon-arrow-bold,.weui-icon-back-arrow.weui-icon-back-arrow,.weui-icon-back-arrow.weui-icon-back-arrow-thin{width:1.2em}.weui-icon-arrow,.weui-icon-arrow-bold{color:var(--weui-FG-2)}.weui-icon-back,.weui-icon-back-arrow,.weui-icon-back-arrow-thin,.weui-icon-back-circle{color:var(--weui-FG-0)}.weui-icon_msg.weui-icon_msg{width:6.4em;height:6.4em}.weui-icon_msg.weui-icon_msg.weui-icon-warn{color:var(--weui-RED)}.weui-icon_msg.weui-icon_msg.weui-icon-info-circle{color:var(--weui-BLUE)}.weui-icon_msg-primary.weui-icon_msg-primary{width:6.4em;height:6.4em}.weui-icon_msg-primary.weui-icon_msg-primary.weui-icon-warn{color:var(--weui-YELLOW)}.weui-hidden_abs{opacity:0;position:absolute;width:1px;height:1px;overflow:hidden}.weui-a11y_ref{display:none}.weui-hidden-space:empty::before{content:"\00A0";position:absolute;width:1px;height:1px;overflow:hidden}.weui-a11y-combo{position:relative}.weui-a11y-combo__helper{opacity:0;position:absolute;width:100%;height:100%;overflow:hidden}.weui-a11y-combo__content{position:relative;z-index:1}.weui-wa-hotarea-el{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:44px;min-height:44px;width:100%;height:100%}.weui-wa-hotarea,.weui-wa-hotarea-el__wrp,.weui-wa-hotarea_before{position:relative}.weui-wa-hotarea-el__wrp a,.weui-wa-hotarea-el__wrp button,.weui-wa-hotarea-el__wrp navigator,.weui-wa-hotarea_before a,.weui-wa-hotarea_before button,.weui-wa-hotarea_before navigator,.weui-wa-hotarea a,.weui-wa-hotarea button,.weui-wa-hotarea navigator{position:relative;z-index:1}.weui-wa-hotarea::after,.weui-wa-hotarea_before::before{content:"";pointer-events:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:44px;min-height:44px;width:100%;height:100%}.weui-link{-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-link,.weui-link:visited{color:var(--weui-LINK)}.weui-link:active{opacity:.5}.weui-btn{position:relative;display:block;min-width:184px;max-width:280px;width:-webkit-fit-content;width:fit-content;margin-left:auto;margin-right:auto;padding:12px 24px;box-sizing:border-box;font-weight:500;font-size:1rem;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;border-radius:8px;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:default;-webkit-user-select:none;user-select:none}.weui-btn:active::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--weui-BTN-ACTIVE-MASK);border-radius:8px}.weui-btn:active.weui-btn_disabled::before,.weui-btn:active.weui-btn_loading::before,.weui-btn:active[disabled]::before{display:none}.weui-btn__inner{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.weui-btn_block{width:auto}.weui-btn_inline{display:inline-block}.weui-btn_default{background-color:var(--weui-FG-5)}.weui-btn_default,.weui-btn_default:not(.weui-btn_disabled):visited{color:var(--weui-FG-0)}.weui-btn_primary{background-color:var(--weui-BRAND)}.weui-btn_primary:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_warn{background-color:var(--weui-RED-100)}.weui-btn_warn:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_overlay.weui-btn_primary{color:rgba(0,0,0,.9);background-color:#fff}.weui-btn_overlay.weui-btn_primary:not(.weui-btn_disabled):visited{color:rgba(0,0,0,.9)}.weui-btn_overlay.weui-btn_default{color:#fff;background-color:hsla(0,0%,97%,.3)}.weui-btn_overlay.weui-btn_default:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_overlay.weui-btn_warn{color:#fff;background-color:var(--weui-RED-100)}.weui-btn_overlay.weui-btn_warn:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_overlay.weui-btn_disabled,.weui-btn_overlay[disabled]{color:hsla(0,0%,97%,.3);background-color:hsla(0,0%,100%,.3)}.weui-btn[disabled],.weui-btn_disabled{color:var(--weui-FG-4);background-color:var(--weui-FG-5)}.weui-btn_loading .weui-mask-loading{font-size:1.1764705882352942rem;margin:-.2em 4px 0 0;color:currentColor}.weui-btn_loading .weui-mask-loading.weui-mask-loading_only{margin-right:0}.weui-btn_loading.weui-btn_default .weui-mask-loading{color:#606060}.weui-btn_loading .weui-loading{font-size:1.1764705882352942rem;margin:-.2em 4px 0 0}.weui-btn_loading .weui-primary-loading{font-size:1.1764705882352942rem;margin:-.2em 4px 0 0;vertical-align:middle;color:currentColor}.weui-btn_loading .weui-primary-loading::before{content:""}.weui-btn_cell{position:relative;display:block;margin-left:auto;margin-right:auto;box-sizing:border-box;font-size:1rem;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;padding:16px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;background-color:var(--weui-BG-5)}.weui-btn_cell + .weui-btn_cell{margin-top:16px}.weui-btn_cell:active{background-color:var(--weui-BG-COLOR-ACTIVE)}.weui-btn_cell__icon{display:inline-block;vertical-align:middle;width:24px;height:24px;margin:-.2em .34em 0 0}.weui-btn_cell-default{color:var(--weui-FG-0)}.weui-btn_cell-primary{color:var(--weui-LINK)}.weui-btn_cell-warn{color:var(--weui-RED)}.weui-bottom-fixed-opr-page{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-bottom-fixed-opr-page__content{min-height:0;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-bottom:80px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.weui-bottom-fixed-opr-page__tool{padding:16px 32px 24px;padding:16px calc(32px + constant(safe-area-inset-right)) calc(24px + constant(safe-area-inset-bottom)) calc(32px + constant(safe-area-inset-left));padding:16px calc(32px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(32px + env(safe-area-inset-left));background:#fff;position:relative;z-index:50}.weui-bottom-fixed-opr-page__tool::before{content:"";height:80px;background:-webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0));position:absolute;bottom:calc(100% - 1px);left:0;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}[data-weui-theme="dark"] .weui-bottom-fixed-opr-page__tool{background:#191919}[data-weui-theme="dark"] .weui-bottom-fixed-opr-page__tool::before{background:-webkit-linear-gradient(bottom,#191919,rgba(25,25,25,0));background:linear-gradient(0deg,#191919,rgba(25,25,25,0))}.weui-bottom-fixed-opr-page__tips{margin-bottom:24px;padding:0 32px;text-align:center}.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr{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}.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn{width:184px;padding-left:16px;padding-right:16px}.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2),.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2) + .weui-btn{margin:0 8px;width:136px;min-width:0}.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2) + .weui-btn:first-child,.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):first-child{margin-left:0}.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2) + .weui-btn:last-child,.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):last-child{margin-right:0}.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2),.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2) + .weui-btn{width:184px;margin:16px 0 0}.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2) + .weui-btn:first-child,.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):first-child{margin-top:0}.weui-bottom-fixed-opr-page.weui-form{padding-top:0}.weui-bottom-fixed-opr-page.weui-form .weui-form__bd{padding-top:56px;padding-top:calc(56px + constant(safe-area-inset-top));padding-top:calc(56px + env(safe-area-inset-top))}.weui-bottom-fixed-opr-page.weui-form .weui-form__ft{padding-bottom:0}.weui-bottom-fixed-opr-page.weui-form .weui-form__control-area{margin-bottom:0}.weui-bottom-fixed-opr-page.weui-half-screen-dialog{padding:0}.weui-bottom-fixed-opr-page.weui-half-screen-dialog .weui-half-screen-dialog__bd,.weui-bottom-fixed-opr-page.weui-half-screen-dialog .weui-half-screen-dialog__ft,.weui-bottom-fixed-opr-page.weui-half-screen-dialog .weui-half-screen-dialog__hd{padding-left:24px;padding-left:calc(24px + constant(safe-area-inset-left));padding-left:calc(24px + env(safe-area-inset-left));padding-right:24px;padding-right:calc(24px + constant(safe-area-inset-right));padding-right:calc(24px + env(safe-area-inset-right))}.weui-bottom-fixed-opr-page.weui-half-screen-dialog .weui-half-screen-dialog__bd{padding-bottom:80px}.weui-bottom-fixed-opr-page.weui-half-screen-dialog .weui-half-screen-dialog__ft{padding-bottom:64px;padding-bottom:calc(64px + constant(safe-area-inset-bottom));padding-bottom:calc(64px + env(safe-area-inset-bottom))}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog{padding:0}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-half-screen-dialog__hd{padding:0 24px;padding:0 calc(24px + constant(safe-area-inset-right)) 0 calc(24px + constant(safe-area-inset-left));padding:0 calc(24px + env(safe-area-inset-right)) 0 calc(24px + env(safe-area-inset-left))}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-half-screen-dialog__bd{padding-bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-half-screen-dialog__ft{padding:0}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-bottom-fixed-opr-page{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-height:0}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-bottom-fixed-opr-page__content{padding:0 24px;padding:0 calc(24px + constant(safe-area-inset-right)) 0 calc(24px + constant(safe-area-inset-left));padding:0 calc(24px + env(safe-area-inset-right)) 0 calc(24px + env(safe-area-inset-left))}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-bottom-fixed-opr{padding:16px 0 64px;padding:16px 0 calc(64px + constant(safe-area-inset-bottom));padding:16px 0 calc(64px + env(safe-area-inset-bottom))}button.weui-btn,input.weui-btn{border-width:0;outline:0;-webkit-appearance:none}button.weui-btn:focus,input.weui-btn:focus{outline:0}button.weui-btn_inline,button.weui-btn_mini,input.weui-btn_inline,input.weui-btn_mini{width:auto;min-width:0}.weui-btn_medium{font-size:0.8235294117647058rem;padding:10px 24px;line-height:calc((var(--weui-BTN-HEIGHT-MEDIUM) - 20) / 14)}.weui-btn_mini{padding:6px 12px;border-radius:6px}.weui-btn_mini,.weui-btn_xmini{display:inline-block;min-width:0;line-height:1.42857;font-size:0.8235294117647058rem}.weui-btn_xmini{padding:4px 12px;font-weight:500;border-radius:4px}.weui-btn + .weui-btn{margin-top:16px}.weui-btn.weui-btn_mini + .weui-btn.weui-btn_mini,.weui-btn.weui-btn_xmini + .weui-btn.weui-btn_xmini{margin-top:auto}.weui-btn.weui-btn_inline + .weui-btn.weui-btn_inline{margin-left:16px}.weui-btn-area{margin:48px 16px 8px}.weui-btn-area_inline{display:-webkit-box;display:-webkit-flex;display:flex}.weui-btn-area_inline .weui-btn{margin-top:auto;margin-right:16px;width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-btn-area_inline .weui-btn:last-child{margin-right:0}.weui-btn_reset{font-size:inherit}.weui-btn_icon,.weui-btn_reset{background:transparent;border:0;padding:0;outline:0}.weui-btn_icon{font-size:0}.weui-btn_icon:active [class*="weui-icon-"]{color:var(--weui-FG-1)}.weui-btn_margin-reset{margin-left:0;margin-right:0}.weui-cells{margin-top:8px;background-color:var(--weui-BG-2);overflow:hidden;position:relative}.weui-cells::before{top:0;border-top:1px solid var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-cells::after,.weui-cells::before{content:" ";position:absolute;left:0;right:0;height:1px;color:var(--weui-FG-3);z-index:2}.weui-cells::after{bottom:0;border-bottom:1px solid var(--weui-FG-3);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-cells__title{margin-top:16px;margin-bottom:3px;padding-left:16px;padding-right:16px;color:var(--weui-FG-1);font-size:0.8235294117647058rem;line-height:1.4}.weui-cells__title + .weui-cells{margin-top:0}.weui-cells__tips{margin-top:8px;color:var(--weui-FG-1);padding-left:16px;padding-right:16px;font-size:0.8235294117647058rem;line-height:1.4}.weui-cells__tips a,.weui-cells__tips navigator{color:var(--weui-LINK)}.weui-cells__tips navigator{display:inline}.weui-cell{padding:16px;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;line-height:1.41176471;font-size:1rem;color:var(--weui-FG-0)}.weui-cell::before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:16px;z-index:2}.weui-cell:first-child::before{display:none}.weui-cell_active:active::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:var(--weui-FG-3);pointer-events:none}.weui-cell_primary{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.weui-cell__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.weui-cell__ft{text-align:right;color:var(--weui-FG-1)}.weui-cell__ft button{vertical-align:bottom}.weui-cell__desc{font-size:0.7058823529411765rem;color:var(--weui-FG-2);line-height:1.4;padding-top:4px}.weui-cell_swiped{display:block;padding:0}.weui-cell_swiped > .weui-cell__bd{position:relative;z-index:1;background-color:var(--weui-BG-2)}.weui-cell_swiped > .weui-cell__ft{position:absolute;right:0;top:0;bottom:0;color:#fff}.weui-cell_swiped > .weui-cell__ft,.weui-swiped-btn{display:-webkit-box;display:-webkit-flex;display:flex}.weui-swiped-btn{-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:16px 1em;line-height:1.41176471;color:inherit}.weui-swiped-btn_default{background-color:var(--weui-BG-0)}.weui-swiped-btn_warn{background-color:var(--weui-RED)}.weui-cell_access{-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-cell_access:active::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:var(--weui-FG-3);pointer-events:none}.weui-cell_access .weui-cell__ft{padding-right:24px;position:relative}.weui-cell_access .weui-cell__ft::after{content:" ";width:12px;height:24px;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;background-color:currentColor;color:var(--weui-FG-2);-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);position:absolute;top:50%;right:0;margin-top:-12px}.weui-cell_link{color:var(--weui-LINK)}.weui-cell_link:first-child::before{display:block}.weui-check__label{-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-check__label.weui-cell_disabled,.weui-check__label.weui-cell_readonly{color:var(--weui-FG-2)}.weui-check{opacity:0;position:absolute;width:0;height:0;overflow:hidden}.weui-check[disabled] + .weui-icon-checked{opacity:.3}.weui-cells_radio .weui-cell__ft{padding-left:16px;font-size:0}.weui-cells_radio .weui-check + .weui-icon-checked{min-width:16px;color:transparent}.weui-cells_radio .weui-check:checked + .weui-icon-checked,.weui-cells_radio .weui-check[aria-checked="true"] + .weui-icon-checked{color:var(--weui-BRAND);-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E)}.weui-cells_checkbox .weui-check__label::before{left:55px}.weui-cells_checkbox .weui-cell__hd{padding-right:16px;font-size:0}.weui-cells_checkbox .weui-icon-checked{-webkit-mask:none;mask:none;background:transparent url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.1' y='0.6' width='22.8' height='22.8' rx='11.4' stroke='black' stroke-opacity='0.3' style='stroke:black;stroke-opacity:0.3;' stroke-width='1.2'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;background-size:100% 2.4em}[data-weui-theme="dark"] .weui-cells_checkbox .weui-icon-checked{background-image:url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.1' y='0.6' width='22.8' height='22.8' rx='11.4' stroke='white' stroke-opacity='0.3' style='stroke:white;stroke-opacity:0.3;' stroke-width='1.2'/%3E%3C/svg%3E%0A")}.weui-cells_checkbox .weui-check:checked + .weui-icon-checked,.weui-cells_checkbox .weui-check[aria-checked="true"] + .weui-icon-checked,[data-weui-theme="dark"] .weui-cells_checkbox .weui-check:checked + .weui-icon-checked,[data-weui-theme="dark"] .weui-cells_checkbox .weui-check[aria-checked="true"] + .weui-icon-checked{background-image:url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' width='24' height='24' rx='12' fill='%2307C160' style='fill:%2307C160;fill:color(display-p3 0.0275 0.7569 0.3765);fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2712 16.2899L6.5 12.5187L7.44281 11.5759L10.7426 14.8757L18.2851 7.33325L19.2279 8.27606L11.214 16.2899C10.9537 16.5503 10.5316 16.5503 10.2712 16.2899Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/svg%3E%0A")}.weui-label{display:block;width:105px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.weui-input{width:100%;border:0;outline:0;-webkit-appearance:none;background-color:transparent;font-family:inherit;font-size:inherit;color:inherit;height:1.41176471em;line-height:1.41176471}.weui-input::-webkit-inner-spin-button,.weui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.weui-input:focus:not(:placeholder-shown) + .weui-btn_input-clear{display:inline}.weui-textarea{display:block;border:0;resize:none;background:transparent;width:100%;color:inherit;font-size:1em;font-family:inherit;line-height:inherit;height:80px;outline:0}.weui-textarea-counter{color:var(--weui-FG-2);text-align:right;font-size:0.8235294117647058rem}.weui-cell_warn,.weui-cell_warn .weui-textarea-counter{color:var(--weui-RED)}.weui-cell_warn .weui-icon-warn{display:inline-block}.weui-cell_disabled .weui-input:disabled,.weui-cell_disabled .weui-textarea:disabled,.weui-cell_readonly .weui-input:disabled,.weui-cell_readonly .weui-textarea:disabled{opacity:1;-webkit-text-fill-color:var(--weui-FG-1)}.weui-cell_disabled .weui-input[disabled],.weui-cell_disabled .weui-input[readonly],.weui-cell_disabled .weui-textarea[disabled],.weui-cell_disabled .weui-textarea[readonly],.weui-cell_readonly .weui-input[disabled],.weui-cell_readonly .weui-input[readonly],.weui-cell_readonly .weui-textarea[disabled],.weui-cell_readonly .weui-textarea[readonly]{color:var(--weui-FG-1)}.weui-btn_input-clear{display:none;padding-left:8px}.weui-btn_input-clear [class*="weui-icon-"]{width:18px}.weui-cells_form .weui-cell_disabled:active,.weui-cells_form .weui-cell_readonly:active,.weui-cells_form .weui-cell_switch:active,.weui-cells_form .weui-cell_vcode:active{background-color:transparent}.weui-cells_form .weui-cell__ft{font-size:0}.weui-cells_form .weui-icon-warn{display:none}.weui-cells_form input,.weui-cells_form label[for],.weui-cells_form textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-form-preview{position:relative;background-color:var(--weui-BG-2)}.weui-form-preview::before{top:0;border-top:1px solid var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-form-preview::after,.weui-form-preview::before{content:" ";position:absolute;left:0;right:0;height:1px;color:var(--weui-FG-3)}.weui-form-preview::after{bottom:0;border-bottom:1px solid var(--weui-FG-3);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-form-preview__hd{position:relative;padding:16px;text-align:right;line-height:2.5em}.weui-form-preview__hd::after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:16px}.weui-form-preview__hd .weui-form-preview__value{font-style:normal;font-size:1.6em}.weui-form-preview__bd{padding:16px;font-size:.9em;text-align:right;color:var(--weui-FG-1);line-height:2}.weui-form-preview__ft{position:relative;line-height:50px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-form-preview__ft::before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--weui-DIALOG-LINE-COLOR);color:var(--weui-DIALOG-LINE-COLOR);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-form-preview__item{overflow:hidden}.weui-form-preview__label{float:left;margin-right:1em;width:4.2em;color:var(--weui-FG-1);text-align:left}.weui-form-preview__value{display:block;overflow:hidden;word-break:normal;word-wrap:break-word;color:var(--weui-FG-0)}.weui-form-preview__btn{position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:var(--weui-LINK);text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}button.weui-form-preview__btn{background-color:transparent;border:0;outline:0;line-height:inherit;font-size:inherit}.weui-form-preview__btn:active{background-color:var(--weui-BG-COLOR-ACTIVE)}.weui-form-preview__btn::after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid var(--weui-DIALOG-LINE-COLOR);color:var(--weui-DIALOG-LINE-COLOR);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-form-preview__btn:first-child::after{display:none}.weui-form-preview__btn_default{color:var(--weui-FG-HALF)}.weui-form-preview__btn_primary{color:var(--weui-LINK)}.weui-form-preview__list{padding-top:24px;padding-bottom:24px;line-height:1.4;font-size:0.8235294117647058rem;position:relative}.weui-form-preview__list::before{content:"";content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-form-preview__list:last-child{padding-bottom:0}.weui-form-preview__list .weui-form-preview__label{text-align:left;width:6em}.weui-form-preview__list .weui-form-preview__value{-webkit-hyphens:auto;hyphens:auto}.weui-form-preview__list .weui-form-preview__item{margin-top:12px}.weui-form-preview__list .weui-form-preview__item:first-child,.weui-form-preview__list > .weui-cells__title:first-child{margin-top:0}.weui-cell_select{padding:0}.weui-cell_select .weui-cell__bd::after{content:" ";width:12px;height:24px;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;background-color:currentColor;color:var(--weui-FG-2);-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);position:absolute;top:50%;right:16px;margin-top:-12px}.weui-select{-webkit-appearance:none;border:0;outline:0;background-color:transparent;width:100%;font-size:inherit;min-height:56px;line-height:56px;position:relative;z-index:1;padding-left:16px;padding-right:40px;color:var(--weui-FG-0);vertical-align:bottom;box-sizing:border-box}div.weui-select{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.weui-cell_select-before .weui-cell__hd{padding-left:0;position:relative}.weui-cell_select-before .weui-cell__hd::after{content:" ";position:absolute;right:0;top:0;width:1px;bottom:0;border-right:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-cell_select-before .weui-cell__hd::before{content:" ";width:12px;height:24px;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;background-color:currentColor;color:var(--weui-FG-2);-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);position:absolute;top:50%;right:16px;margin-top:-12px}.weui-cell_select-before .weui-cell__bd{padding-left:16px}.weui-cell_select-before .weui-cell__bd::after{display:none}.weui-cell_select-before .weui-select{max-width:5em;width:105px;box-sizing:content-box}.weui-cell_select-after .weui-cell__hd{padding-left:16px}.weui-cell_select-after .weui-select{padding-left:0}.weui-cell_vcode{padding-top:0;padding-right:0;padding-bottom:0}.weui-vcode-btn,.weui-vcode-img{margin-left:5px;height:56px;vertical-align:middle}.weui-vcode-btn{display:inline-block;padding:0 .6em 0 .7em;line-height:56px;font-size:1rem;color:var(--weui-LINK);position:relative}.weui-vcode-btn::after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}button.weui-vcode-btn{background-color:transparent;border:0;outline:0}.weui-vcode-btn:active{color:var(--weui-LINK-ACTIVE)}.weui-gallery{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1000}.weui-gallery__img,.weui-gallery__opr{position:absolute;left:0;left:constant(safe-area-inset-left);left:env(safe-area-inset-left);right:0;right:constant(safe-area-inset-right);right:env(safe-area-inset-right)}.weui-gallery__img{top:0;top:constant(safe-area-inset-top);top:env(safe-area-inset-top);bottom:60px;bottom:calc(60px + constant(safe-area-inset-bottom));bottom:calc(60px + env(safe-area-inset-bottom));background:50% no-repeat;background-size:contain}.weui-gallery__img:last-child{bottom:0;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.weui-gallery__opr{position:absolute;bottom:0;background-color:#0d0d0d;color:var(--weui-WHITE);line-height:60px;text-align:center}.weui-gallery__del{display:block;padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.weui-gallery__del:active{opacity:.5}.weui-cell_switch{padding-top:12px;padding-bottom:12px}.weui-cell_switch.weui-cell_disabled,.weui-cell_switch.weui-cell_readonly{color:var(--weui-FG-3)}.weui-switch{-webkit-appearance:none;appearance:none}.weui-switch,.weui-switch-cp__box{vertical-align:bottom;position:relative;width:52px;height:32px;background-color:var(--weui-FG-3);border:0;padding:2px;outline:0;border-radius:16px;box-sizing:border-box;-webkit-transition:background-color .1s,border .1s;transition:background-color .1s,border .1s}.weui-switch-cp__box::after,.weui-switch::after{content:" ";position:absolute;top:2px;left:2px;width:28px;height:28px;border-radius:15px;background-color:#fff;box-shadow:0 2px 3px 0 rgba(0,0,0,.06);-webkit-transition:-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);transition:-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);transition:transform .35s cubic-bezier(.4,.4,.25,1.35);transition:transform .35s cubic-bezier(.4,.4,.25,1.35),-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35)}.weui-switch-cp__input:checked + .weui-switch-cp__box,.weui-switch-cp__input[aria-checked="true"] + .weui-switch-cp__box,.weui-switch:checked{background-color:var(--weui-BRAND)}.weui-switch-cp__input:checked + .weui-switch-cp__box::after,.weui-switch-cp__input[aria-checked="true"] + .weui-switch-cp__box::after,.weui-switch:checked::after{-webkit-transform:translateX(20px);transform:translateX(20px)}.weui-switch-cp__input[aria-disabled="true"] + .weui-switch-cp__box,.weui-switch-cp__input[disabled] + .weui-switch-cp__box,.weui-switch[disabled]{opacity:.1}.weui-switch-cp__input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.weui-switch-cp__box{display:block}.weui-cell_uploader{padding-bottom:24px}.weui-uploader{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-uploader__hd{display:-webkit-box;display:-webkit-flex;display:flex;padding-bottom:12px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-uploader__title{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-uploader__info{color:var(--weui-FG-2)}.weui-uploader__bd{margin-bottom:-8px;margin-right:-8px;overflow:hidden}.weui-uploader__files{list-style:none}.weui-uploader__file{float:left;margin-right:8px;margin-bottom:8px;width:96px;height:96px;background:no-repeat 50%;background-size:cover;position:relative;overflow:hidden}.weui-uploader__file__thumb{display:block;width:100%;height:100%;background:no-repeat 50%;background-size:cover}.weui-uploader__file__delete{position:absolute;top:4px;right:4px;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}.weui-uploader__file__delete::before{content:"";position:absolute;top:0;right:0;margin-top:-5px;margin-right:-5px;width:1px;height:1px;z-index:1;box-shadow:0 0 32px 32px rgba(0,0,0,.3);border-radius:50%}.weui-uploader__file__delete::after{content:"";position:absolute;width:32px;height:32px;top:50%;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.weui-uploader__file__delete .weui-icon-close{position:relative;z-index:1;font-size:0.9411764705882353rem;width:1em;height:1em;color:#fff}.weui-uploader__file_status{position:relative}.weui-uploader__file_status::before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}.weui-uploader__file_status .weui-uploader__file-content{display:block}.weui-uploader__file-content{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--weui-WHITE)}.weui-uploader__file-content .weui-icon-warn{display:inline-block}.weui-uploader__input-box{float:left;position:relative;margin-right:8px;margin-bottom:8px;width:96px;height:96px;box-sizing:border-box;background-color:#ededed}[data-weui-theme="dark"] .weui-uploader__input-box{background-color:#2e2e2e}.weui-uploader__input-box::after,.weui-uploader__input-box::before{content:" ";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#a3a3a3}[data-weui-theme="dark"] .weui-uploader__input-box::after,[data-weui-theme="dark"] .weui-uploader__input-box::before{background-color:#6d6d6d}.weui-uploader__input-box::before{width:2px;height:33.33%}.weui-uploader__input-box::after{width:33.33%;height:2px}.weui-uploader__input-box:active::after,.weui-uploader__input-box:active::before{opacity:.7}.weui-uploader__input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-msg__desc-primary a,.weui-msg__desc a,.weui-msg__tips a{color:var(--weui-LINK);display:inline-block;vertical-align:baseline}.weui-msg{padding-top:48px;padding:calc(48px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);padding:calc(48px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);text-align:center;line-height:1.4;min-height:100%;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:var(--weui-BG-2)}.weui-msg__icon-area{margin-bottom:32px}.weui-msg__text-area{margin-bottom:32px;padding:0 32px;-webkit-box-flex:1;-webkit-flex:1;flex:1;line-height:1.6;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.weui-msg__text-area:first-child{padding-top:96px}.weui-msg__title{font-weight:500;font-size:1.2941176470588236rem}.weui-msg__desc,.weui-msg__title{margin-bottom:16px;color:var(--weui-FG-0)}.weui-msg__desc{font-size:1rem;font-weight:400}.weui-msg__desc-primary{font-size:0.8235294117647058rem;color:var(--weui-FG-1);margin-bottom:16px}.weui-msg__custom-area{text-align:left;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:16px}.weui-msg__title + .weui-msg__custom-area{margin-top:48px}.weui-msg__desc + .weui-msg__custom-area,.weui-msg__desc-primary + .weui-msg__custom-area{margin-top:40px}.weui-msg__custom-area .weui-cells__group_form .weui-cells{margin:0}.weui-msg__opr-area{margin-bottom:16px}.weui-msg__opr-area .weui-btn-area{margin:0}.weui-msg__opr-area .weui-btn + .weui-btn{margin-bottom:16px}.weui-msg__opr-area:last-child{margin-bottom:96px}.weui-msg__opr-area + .weui-msg__extra-area{margin-top:48px}.weui-msg__tips-area{margin-bottom:16px;padding:0 40px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.weui-msg__opr-area + .weui-msg__tips-area{margin-bottom:48px}.weui-msg__tips-area:last-child{margin-bottom:64px}.weui-msg__tips{font-size:0.8235294117647058rem;color:var(--weui-FG-1)}.weui-msg__extra-area{margin-bottom:24px;padding:0 32px;box-sizing:border-box;font-size:0.7058823529411765rem;color:var(--weui-FG-1)}.weui-msg__extra-area a,.weui-msg__extra-area navigator{color:var(--weui-LINK)}.weui-msg__extra-area navigator{display:inline}.weui-msg_align-top .weui-msg__text-area:first-child{padding-top:0}body,page{--weui-STEPS-DEFAULT-COLOR:var(--weui-FG-3);--weui-STEPS-HIGHLIGHT-COLOR:var(--weui-BRAND);--weui-STEPS-FONT-SIZE:17;--weui-STEPS-LINEHEIGHT:1.4;--weui-STEPS-DOT-SIZE:calc(8 / var(--weui-STEPS-FONT-SIZE) * 1em);--weui-STEPS-ICON-SIZE:40;--weui-STEPS-VERTICAL-DOT-GAP:calc((1em - var(--weui-STEPS-DOT-SIZE)) / 2);--weui-STEPS-HORIZONAL-DOT-GAP:4px}.weui-steps{line-height:var(--weui-STEPS-LINEHEIGHT);font-size:calc(1px * var(--weui-STEPS-FONT-SIZE))}.weui-steps__item__desc,.weui-steps__item__title{display:block}.weui-steps__item__title{font-weight:500}.weui-steps__item__desc{font-size:0.8235294117647058rem;color:var(--weui-FG-2);margin-top:4px}.weui-steps_vertical{position:relative}.weui-steps_vertical .weui-steps__item{position:relative;padding-bottom:32px}.weui-steps_vertical .weui-steps__item::before{content:"";content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid var(--weui-STEPS-DEFAULT-COLOR);color:var(--weui-STEPS-DEFAULT-COLOR);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5);top:calc((var(--weui-STEPS-LINEHEIGHT) - (var(--weui-STEPS-LINEHEIGHT) - 1) / 2) * 1em);bottom:calc((var(--weui-STEPS-LINEHEIGHT) - 1) / 2 * -1em)}.weui-steps_vertical .weui-steps__item:first-child:not(.weui-steps__item_success) .weui-steps__item__inner::before{background-color:var(--weui-STEPS-HIGHLIGHT-COLOR)}.weui-steps_vertical .weui-steps__item:last-child::before{display:none}.weui-steps_vertical .weui-steps__item__inner{position:relative;z-index:1;padding-left:36px}.weui-steps_vertical .weui-steps__item__inner::before{content:"";width:var(--weui-STEPS-DOT-SIZE);height:var(--weui-STEPS-DOT-SIZE);border-radius:100%;background-color:var(--weui-STEPS-DEFAULT-COLOR)}.weui-steps_vertical .weui-steps__icon,.weui-steps_vertical .weui-steps__item__inner::before{position:absolute;z-index:1;left:0;top:calc(var(--weui-STEPS-LINEHEIGHT) / 2 * 1em);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.weui-steps_vertical .weui-steps__icon{font-size:calc(1px * var(--weui-STEPS-FONT-SIZE));width:calc(var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em);height:calc(var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em);margin-top:calc((var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em - 1em) / 2 - .28em)}.weui-steps_vertical .weui-steps__item_icon::before{top:calc(var(--weui-STEPS-VERTICAL-DOT-GAP) + var(--weui-STEPS-ICON-SIZE) / var(--weui-STEPS-FONT-SIZE) * 1em - .14em)}.weui-steps_vertical .weui-steps__item_icon .weui-steps__item__inner::before{display:none}.weui-steps_vertical .weui-steps__item_icon-prev::before{bottom:calc(var(--weui-STEPS-VERTICAL-DOT-GAP) - (var(--weui-STEPS-LINEHEIGHT) - 1) / 2 * 1em + .14em)}.weui-steps_vertical .weui-steps__item_success::before{border-color:var(--weui-STEPS-HIGHLIGHT-COLOR)}.weui-steps_vertical .weui-steps__item_success + .weui-steps__item .weui-steps__item__inner::before,.weui-steps_vertical .weui-steps__item_success .weui-steps__item__inner::before{background-color:var(--weui-STEPS-HIGHLIGHT-COLOR)}.weui-steps_horizonal,.weui-steps_horizonal .weui-steps__item{display:-webkit-box;display:-webkit-flex;display:flex}.weui-steps_horizonal .weui-steps__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-steps_horizonal .weui-steps__item::before{content:"";display:block;width:var(--weui-STEPS-DOT-SIZE);height:var(--weui-STEPS-DOT-SIZE);border-radius:100%;background-color:var(--weui-STEPS-DEFAULT-COLOR);-webkit-flex-shrink:0;flex-shrink:0}.weui-steps_horizonal .weui-steps__item::after{content:"";height:.5px;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0 var(--weui-STEPS-HORIZONAL-DOT-GAP);background:var(--weui-STEPS-DEFAULT-COLOR)}.weui-steps_horizonal .weui-steps__item:last-child{-webkit-box-flex:0;-webkit-flex:none;flex:none}.weui-steps_horizonal .weui-steps__item:last-child::after{display:none}.weui-steps_horizonal .weui-steps__item:first-child:not(.weui-steps__item_success)::before{background:var(--weui-STEPS-HIGHLIGHT-COLOR)}.weui-steps_horizonal .weui-steps__item__inner{margin-left:8px}.weui-steps_horizonal .weui-steps__item_success + .weui-steps__item::before,.weui-steps_horizonal .weui-steps__item_success::after,.weui-steps_horizonal .weui-steps__item_success::before{background:var(--weui-STEPS-HIGHLIGHT-COLOR)}.weui-steps_horizonal-primary{display:-webkit-box;display:-webkit-flex;display:flex}.weui-steps_horizonal-primary .weui-steps__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative}.weui-steps_horizonal-primary .weui-steps__item::before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--weui-STEPS-DEFAULT-COLOR);color:var(--weui-STEPS-DEFAULT-COLOR);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-steps_horizonal-primary .weui-steps__item:last-child{-webkit-box-flex:0;-webkit-flex:none;flex:none}.weui-steps_horizonal-primary .weui-steps__item:last-child::before{display:none}.weui-steps_horizonal-primary .weui-steps__item__inner{position:relative;padding-top:36px}.weui-steps_horizonal-primary .weui-steps__item__inner::before{content:"";position:absolute;z-index:1;width:var(--weui-STEPS-DOT-SIZE);height:var(--weui-STEPS-DOT-SIZE);border-radius:100%;background-color:var(--weui-STEPS-DEFAULT-COLOR);top:0;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.weui-steps_horizonal-primary .weui-steps__item__inner::after{content:"";background-color:var(--weui-BG-2);width:calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP));height:calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP));position:absolute;top:0;left:0;-webkit-transform:translate(calc(-50% + var(--weui-STEPS-DOT-SIZE) / 2),-50%);transform:translate(calc(-50% + var(--weui-STEPS-DOT-SIZE) / 2),-50%)}.weui-steps_horizonal-primary .weui-steps__item_success::before{border-color:var(--weui-STEPS-HIGHLIGHT-COLOR)}.weui-steps_horizonal-primary .weui-steps__item_success + .weui-steps__item .weui-steps__item__inner::before,.weui-steps_horizonal-primary .weui-steps__item_success .weui-steps__item__inner::before{background:var(--weui-STEPS-HIGHLIGHT-COLOR)}.weui-steps_horizonal-center{display:-webkit-box;display:-webkit-flex;display:flex;text-align:center}.weui-steps_horizonal-center .weui-steps__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative}.weui-steps_horizonal-center .weui-steps__item::after,.weui-steps_horizonal-center .weui-steps__item::before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--weui-STEPS-DEFAULT-COLOR);color:var(--weui-STEPS-DEFAULT-COLOR);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-steps_horizonal-center .weui-steps__item::before{right:50%}.weui-steps_horizonal-center .weui-steps__item::after{left:50%}.weui-steps_horizonal-center .weui-steps__item:first-child::before,.weui-steps_horizonal-center .weui-steps__item:last-child::after{display:none}.weui-steps_horizonal-center .weui-steps__item__inner{position:relative;z-index:1;padding-top:36px}.weui-steps_horizonal-center .weui-steps__item__inner::before{content:"";position:absolute;z-index:1;width:var(--weui-STEPS-DOT-SIZE);height:var(--weui-STEPS-DOT-SIZE);border-radius:100%;background-color:var(--weui-STEPS-DEFAULT-COLOR);top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.weui-steps_horizonal-center .weui-steps__item__inner::after{content:"";background-color:var(--weui-BG-2);width:calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP));height:calc(var(--weui-STEPS-DOT-SIZE) + 2 * var(--weui-STEPS-HORIZONAL-DOT-GAP));position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.weui-steps_horizonal-center .weui-steps__item_success + .weui-steps__item .weui-steps__item__inner::before,.weui-steps_horizonal-center .weui-steps__item_success + .weui-steps__item::before,.weui-steps_horizonal-center .weui-steps__item_success .weui-steps__item__inner::before,.weui-steps_horizonal-center .weui-steps__item_success::after,.weui-steps_horizonal-center .weui-steps__item_success::before{background:var(--weui-STEPS-HIGHLIGHT-COLOR)}body,page{--weui-cellMarginLR:16px;--weui-cellPaddingLR:16px}.weui-cells__group{border:0}.weui-cells__group:first-child{margin-top:0}.weui-cells__group_form{margin-top:24px}.weui-cells__group_form .weui-cells{margin-left:var(--weui-cellMarginLR);margin-right:var(--weui-cellMarginLR)}.weui-cells__group_form .weui-cells::after,.weui-cells__group_form .weui-cells::before{left:var(--weui-cellPaddingLR);right:var(--weui-cellPaddingLR)}.weui-cells__group_form .weui-cell{padding:16px var(--weui-cellPaddingLR)}.weui-cells__group_form .weui-cell::before{left:var(--weui-cellPaddingLR);right:var(--weui-cellPaddingLR)}.weui-cells__group_form .weui-cell .weui-cell__hd{padding-right:16px}.weui-cells__group_form .weui-cell .weui-cell__ft{padding-left:16px}.weui-cells__group_form .weui-cell_vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.weui-cells__group_form .weui-cell_vertical .weui-cell__hd{padding-right:0;margin-bottom:12px}.weui-cells__group_form .weui-cell_vertical .weui-cell__ft{padding-left:0}.weui-cells__group_form .weui-cell_vertical .weui-cell__bd,.weui-cells__group_form .weui-cell_vertical .weui-cell__hd{width:100%}.weui-cells__group_form .weui-cells__title{margin-top:24px;margin-bottom:8px;padding:0 32px}.weui-cells__group_form:first-child .weui-cells__title{margin-top:0}.weui-cells__group_form .weui-cells__tips{margin-top:8px;padding:0 calc(var(--weui-cellMarginLR) + var(--weui-cellPaddingLR));color:var(--weui-FG-2)}.weui-cells__group_form .weui-cells__tips a{font-weight:500}.weui-cells__group_form .weui-cells__tips_warn{color:var(--weui-RED)}.weui-cells__group_form .weui-label{max-width:5em;margin-right:8px}.weui-cells__group_form .weui-cell_access:active::after,.weui-cells__group_form .weui-cell_active:active::after{border-radius:8px}.weui-cells__group_form .weui-cell_warn input{color:var(--weui-RED)}.weui-cells__group_form .weui-cell_disabled:active::after,.weui-cells__group_form .weui-cell_readonly:active::after,.weui-cells__group_form .weui-cell_switch:active::after,.weui-cells__group_form .weui-cell_vcode:active::after,.weui-cells__group_form .weui-icon-warn{display:none}.weui-cells__group_form input,.weui-cells__group_form label[for],.weui-cells__group_form textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-cells__group_form .weui-cell_wrap{-webkit-box-align:initial;-webkit-align-items:initial;align-items:initial;padding-top:8px;padding-bottom:8px}.weui-cells__group_form .weui-cell_wrap .weui-cell__hd{padding-right:0}.weui-cells__group_form .weui-cell_wrap .weui-label{margin-top:8px;margin-bottom:8px}.weui-cells__group_form .weui-cell_wrap .weui-cell__bd{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-cells__group_form .weui-cell__control{margin:8px 0 8px 16px}.weui-cells__group_form .weui-cell__control_flex{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:30vw}.weui-cells__group_form .weui-vcode-btn{font-size:0.9411764705882353rem;padding:0 12px;height:auto;min-width:0;line-height:2;border-radius:6px;color:var(--weui-FG-0);background-color:var(--weui-FG-5)}.weui-cells__group_form .weui-vcode-btn::after{display:none}.weui-cells__group_form .weui-vcode-btn.weui-btn_disabled,.weui-cells__group_form .weui-vcode-btn[disabled]{color:rgba(0,0,0,.15);color:var(--weui-FG-4);background-color:rgba(0,0,0,.05);background-color:var(--weui-FG-5)}.weui-cells__group_form .weui-cell_vcode.weui-cell_wrap{padding-top:4px;padding-bottom:4px}.weui-cells__group_form .weui-cell_vcode.weui-cell_wrap .weui-label{margin-top:12px}.weui-cells__group_form .weui-cell_vcode.weui-cell_wrap .weui-input{font-size:1rem;min-height:1.88235294em}.weui-cells__group_form .weui-cells_checkbox .weui-check__label::before{left:calc(40px + var(--weui-cellPaddingLR))}.weui-cells__group_form .weui-cell_select{padding:0}.weui-cells__group_form .weui-cell_select-before .weui-cell__hd{padding-right:0}.weui-cells__group_form .weui-cell_switch{padding:12px 16px}.weui-cells__group_form-primary{margin-top:32px}.weui-cells__group_form-primary .weui-cells{background:var(--weui-BG-1);border-radius:8px;overflow:hidden}.weui-cells__group_form-primary .weui-cells::after,.weui-cells__group_form-primary .weui-cells::before{display:none}.weui-cells__group_form-primary .weui-cell_access:active::after,.weui-cells__group_form-primary .weui-cell_active:active::after{border-radius:0}.weui-form{padding:56px 0 0;padding:calc(56px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);padding:calc(56px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;line-height:1.4;min-height:100%;box-sizing:border-box;background-color:var(--weui-BG-2)}.weui-form .weui-footer,.weui-form .weui-footer__link{font-size:0.8235294117647058rem}.weui-form__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-form__text-area{padding:0 32px;color:var(--weui-FG-0);text-align:center}.weui-form__control-area{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:48px 0}.weui-form__extra-area,.weui-form__tips-area{margin-bottom:24px;padding:0 32px;text-align:center}.weui-form__extra-area{margin-top:52px}.weui-form__opr-area{padding:0 32px}.weui-form__opr-area:last-child{margin-bottom:96px}.weui-form__opr-area + .weui-form__tips-area{margin-top:16px;margin-bottom:0}.weui-form__tips-area + .weui-form__extra-area{margin-top:32px}.weui-form__tips-area:last-child{margin-bottom:60px}.weui-form__title{font-size:1.2941176470588236rem;font-weight:500;line-height:1.36}.weui-form__desc{font-size:1rem;margin-top:16px}.weui-form__tips__group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-form__tips__group_primary{max-width:100%}.weui-form__tips__group_primary,.weui-form__tips__wrp{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex}.weui-form__tips__wrp{text-align:left;margin:8px 0}.weui-form__tips__wrp:first-child{margin-top:0}.weui-form__tips__wrp:last-child{margin-bottom:0}.weui-form__tips{color:var(--weui-FG-1);font-size:0.8235294117647058rem}.weui-form__tips a,.weui-form__tips navigator{color:var(--weui-LINK)}.weui-form__tips navigator{display:inline}.weui-article{padding:48px 24px;padding:48px calc(24px + constant(safe-area-inset-right)) calc(48px + constant(safe-area-inset-bottom)) calc(24px + constant(safe-area-inset-left));padding:48px calc(24px + env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left));color:var(--weui-FG-0);font-size:1rem;line-height:1.4;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.weui-article image{margin:0;vertical-align:bottom}.weui-article__section{margin-bottom:48px}.weui-article__section .weui-article__section{margin-bottom:32px}.weui-article__section .weui-article__section .weui-article__section{margin-bottom:24px}.weui-article__h1{font-size:1.2941176470588236rem;font-weight:500;margin-bottom:48px;text-align:center}.weui-article__h2{font-size:1.1764705882352942rem;font-weight:500;margin-bottom:16px}.weui-article__h3{font-size:1rem;font-weight:500;margin-bottom:8px}.weui-article__h4{margin-bottom:4px}.weui-article__h4,.weui-article__h5,.weui-article__h6{font-size:1rem;font-weight:400}.weui-article__p{margin:0 0 24px;line-height:1.6}.weui-article__ol,.weui-article__ul{margin-left:1.2em;margin-bottom:24px}.weui-article__ol .weui-article__ol,.weui-article__ol .weui-article__ul,.weui-article__ul .weui-article__ol,.weui-article__ul .weui-article__ul{margin:.5em 0 .5em 1.2em}.weui-article__ol{list-style:decimal}.weui-article__ul{list-style:disc}.weui-article__li{display:list-item;margin:.5em 0}.weui-article__list_inside .weui-article__li{list-style-position:inside}.weui-article__list_none .weui-article__li{list-style:none}.weui-tabbar{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;z-index:500;background-color:var(--weui-BG-1)}.weui-tabbar::before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-tabbar__item{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:8px 0;padding-bottom:calc(8px + constant(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom));font-size:0;color:var(--weui-FG-1);text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-tabbar__item:first-child{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.weui-tabbar__item:last-child{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color:var(--weui-BRAND)}.weui-tabbar__icon{display:inline-block;font-size:0.5882352941176471rem;width:2.8em;height:2.8em;margin-bottom:2px}.weui-tabbar__icon > i,i.weui-tabbar__icon{font-size:1.411764705882353rem;color:var(--weui-FG-1)}.weui-tabbar__icon img{width:100%;height:100%}.weui-tabbar__label{color:var(--weui-FG-0);font-size:0.5882352941176471rem;line-height:1.4}.weui-navbar{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;z-index:500;background-color:var(--weui-BG-2);padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.weui-navbar::after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-navbar + .weui-tab__panel{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.weui-navbar__item{position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:16px 0;padding-top:calc(16px + constant(safe-area-inset-top));padding-top:calc(16px + env(safe-area-inset-top));text-align:center;font-size:1rem;line-height:1.41176471;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-navbar__item.weui-bar__item_on,.weui-navbar__item:active{background-color:var(--weui-BG-COLOR-ACTIVE)}.weui-navbar__item::after{content:" ";position:absolute;right:0;top:0;width:1px;bottom:0;border-right:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-navbar__item:first-child{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.weui-navbar__item:last-child{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.weui-navbar__item:last-child::after{display:none}.weui-tab{display:-webkit-box;display:-webkit-flex;display:flex;height:100%;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-tab__panel{box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.weui-tab__content{display:none}.weui-progress{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-progress__bar{background-color:var(--weui-BG-0);height:3px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-progress__inner-bar{width:0;height:100%;background-color:var(--weui-BRAND)}.weui-progress__opr{display:block;margin-left:15px;font-size:0}.weui-panel{background-color:var(--weui-BG-2);margin-top:10px;position:relative;overflow:hidden}.weui-panel:first-child{margin-top:0}.weui-panel::before{top:0;border-top:1px solid var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-panel::after,.weui-panel::before{content:" ";position:absolute;left:0;right:0;height:1px;color:var(--weui-FG-3)}.weui-panel::after{bottom:0;border-bottom:1px solid var(--weui-FG-3);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-panel .weui-cells::after{display:none}.weui-panel__hd{padding:16px 16px 13px;color:var(--weui-FG-0);font-size:0.8823529411764706rem;font-weight:500;position:relative}.weui-panel__hd::after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}.weui-media-box{padding:16px;position:relative}.weui-media-box::before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:16px}.weui-media-box:first-child::before{display:none}a.weui-media-box{color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0)}a.weui-media-box:active{background-color:var(--weui-BG-COLOR-ACTIVE)}.weui-media-box__title{display:block;font-weight:400;font-size:1rem;color:var(--weui-FG-0);width:auto;white-space:nowrap;word-wrap:normal}.weui-media-box__desc,.weui-media-box__title{line-height:1.4;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.weui-media-box__desc{color:var(--weui-FG-2);font-size:0.8235294117647058rem;padding-top:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weui-media-box__info{display:block;margin-top:16px;padding-bottom:4px;font-size:0.7647058823529411rem;color:var(--weui-FG-2);line-height:1em;list-style:none;overflow:hidden}.weui-media-box__info__meta{float:left;padding-right:1em}.weui-media-box__info__meta_extra{padding-left:1em;border-left:1px solid var(--weui-FG-2)}.weui-media-box_appmsg{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-media-box_appmsg .weui-media-box__hd{margin-right:16px;width:60px;height:60px;line-height:60px;text-align:center}.weui-media-box_appmsg .weui-media-box__thumb{width:100%;max-height:100%;vertical-align:top}.weui-media-box_appmsg .weui-media-box__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.weui-media-box_small-appmsg{padding:0}.weui-media-box_small-appmsg .weui-cells{margin-top:0}.weui-media-box_small-appmsg .weui-cells::before{display:none}.weui-grids{position:relative;overflow:hidden}.weui-grids::before{right:0;height:1px;border-top:1px solid var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-grids::after,.weui-grids::before{content:" ";position:absolute;left:0;top:0;color:var(--weui-FG-3)}.weui-grids::after{width:1px;bottom:0;border-left:1px solid var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-grid{position:relative;float:left;padding:20px 10px;width:33.33333333%;box-sizing:border-box}.weui-grid::before{top:0;width:1px;border-right:1px solid var(--weui-FG-3);-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-grid::after,.weui-grid::before{content:" ";position:absolute;right:0;bottom:0;color:var(--weui-FG-3)}.weui-grid::after{left:0;height:1px;border-bottom:1px solid var(--weui-FG-3);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-grid:active{background-color:var(--weui-BG-COLOR-ACTIVE)}.weui-grid__icon{width:28px;height:28px;margin:0 auto}.weui-grid__icon img{display:block;width:100%;height:100%}.weui-grid__icon + .weui-grid__label{margin-top:4px}.weui-grid__label{display:block;color:var(--weui-FG-0);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.weui-footer,.weui-grid__label{text-align:center;font-size:0.8235294117647058rem}.weui-footer{color:rgba(0,0,0,.2);line-height:1.4}[data-weui-theme="dark"] .weui-footer{color:hsla(0,0%,100%,.2)}.weui-footer a,.weui-footer navigator{color:var(--weui-LINK)}.weui-footer navigator{display:inline}.weui-footer_fixed-bottom{position:fixed;bottom:0;left:0;right:0;padding-top:16px;padding-bottom:16px;padding-bottom:calc(16px + constant(safe-area-inset-bottom));padding-bottom:calc(16px + env(safe-area-inset-bottom));left:constant(safe-area-inset-left);left:env(safe-area-inset-left);right:constant(safe-area-inset-right);right:env(safe-area-inset-right)}.weui-footer__links{font-size:0}.weui-footer__link{display:inline-block;vertical-align:top;margin:0 8px;position:relative;font-size:0.8235294117647058rem}.weui-footer__link::before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5);left:-8px;top:.36em;bottom:.36em}.weui-footer__link:first-child::before{display:none}.weui-footer__text{padding:0 16px;font-size:0.7058823529411765rem}.weui-flex{display:-webkit-box;display:-webkit-flex;display:flex}.weui-flex__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.weui-dialog{position:fixed;z-index:5000;top:50%;left:16px;right:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--weui-BG-2);text-align:center;border-radius:12px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:90%;outline:0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.weui-dialog__hd{padding:32px 24px 16px}.weui-dialog__title{font-weight:500;font-size:1rem;line-height:1.4;color:var(--weui-FG-0)}.weui-dialog__bd{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 24px;margin-bottom:32px;font-size:1rem;line-height:1.4;color:var(--weui-FG-1)}.weui-dialog__bd:first-child{min-height:40px;padding:32px 24px 0;font-weight:500;color:var(--weui-FG-0);-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-dialog__bd:first-child,.weui-dialog__ft{display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft{position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-dialog__ft::after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--weui-DIALOG-LINE-COLOR);color:var(--weui-DIALOG-LINE-COLOR);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:block;line-height:1.41176471;padding:20px 8px;font-size:1rem;color:var(--weui-LINK);font-weight:500;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.weui-dialog__btn:active{background-color:var(--weui-BG-COLOR-ACTIVE)}.weui-dialog__btn::after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid var(--weui-DIALOG-LINE-COLOR);color:var(--weui-DIALOG-LINE-COLOR);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child::after{display:none}.weui-dialog__btn_default{color:var(--weui-FG-HALF)}.weui-dialog__btn_warn{color:var(--weui-RED)}.weui-dialog__btn_disabled{color:var(--weui-FG-2)}.weui-dialog_btn-wrap .weui-dialog__ft{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:initial;-webkit-align-items:initial;align-items:initial}.weui-dialog_btn-wrap .weui-dialog__btn::after{width:auto;bottom:auto;right:0;height:1px;-webkit-transform:scaleY(.5);transform:scaleY(.5);border-top:1px solid var(--weui-DIALOG-LINE-COLOR);border-left:0}.weui-dialog_btn-wrap .weui-dialog__btn:first-child::after{display:none}.weui-skin_android .weui-dialog{text-align:left;box-shadow:0 6px 30px 0 rgba(0,0,0,.1)}.weui-skin_android .weui-dialog__title{font-size:1.2941176470588236rem;line-height:1.4}.weui-skin_android .weui-dialog__hd{text-align:left}.weui-skin_android .weui-dialog__bd{color:var(--weui-FG-1);text-align:left}.weui-skin_android .weui-dialog__bd:first-child{color:var(--weui-FG-0)}.weui-skin_android .weui-dialog__ft{display:block;text-align:right;line-height:40px;min-height:40px;padding:0 24px 16px}.weui-skin_android .weui-dialog__ft::after{display:none}.weui-skin_android .weui-dialog__btn{display:inline-block;vertical-align:top;padding:0 .8em}.weui-skin_android .weui-dialog__btn::after{display:none}.weui-skin_android .weui-dialog__btn:last-child{margin-right:-.8em}.weui-skin_android .weui-dialog__btn_default{color:var(--weui-FG-HALF)}@media (min-width:352px){.weui-dialog{width:320px;margin:0 auto}}.weui-half-screen-dialog{position:fixed;left:0;right:0;bottom:0;min-height:255px;max-height:75%;z-index:5000;line-height:1.4;background-color:var(--weui-BG-2);color:var(--weui-FG-0);border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;padding:0 24px;padding:0 calc(24px + constant(safe-area-inset-right)) constant(safe-area-inset-bottom) calc(24px + constant(safe-area-inset-left));padding:0 calc(24px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(24px + env(safe-area-inset-left));box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;outline:0}@media (max-device-height:558px){.weui-half-screen-dialog{max-height:calc(100% - 16px)}}.weui-half-screen-dialog__hd{min-height:64px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;flex-shrink:0}.weui-half-screen-dialog__hd .weui-btn_icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:inherit}.weui-half-screen-dialog__hd .weui-btn_icon:active{opacity:.5}.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__action-group{position:absolute;top:50%;white-space:nowrap;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__action{margin-right:16px;position:static;-webkit-transform:none;transform:none}.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__action.weui-wa-hotarea{position:relative}.weui-half-screen-dialog__hd .weui-half-screen-dialog__hd__action.weui-link{font-size:0.8823529411764706rem}.weui-half-screen-dialog__hd__side{position:relative;left:-8px}.weui-half-screen-dialog__hd__main{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-half-screen-dialog__hd__side + .weui-half-screen-dialog__hd__main{text-align:center;padding:0 40px}.weui-half-screen-dialog__hd__main + .weui-half-screen-dialog__hd__side{right:-8px;left:auto}.weui-half-screen-dialog__hd__main + .weui-half-screen-dialog__hd__side .weui-half-screen-dialog__hd__action-group{right:0}.weui-half-screen-dialog__hd__main + .weui-half-screen-dialog__hd__side .weui-half-screen-dialog__hd__action{margin-right:0;margin-left:16px}.weui-half-screen-dialog__hd__main + .weui-half-screen-dialog__hd__side .weui-btn_icon,.weui-half-screen-dialog__hd__main + .weui-half-screen-dialog__hd__side .weui-icon-btn{right:0}.weui-half-screen-dialog__title{display:block;color:var(--weui-FG-0);font-weight:500;font-size:0.8823529411764706rem}.weui-half-screen-dialog__subtitle{display:block;color:var(--weui-FG-1);font-size:0.5882352941176471rem}.weui-half-screen-dialog__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-height:0;overflow-y:auto;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding-bottom:56px;font-size:0.8235294117647058rem;color:var(--weui-FG-0)}.weui-half-screen-dialog__desc{font-size:1rem;font-weight:500;color:var(--weui-FG-0);line-height:1.4}.weui-half-screen-dialog__tips{padding-top:16px;font-size:0.8235294117647058rem;color:var(--weui-FG-2);line-height:1.4}.weui-half-screen-dialog__ft{padding:0 0 64px;text-align:center}.weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2),.weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2) + .weui-btn{display:inline-block;vertical-align:top;margin:0 8px;width:120px}.weui-half-screen-dialog__btn-area + .weui-half-screen-dialog__attachment-area{margin-top:24px;margin-bottom:-34px}.weui-half-screen-dialog_large{max-height:none;top:16px}.weui-half-screen-dialog__slide-icon{position:absolute;top:12px;display:-webkit-box;display:-webkit-flex;display:flex;width:40px;height:4px;border-radius:2px;background:var(--weui-BG-0);-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}[data-weui-theme="dark"] .weui-half-screen-dialog__slide-icon{background:var(--weui-FG-3)}.weui-half-screen-dialog__slide-icon .weui-icon-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg);width:.8em;height:1.6em;opacity:0}.weui-half-screen-dialog_grab .weui-half-screen-dialog__hd{box-sizing:border-box;min-height:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-half-screen-dialog_grab .weui-half-screen-dialog__hd__grab{padding:12px 16px 16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-half-screen-dialog_grab .weui-half-screen-dialog__hd__grab,.weui-half-screen-dialog_grab .weui-half-screen-dialog__hd__nav{width:100%}.weui-half-screen-dialog_grab .weui-half-screen-dialog__hd__nav{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:64px}.weui-half-screen-dialog_slide .weui-half-screen-dialog__hd{min-height:0;padding:12px 16px 16px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-half-screen-dialog__btn-area{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}.weui-half-screen-dialog__btn-area .weui-btn{width:184px;padding-left:16px;padding-right:16px}.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2),.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2) + .weui-btn{margin:0 8px;width:136px;min-width:0}.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2) + .weui-btn:first-child,.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2):first-child{margin-left:0}.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2) + .weui-btn:last-child,.weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2):last-child{margin-right:0}.weui-half-screen-dialog_btn-wrap .weui-half-screen-dialog__btn-area{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-half-screen-dialog_btn-wrap .weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2),.weui-half-screen-dialog_btn-wrap .weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2) + .weui-btn{width:184px;margin:16px 0 0}.weui-half-screen-dialog_btn-wrap .weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2) + .weui-btn:first-child,.weui-half-screen-dialog_btn-wrap .weui-half-screen-dialog__btn-area .weui-btn:nth-last-child(n+2):first-child{margin-top:0}.weui-icon-more{-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M5 10.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5z'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M5 10.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5z'/%3E%3C/svg%3E") no-repeat 50% 50%}.weui-icon-slide-down{-webkit-mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E %3Cdefs%3E %3Crect id='dda90263-a290-4594-926f-6aba8cb4779f-a' width='24' height='24' x='0' y='0' rx='12'/%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cmask id='dda90263-a290-4594-926f-6aba8cb4779f-b' fill='%23fff'%3E %3Cuse xlink:href='%23dda90263-a290-4594-926f-6aba8cb4779f-a'/%3E %3C/mask%3E %3Cuse fill='%23000' fill-opacity='.05' xlink:href='%23dda90263-a290-4594-926f-6aba8cb4779f-a'/%3E %3Cg fill-opacity='.9' mask='url(%23dda90263-a290-4594-926f-6aba8cb4779f-b)'%3E %3Cpath fill='%23000' d='M11.407 15.464L6.693 10.75l1.179-1.179 4.125 4.125 4.124-4.125L17.3 10.75l-4.714 4.714a.833.833 0 0 1-1.179 0z'/%3E %3C/g%3E %3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E %3Cdefs%3E %3Crect id='dda90263-a290-4594-926f-6aba8cb4779f-a' width='24' height='24' x='0' y='0' rx='12'/%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cmask id='dda90263-a290-4594-926f-6aba8cb4779f-b' fill='%23fff'%3E %3Cuse xlink:href='%23dda90263-a290-4594-926f-6aba8cb4779f-a'/%3E %3C/mask%3E %3Cuse fill='%23000' fill-opacity='.05' xlink:href='%23dda90263-a290-4594-926f-6aba8cb4779f-a'/%3E %3Cg fill-opacity='.9' mask='url(%23dda90263-a290-4594-926f-6aba8cb4779f-b)'%3E %3Cpath fill='%23000' d='M11.407 15.464L6.693 10.75l1.179-1.179 4.125 4.125 4.124-4.125L17.3 10.75l-4.714 4.714a.833.833 0 0 1-1.179 0z'/%3E %3C/g%3E %3C/g%3E%3C/svg%3E")}.weui-half-screen-dialog__hd .weui-icon-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:inherit}.weui-half-screen-dialog__hd .weui-icon-btn:active{opacity:.5}.weui-half-screen-dialog__hd .weui-icon-btn::after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:44px;min-height:44px;width:100%;height:100%}.weui-icon-btn.weui-icon-btn{outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-width:0;background-color:transparent;color:var(--weui-FG-0);font-size:0;width:auto;height:auto}.weui-icon-btn_goback.weui-icon-btn_goback{color:var(--weui-FG-0);background-color:currentColor;width:.71rem;height:1.42rem;-webkit-mask:url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2019.438L8.955%2020.5l-7.666-7.79a1.02%201.02%200%20010-1.42L8.955%203.5%2010%204.563%202.682%2012%2010%2019.438z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;-webkit-mask-size:100%;mask-size:100%}.weui-icon-btn_close.weui-icon-btn_close{color:var(--weui-FG-0);background-color:currentColor;width:1.42rem;height:1.42rem;-webkit-mask:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;-webkit-mask-size:100%;mask-size:100%}.weui-toast{min-width:132px;max-width:320px;padding:28px 20px;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;border-radius:8px;color:hsla(0,0%,100%,.9);-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:var(--weui-BG-4);-webkit-filter:drop-shadow(0 8px 25px rgba(0,0,0,.1));filter:drop-shadow(0 8px 25px rgba(0,0,0,.1));box-sizing:border-box;line-height:1.4}.weui-toast,.weui-toast__wrp{position:fixed;z-index:5500;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}.weui-toast__wrp{top:0;left:0;right:0;bottom:0}.weui-toast__wrp .weui-toast{position:static;-webkit-transform:none;transform:none;margin-top:-10%}.weui-toast_text{padding:12px 20px;min-width:0;min-height:0}.weui-icon_toast{display:block;margin-bottom:16px;-webkit-flex-shrink:0;flex-shrink:0}.weui-icon_toast.weui-icon_toast{width:4em;height:4em}.weui-icon_toast.weui-icon-success-no-circle,.weui-icon_toast.weui-icon-warn{color:hsla(0,0%,100%,.9)}.weui-icon_toast.weui-loading{width:1em;height:1em;font-size:2.3529411764705883rem}.weui-icon_toast.weui-primary-loading{display:-webkit-box;display:-webkit-flex;display:flex;width:1em;height:1em;font-size:2.3529411764705883rem;color:#ededed}.weui-icon_toast.weui-primary-loading::before{border-width:4px 0 4px 4px}.weui-icon_toast.weui-primary-loading::after{border-width:4px 4px 4px 0}.weui-icon_toast.weui-primary-loading .weui-primary-loading__dot{width:4px;height:4px;border-top-right-radius:4px;border-bottom-right-radius:4px}.weui-toast__content{font-size:0.8235294117647058rem;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.weui-mask{background:rgba(0,0,0,.5)}.weui-mask,.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}.weui-actionsheet{position:fixed;left:0;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5000;width:100%;background-color:var(--weui-BG-1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;outline:0}.weui-actionsheet__title{position:relative;height:56px;padding:8px 24px;padding:8px calc(24px + constant(safe-area-inset-right)) 8px calc(24px + constant(safe-area-inset-left));padding:8px calc(24px + env(safe-area-inset-right)) 8px calc(24px + env(safe-area-inset-left));box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;text-align:center;font-size:0.7058823529411765rem;color:var(--weui-FG-1);line-height:1.4;background:var(--weui-BG-2)}.weui-actionsheet__title::before{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-actionsheet__title .weui-actionsheet__title-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weui-actionsheet__action,.weui-actionsheet__menu{color:var(--weui-FG-0);background-color:var(--weui-BG-2)}.weui-actionsheet__action{margin-top:8px}.weui-actionsheet__action .weui-actionsheet__cell:last-child{padding-bottom:calc(16px + constant(safe-area-inset-bottom));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.weui-actionsheet__action .weui-actionsheet__cell.weui-actionsheet__cell_tips:last-child{padding-bottom:calc(12px + constant(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.weui-actionsheet__cell{position:relative;padding:16px;padding:16px calc(16px + constant(safe-area-inset-right)) 16px calc(16px + constant(safe-area-inset-left));padding:16px calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left));text-align:center;font-size:1rem;line-height:1.41176471;overflow:hidden}.weui-actionsheet__cell::before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-actionsheet__cell:active{background-color:var(--weui-BG-COLOR-ACTIVE)}.weui-actionsheet__cell:first-child::before{display:none}.weui-actionsheet__cell__tips{display:block;font-size:0.7058823529411765rem;color:var(--weui-FG-1)}.weui-actionsheet__cell_tips{padding-top:12px;padding-bottom:12px}.weui-actionsheet__cell_warn{color:var(--weui-RED)}.weui-skin_android .weui-actionsheet{position:fixed;left:50%;top:50%;bottom:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:274px;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;border-top-left-radius:0;border-top-right-radius:0}.weui-skin_android .weui-actionsheet__action{display:none}.weui-skin_android .weui-actionsheet__menu{border-radius:2px;box-shadow:0 6px 30px 0 rgba(0,0,0,.1)}.weui-skin_android .weui-actionsheet__cell{padding:16px;font-size:1rem;line-height:1.41176471;color:var(--weui-FG-0);text-align:left}.weui-skin_android .weui-actionsheet__cell:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.weui-skin_android .weui-actionsheet__cell:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.weui-actionsheet_toggle{-webkit-transform:translate(0);transform:translate(0)}.weui-loadmore{width:65%;margin:20px auto;text-align:center;font-size:0}.weui-loadmore .weui-loading,.weui-loadmore .weui-primary-loading{margin-right:8px}.weui-loadmore__tips{display:inline-block;vertical-align:middle;font-size:0.8235294117647058rem;line-height:1.6;color:var(--weui-FG-1)}.weui-loadmore_line{border-top:1px solid var(--weui-FG-3);margin-top:32px}.weui-loadmore_line .weui-loadmore__tips{position:relative;top:-.9em;padding:0 8px;background-color:var(--weui-BG-2)}.weui-loadmore_dot .weui-loadmore__tips::before{content:" ";width:4px;height:4px;border-radius:50%;background-color:var(--weui-FG-3);display:inline-block;position:relative;vertical-align:0;top:-.16em}.weui-badge{display:inline-block;padding:.15em .4em;min-width:.66666667em;border-radius:18px;background-color:var(--weui-RED);color:#fff;line-height:1.2;text-align:center;font-size:0.7058823529411765rem;vertical-align:middle}.weui-badge_dot{padding:.4em;min-width:0}.weui-toptips{display:none;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);top:8px;left:8px;right:8px;padding:10px;border-radius:8px;font-size:0.8235294117647058rem;text-align:center;color:#fff;z-index:5500;word-wrap:break-word;word-break:break-all}.weui-toptips_warn{background-color:var(--weui-RED)}[data-weui-theme="dark"],[data-weui-theme="light"],page{--weui-informationBar-FG:#fff}[data-weui-theme="dark"],[data-weui-theme="light"],page{--weui-informationBar-LINK:#fff}[data-weui-theme="dark"],[data-weui-theme="light"],page{--weui-informationBar-ICON:#fff}[data-weui-theme="dark"],[data-weui-theme="light"],page{--weui-informationBar-BG:#fa5151}[data-weui-theme="light"],page{--weui-informationBar-warnWeak-FG:rgba(0,0,0,.55)}[data-weui-theme="dark"]{--weui-informationBar-warnWeak-FG:hsla(0,0%,100%,.5)}[data-weui-theme="light"],page{--weui-informationBar-warnWeak-LINK:#576b95}[data-weui-theme="dark"]{--weui-informationBar-warnWeak-LINK:#7d90a9}[data-weui-theme="dark"],[data-weui-theme="light"],page{--weui-informationBar-warnWeak-ICON:#fa5151}[data-weui-theme="dark"],[data-weui-theme="light"],page{--weui-informationBar-warnWeak-BG:rgba(250,81,81,.1)}[data-weui-theme="light"],page{--weui-informationBar-noColor-BG:rgba(0,0,0,.3)}[data-weui-theme="dark"]{--weui-informationBar-noColor-BG:hsla(0,0%,100%,.3)}[data-weui-theme="light"],page{--weui-informationBar-tipsStrong-BG:#fa9d3b}[data-weui-theme="dark"]{--weui-informationBar-tipsStrong-BG:#c87d2f}[data-weui-theme="light"],page{--weui-informationBar-tipsWeak-FG:rgba(0,0,0,.55)}[data-weui-theme="dark"]{--weui-informationBar-tipsWeak-FG:hsla(0,0%,100%,.5)}[data-weui-theme="light"],page{--weui-informationBar-tipsWeak-LINK:#576b95}[data-weui-theme="dark"]{--weui-informationBar-tipsWeak-LINK:#7d90a9}[data-weui-theme="light"],page{--weui-informationBar-tipsWeak-ICON:rgba(0,0,0,.55)}[data-weui-theme="dark"]{--weui-informationBar-tipsWeak-ICON:hsla(0,0%,100%,.5)}[data-weui-theme="light"],page{--weui-informationBar-tipsWeak-BG:#f7f7f7}[data-weui-theme="dark"]{--weui-informationBar-tipsWeak-BG:#1e1e1e}.weui-information-bar{position:fixed;top:8px;left:8px;right:8px;padding:12px 16px;border-radius:8px;font-size:0.8235294117647058rem;z-index:5500;word-wrap:break-word;word-break:break-all;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--weui-informationBar-FG);background:var(--weui-informationBar-BG)}.weui-information-bar .weui-btn_icon{margin-left:8px}.weui-information-bar .weui-btn_icon:active{opacity:.5}.weui-information-bar [class*="weui-icon-"]{color:var(--weui-informationBar-ICON)}.weui-information-bar .weui-link{color:var(--weui-informationBar-LINK)}.weui-information-bar .weui-btn_icon [class*="weui-icon-"]{color:var(--weui-informationBar-FG)}.weui-information-bar,.weui-information-bar__ft,.weui-information-bar__hd{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-information-bar__hd [class*="weui-icon-"]{margin-right:8px}.weui-information-bar__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.weui-information-bar__bd:first-child:last-child{text-align:center}.weui-information-bar_warn-weak{color:var(--weui-informationBar-warnWeak-FG);background:var(--weui-informationBar-warnWeak-BG)}.weui-information-bar_warn-weak [class*="weui-icon-"]{color:var(--weui-informationBar-warnWeak-ICON)}.weui-information-bar_warn-weak .weui-link{color:var(--weui-informationBar-warnWeak-LINK)}.weui-information-bar_warn-weak .weui-btn_icon [class*="weui-icon-"]{color:var(--weui-informationBar-warnWeak-FG)}.weui-information-bar_warn-no-color{background:var(--weui-informationBar-noColor-BG)}.weui-information-bar_tips-strong{background:var(--weui-informationBar-tipsStrong-BG)}.weui-information-bar_tips-weak{color:var(--weui-informationBar-tipsWeak-FG);background:var(--weui-informationBar-tipsWeak-BG)}.weui-information-bar_tips-weak [class*="weui-icon-"]{color:var(--weui-informationBar-tipsWeak-ICON)}.weui-information-bar_tips-weak .weui-link{color:var(--weui-informationBar-tipsWeak-LINK)}.weui-information-bar_tips-weak .weui-btn_icon [class*="weui-icon-"]{color:var(--weui-informationBar-tipsWeak-FG)}.weui-list-tips{list-style:none;padding-top:24px;padding-bottom:24px;line-height:1.4;font-size:0.8235294117647058rem;color:var(--weui-FG-1);position:relative}.weui-list-tips::before{content:"";content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-list-tips:last-child{padding-bottom:0}.weui-list-tips__item{position:relative;padding-left:15px;margin:16px 0}.weui-list-tips__item::before{content:"\2022";position:absolute;left:0;top:-.1em}.weui-list-tips__item:first-child{margin-top:0}.weui-form-preview__list + .weui-list-tips > .weui-list-tips__item:first-child{margin-top:6px}.weui-search-bar{position:relative;padding:10px 12px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;background-color:var(--weui-BG-0)}.weui-search-bar .weui-icon-search{font-size:0.5882352941176471rem;width:2.4em;height:2.4em;margin-right:4px;-webkit-flex-shrink:0;flex-shrink:0;color:var(--weui-FG-2)}.weui-search-bar.weui-search-bar_focusing{padding-left:16px}.weui-search-bar.weui-search-bar_focusing .weui-search-bar__box{visibility:visible}.weui-search-bar.weui-search-bar_focusing .weui-search-bar__label{display:none}.weui-search-bar.weui-search-bar_focusing .weui-search-bar__back-btn,.weui-search-bar.weui-search-bar_focusing .weui-search-bar__cancel-btn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-search-bar__form{background-color:var(--weui-BG-2);border-radius:6px}.weui-search-bar__box,.weui-search-bar__form{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.weui-search-bar__box{visibility:hidden;z-index:1}.weui-search-bar__box .weui-search-bar__input{padding:6px 0;border:0;width:100%;font-size:1rem;font-family:inherit;height:1.41176471em;line-height:1.41176471;box-sizing:content-box;background:transparent;caret-color:var(--weui-BRAND);color:var(--weui-FG-0)}.weui-search-bar__box .weui-search-bar__input:focus{outline:none}.weui-search-bar__box .weui-search-bar__input:focus + .weui-search-bar__mask{display:none}.weui-search-bar__box .weui-search-bar__input:placeholder-shown + .weui-search-bar__mask{display:none}.weui-search-bar__box .weui-search-bar__input:placeholder-shown + .weui-search-bar__mask + .weui-icon-clear{display:none}.weui-search-bar__box .weui-icon-search{margin-left:8px}.weui-search-bar__box .weui-icon-clear{-webkit-flex-shrink:0;flex-shrink:0;margin-left:8px;margin-right:12px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:auto;height:auto;background:none;-webkit-mask:none;mask:none;position:relative}.weui-search-bar__box .weui-icon-clear::before{content:"";display:block;width:2em;height:2em;font-size:0.5882352941176471rem;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;background-color:currentColor;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.06%2012l3.006-3.005-1.06-1.06L12%2010.938%208.995%207.934l-1.06%201.06L10.938%2012l-3.005%203.005%201.06%201.06L12%2013.062l3.005%203.005%201.06-1.06L13.062%2012zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.06%2012l3.006-3.005-1.06-1.06L12%2010.938%208.995%207.934l-1.06%201.06L10.938%2012l-3.005%203.005%201.06%201.06L12%2013.062l3.005%203.005%201.06-1.06L13.062%2012zM12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010z%22%2F%3E%3C%2Fsvg%3E)}.weui-search-bar__box .weui-icon-clear::after{content:"";position:absolute;top:50%;left:0;width:44px;height:calc(1.41176471em + 12px);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.weui-search-bar__words{-webkit-flex-shrink:0;flex-shrink:0;margin-right:8px;color:var(--weui-BRAND);font-size:1rem}.weui-search-bar__label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;font-size:0;border-radius:6px;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;color:var(--weui-FG-2);font-size:1rem;background:var(--weui-BG-2)}.weui-search-bar__label .weui-search-bar__label__text{display:inline-block;vertical-align:middle}.weui-search-bar__back-btn,.weui-search-bar__cancel-btn{display:none}.weui-search-bar__back-btn{margin-right:12px}.weui-search-bar__cancel-btn{font-size:1rem;-webkit-flex-shrink:0;flex-shrink:0;margin-left:12px;color:var(--weui-LINK)}.weui-search-bar__mask{z-index:5;pointer-events:none;position:relative;font-size:1rem;height:calc(1.41176471em + 12px - 2px)}.weui-search-bar__mask::after{content:"";position:absolute;top:0;bottom:0;right:0;width:40px;border-radius:6px;background:-webkit-linear-gradient(right,var(--weui-BG-2),var(--weui-BG-2) 17%,hsla(0,0%,100%,0));background:linear-gradient(270deg,var(--weui-BG-2),var(--weui-BG-2) 17%,hsla(0,0%,100%,0))}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}.weui-search-bar_outlined{background:var(--weui-BG-2);padding-left:16px;padding-right:16px}.weui-search-bar_outlined .weui-search-bar__back-btn,.weui-search-bar_outlined .weui-search-bar__cancel-btn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-search-bar_outlined .weui-search-bar__cancel-btn{font-size:0.8823529411764706rem}.weui-search-bar_outlined .weui-search-bar__form{background:transparent}.weui-search-bar_outlined .weui-search-bar__form::before{content:" ";position:absolute;top:0;left:0;width:200%;bottom:-100%;border:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);border-right:0;border-radius:12px;border-top-right-radius:0;border-bottom-right-radius:0}.weui-search-bar_outlined .weui-search-bar__box{visibility:visible;padding-left:12px}.weui-search-bar_outlined .weui-search-bar__search-btn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-width:0;padding:8px 12px;font-size:0.8823529411764706rem;font-weight:400;line-height:1.33333;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0}.weui-search-bar_homepage{padding:12px 20px}.weui-search-bar_homepage .weui-search-bar__input{padding:12px 0}.weui-search-bar_homepage .weui-search-bar__form{border-radius:8px}.weui-search-bar_homepage .weui-search-bar__box{visibility:visible;padding-left:16px;padding-right:16px}.weui-search-bar_homepage .weui-icon-camera.weui-icon-camera{width:2em;height:2em;color:var(--weui-FG-0)}.weui-search-bar_homepage .weui-search-bar__input_text{color:var(--weui-FG-2)}.weui-search-bar_filled-grey{background-color:var(--weui-BG-2)}.weui-search-bar_filled-grey .weui-search-bar__form,.weui-search-bar_filled-grey .weui-search-bar__label{background-color:#ededed}[data-weui-theme="dark"] .weui-search-bar_filled-grey .weui-search-bar__form,[data-weui-theme="dark"] .weui-search-bar_filled-grey .weui-search-bar__label{background-color:#383838}.weui-search-bar_filled-grey .weui-search-bar__mask::after{background:-webkit-linear-gradient(right,#ededed,#ededed 17%,hsla(0,0%,100%,0));background:linear-gradient(270deg,#ededed,#ededed 17%,hsla(0,0%,100%,0))}[data-weui-theme="dark"] .weui-search-bar_filled-grey .weui-search-bar__mask::after{background:-webkit-linear-gradient(right,#383838,#383838 17%,hsla(0,0%,100%,0));background:linear-gradient(270deg,#383838,#383838 17%,hsla(0,0%,100%,0))}.weui-picker{position:fixed;width:100%;box-sizing:border-box;left:0;bottom:0;z-index:5000;background-color:var(--weui-BG-2);padding-left:0;padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:0;padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;outline:0}.weui-picker .weui-half-screen-dialog__hd{padding-left:24px;padding-right:24px}.weui-picker .weui-half-screen-dialog__bd{overflow:visible}.weui-picker__hd{display:-webkit-box;display:-webkit-flex;display:flex;padding:16px;padding:16px calc(16px + constant(safe-area-inset-right)) 16px calc(16px + constant(safe-area-inset-left));padding:16px calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left));position:relative;text-align:center;font-size:1rem;line-height:1.4}.weui-picker__hd::after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid var(--weui-FG-3);color:var(--weui-FG-3);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-picker__bd{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;background-color:var(--weui-BG-2);height:240px;overflow:hidden}.weui-picker__group{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;height:100%;font-size:1rem}.weui-picker__group:first-child .weui-picker__indicator{left:8px;border-top-left-radius:8px;border-bottom-left-radius:8px}.weui-picker__group:last-child .weui-picker__indicator{right:8px;border-top-right-radius:8px;border-bottom-right-radius:8px}.weui-picker__mask{position:absolute;top:0;left:0;width:100%;height:100%;margin:0 auto;z-index:3;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));background-image:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));background-position:top,bottom;background-size:100% 112px;background-repeat:no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}[data-weui-theme="dark"] .weui-picker__mask{background-image:-webkit-linear-gradient(top,rgba(25,25,25,.95),rgba(25,25,25,.6)),-webkit-linear-gradient(bottom,rgba(25,25,25,.95),rgba(25,25,25,.6));background-image:linear-gradient(180deg,rgba(25,25,25,.95),rgba(25,25,25,.6)),linear-gradient(0deg,rgba(25,25,25,.95),rgba(25,25,25,.6))}.weui-picker__indicator{height:56px;position:absolute;top:112px;left:0;right:0;z-index:1;background:var(--weui-BG-3)}.weui-picker__content{position:absolute;top:0;left:0;width:100%;z-index:2}.weui-picker__item{height:56px;line-height:56px;text-align:center;color:var(--weui-FG-0);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.weui-picker__item_disabled{color:var(--weui-FG-1)}@-webkit-keyframes weuiSlideUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes weuiSlideUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.weui-animate-slide-up,.weui-animate_slide-up{-webkit-animation:weuiSlideUp ease .3s forwards;animation:weuiSlideUp ease .3s forwards}@-webkit-keyframes weuiSlideDown{from{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes weuiSlideDown{from{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.weui-animate-slide-down,.weui-animate_slide-down{-webkit-animation:weuiSlideDown ease .3s forwards;animation:weuiSlideDown ease .3s forwards}@-webkit-keyframes weuiFadeIn{from{opacity:0}to{opacity:1}}@keyframes weuiFadeIn{from{opacity:0}to{opacity:1}}.weui-animate-fade-in,.weui-animate_fade-in{-webkit-animation:weuiFadeIn ease .3s forwards;animation:weuiFadeIn ease .3s forwards}@-webkit-keyframes weuiFadeOut{from{opacity:1}to{opacity:0}}@keyframes weuiFadeOut{from{opacity:1}to{opacity:0}}.weui-animate-fade-out,.weui-animate_fade-out{-webkit-animation:weuiFadeOut ease .3s forwards;animation:weuiFadeOut ease .3s forwards}.weui-transition.weui-mask{-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;opacity:0;visibility:hidden}.weui-transition.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-transition_show.weui-mask{opacity:1;visibility:visible}.weui-transition_show.weui-half-screen-dialog{-webkit-transform:translateY(0);transform:translateY(0)}.weui-agree{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:bottom;max-width:100%;text-align:left;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;font-size:0.8235294117647058rem;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-agree a,.weui-agree navigator{color:var(--weui-LINK)}.weui-agree navigator{display:inline}.weui-agree.weui-wa-hotarea::after{min-height:36px}.weui-agree__text{color:var(--weui-FG-1);margin-left:4px;min-width:0}.weui-agree__checkbox{-webkit-appearance:none;appearance:none;display:inline-block;border:0;outline:0;vertical-align:middle;width:1em;height:0.98em;font-size:1.1764705882352942rem;-webkit-flex-shrink:0;flex-shrink:0;margin-top:0;-webkit-mask:none;mask:none;background:transparent url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.1' y='0.6' width='22.8' height='22.8' rx='11.4' stroke='black' stroke-opacity='0.3' style='stroke:black;stroke-opacity:0.3;' stroke-width='1.2'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;background-size:100% 1em}[data-weui-theme="dark"] .weui-agree__checkbox{background-image:url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.1' y='0.6' width='22.8' height='22.8' rx='11.4' stroke='white' stroke-opacity='0.3' style='stroke:white;stroke-opacity:0.3;' stroke-width='1.2'/%3E%3C/svg%3E%0A")}.weui-agree__checkbox[disabled]{opacity:.3}@supports (-webkit-overflow-scrolling:touch){.weui-agree__checkbox{margin-top:-.05em}}.weui-agree__checkbox-check{opacity:0;position:absolute;width:1px;height:1px;overflow:hidden}.weui-agree__checkbox-check[aria-checked="true"] + .weui-agree__checkbox,.weui-agree__checkbox:checked{color:var(--weui-BRAND)}.weui-agree__checkbox-check[aria-checked="true"] + .weui-agree__checkbox,.weui-agree__checkbox:checked,[data-weui-theme="dark"] .weui-agree__checkbox-check[aria-checked="true"] + .weui-agree__checkbox,[data-weui-theme="dark"] .weui-agree__checkbox:checked{background-image:url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' width='24' height='24' rx='12' fill='%2307C160' style='fill:%2307C160;fill:color(display-p3 0.0275 0.7569 0.3765);fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2712 16.2899L6.5 12.5187L7.44281 11.5759L10.7426 14.8757L18.2851 7.33325L19.2279 8.27606L11.214 16.2899C10.9537 16.5503 10.5316 16.5503 10.2712 16.2899Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/svg%3E%0A")}.weui-agree_warn .weui-agree__text{color:var(--weui-RED)}.weui-agree_animate{-webkit-animation:weuiAgree .3s 1;animation:weuiAgree .3s 1}@-webkit-keyframes weuiAgree{0%{-webkit-transform:translateX(0);transform:translateX(0)}16%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}28%{-webkit-transform:translateX(-16px);transform:translateX(-16px)}44%{-webkit-transform:translateX(0);transform:translateX(0)}59%{-webkit-transform:translateX(-16px);transform:translateX(-16px)}73%{-webkit-transform:translateX(0);transform:translateX(0)}82%{-webkit-transform:translateX(16px);transform:translateX(16px)}94%{-webkit-transform:translateX(8px);transform:translateX(8px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes weuiAgree{0%{-webkit-transform:translateX(0);transform:translateX(0)}16%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}28%{-webkit-transform:translateX(-16px);transform:translateX(-16px)}44%{-webkit-transform:translateX(0);transform:translateX(0)}59%{-webkit-transform:translateX(-16px);transform:translateX(-16px)}73%{-webkit-transform:translateX(0);transform:translateX(0)}82%{-webkit-transform:translateX(16px);transform:translateX(16px)}94%{-webkit-transform:translateX(8px);transform:translateX(8px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.weui-primary-loading{font-size:0.9411764705882353rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;position:relative;width:1em;height:1em;vertical-align:middle;color:#606060;-webkit-animation:circleLoading 1s steps(60) infinite;animation:circleLoading 1s steps(60) infinite}.weui-primary-loading::after,.weui-primary-loading::before{content:"";display:block;width:.5em;height:1em;box-sizing:border-box;border:.0875em solid;border-color:currentColor}.weui-primary-loading::before{border-right-width:0;border-top-left-radius:1em;border-bottom-left-radius:1em;-webkit-mask-image:-webkit-linear-gradient(top,#000 8%,rgba(0,0,0,.3) 95%)}.weui-primary-loading::after{border-left-width:0;border-top-right-radius:1em;border-bottom-right-radius:1em;-webkit-mask-image:-webkit-linear-gradient(top,transparent 8%,rgba(0,0,0,.3) 95%)}.weui-primary-loading__dot{position:absolute;top:0;left:50%;margin-left:-.04375em;width:.0875em;height:.0875em;border-top-right-radius:100%;border-bottom-right-radius:100%;background:currentColor}@-webkit-keyframes circleLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circleLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.weui-primary-loading_brand{color:var(--weui-BRAND)}.weui-primary-loading_transparent{color:#ededed}.weui-loading{font-size:0.9411764705882353rem;width:1em;height:1em;display:inline-block;vertical-align:middle;background:transparent url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;background-size:100%}.weui-btn_loading.weui-btn_primary .weui-loading,.weui-loading.weui-icon_toast,.weui-loading.weui-loading_transparent{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23ededed' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23ededed' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23ededed' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23ededed' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23ededed' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A")}.weui-mask-loading{display:inline-block;vertical-align:middle;font-size:0.9411764705882353rem;width:1em;height:1em;-webkit-mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;-webkit-mask-size:cover;mask-size:cover;background-color:currentColor;color:#606060}.weui-slider{padding:15px 18px;-webkit-user-select:none;user-select:none}.weui-slider__inner{position:relative;height:2px;background-color:var(--weui-FG-3)}.weui-slider__track{height:100%;background-color:var(--weui-BRAND);width:0}.weui-slider__handler{position:absolute;left:0;top:50%;width:28px;height:28px;margin-left:-14px;margin-top:-14px;border-radius:50%;background-color:#fff;box-shadow:0 0 4px var(--weui-FG-3)}.weui-slider-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-slider-box .weui-slider{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-slider-box__value{margin-left:.5em;min-width:24px;color:var(--weui-FG-1);text-align:center;font-size:0.8235294117647058rem}.wx_dot_loading,.wx_dot_loading::after,.wx_dot_loading::before{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background-color:rgba(0,0,0,.3);font-size:0;-webkit-animation:dot2 1.6s step-start infinite;animation:dot2 1.6s step-start infinite}.wx_dot_loading{position:relative}.wx_dot_loading::before{content:"";position:absolute;left:-12px;background-color:rgba(0,0,0,.1);-webkit-animation:dot1 1.6s step-start infinite;animation:dot1 1.6s step-start infinite}.wx_dot_loading::after{content:"";position:absolute;right:-12px;background-color:rgba(0,0,0,.5);-webkit-animation:dot3 1.6s step-start infinite;animation:dot3 1.6s step-start infinite}@-webkit-keyframes dot1{0%,100%{background-color:rgba(0,0,0,.1)}30%{background-color:rgba(0,0,0,.5)}60%{background-color:rgba(0,0,0,.3)}}@keyframes dot1{0%,100%{background-color:rgba(0,0,0,.1)}30%{background-color:rgba(0,0,0,.5)}60%{background-color:rgba(0,0,0,.3)}}@-webkit-keyframes dot2{0%,100%{background-color:rgba(0,0,0,.3)}30%{background-color:rgba(0,0,0,.1)}60%{background-color:rgba(0,0,0,.5)}}@keyframes dot2{0%,100%{background-color:rgba(0,0,0,.3)}30%{background-color:rgba(0,0,0,.1)}60%{background-color:rgba(0,0,0,.5)}}@-webkit-keyframes dot3{0%,100%{background-color:rgba(0,0,0,.5)}30%{background-color:rgba(0,0,0,.3)}60%{background-color:rgba(0,0,0,.1)}}@keyframes dot3{0%,100%{background-color:rgba(0,0,0,.5)}30%{background-color:rgba(0,0,0,.3)}60%{background-color:rgba(0,0,0,.1)}}.wx_dot_loading_white{background-color:hsla(0,0%,100%,.3);-webkit-animation:dotw2 1.6s step-start infinite;animation:dotw2 1.6s step-start infinite}.wx_dot_loading_white::before{background-color:hsla(0,0%,100%,.5);-webkit-animation:dotw1 1.6s step-start infinite;animation:dotw1 1.6s step-start infinite}.wx_dot_loading_white::after{background-color:hsla(0,0%,100%,.1);-webkit-animation:dotw3 1.6s step-start infinite;animation:dotw3 1.6s step-start infinite}@-webkit-keyframes dotw1{0%,100%{background-color:hsla(0,0%,100%,.5)}30%{background-color:hsla(0,0%,100%,.1)}60%{background-color:hsla(0,0%,100%,.3)}}@keyframes dotw1{0%,100%{background-color:hsla(0,0%,100%,.5)}30%{background-color:hsla(0,0%,100%,.1)}60%{background-color:hsla(0,0%,100%,.3)}}@-webkit-keyframes dotw2{0%,100%{background-color:hsla(0,0%,100%,.3)}30%{background-color:hsla(0,0%,100%,.5)}60%{background-color:hsla(0,0%,100%,.1)}}@keyframes dotw2{0%,100%{background-color:hsla(0,0%,100%,.3)}30%{background-color:hsla(0,0%,100%,.5)}60%{background-color:hsla(0,0%,100%,.1)}}@-webkit-keyframes dotw3{0%,100%{background-color:hsla(0,0%,100%,.1)}30%{background-color:hsla(0,0%,100%,.3)}60%{background-color:hsla(0,0%,100%,.5)}}@keyframes dotw3{0%,100%{background-color:hsla(0,0%,100%,.1)}30%{background-color:hsla(0,0%,100%,.3)}60%{background-color:hsla(0,0%,100%,.5)}}:host{width:100%}.weui-slideview{position:relative;overflow:hidden}.weui-slideview__left{position:relative;z-index:10}.weui-slideview__right{position:absolute;z-index:1;left:100%;top:0;height:100%}.weui-slideview__buttons{height:100%}.weui-slideview__btn,.weui-slideview__btn__wrp{height:100%;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}.weui-slideview__btn__wrp{position:absolute;left:0;bottom:0;min-width:69px;white-space:nowrap}.weui-slideview__btn{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;color:#fff;padding:0 17px;text-align:center}.weui-slideview__btn-group_default .weui-slideview__btn{background:#c7c7cc}[data-weui-theme="dark"] .weui-slideview__btn-group_default .weui-slideview__btn{background:var(--weui-BG-4)}.weui-slideview__btn-group_default ~ .weui-slideview__btn-group_default::before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #fff;color:#fff;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}[data-weui-theme="dark"] .weui-slideview__btn-group_default ~ .weui-slideview__btn-group_default::before{border-left-color:var(--weui-FG-3)}.weui-slideview__btn-group_default:first-child::before{display:none}.weui-slideview__btn-group_warn .weui-slideview__btn{background:#fe3b30}.weui-slideview__btn-group_warn ~ .weui-slideview__btn-group_warn::before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #fff;color:#fff;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-slideview__btn-group_warn:first-child::before{display:none}.weui-slideview_icon .weui-slideview__btn__wrp{background:transparent;font-size:0}.weui-slideview_icon .weui-slideview__btn__wrp:first-child{padding-left:16px}.weui-slideview_icon .weui-slideview__btn__wrp:last-child{padding-right:8px}.weui-slideview_icon .weui-slideview__btn{-webkit-box-flex:0;-webkit-flex:none;flex:none;width:48px;height:48px;line-height:48px;padding:0;display:inline-block;vertical-align:middle;border-radius:50%;background-color:#fff}[data-weui-theme="dark"] .weui-slideview_icon .weui-slideview__btn{background-color:var(--weui-BG-4)}.weui-slideview_icon .weui-slideview__btn__icon{display:inline-block;vertical-align:middle;width:22px;height:22px}page{--height:44px;--right:190rpx}.weui-navigation-bar{overflow:hidden;color:var(--weui-FG-0)}.weui-navigation-bar .android{--height:48px;--right:222rpx}.weui-navigation-bar__inner{position:fixed;top:0;left:0;z-index:5001;height:var(--height);padding-right:var(--right);width:calc(100% - var(--right))}.weui-navigation-bar__inner,.weui-navigation-bar__inner .weui-navigation-bar__left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-navigation-bar__inner .weui-navigation-bar__left{position:relative;width:var(--right);padding-left:16px}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn{display:inline-block;vertical-align:middle;background-repeat:no-repeat}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback{font-size:0.7058823529411765rem;width:1em;height:2em;-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;background-color:currentColor}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback:active{opacity:.5}.weui-navigation-bar__inner .weui-navigation-bar__center{font-size:1rem;text-align:center;position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;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}.weui-navigation-bar__inner .weui-navigation-bar__loading{margin-right:4px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-navigation-bar__inner .weui-navigation-bar__loading .weui-loading{margin-left:0}.weui-navigation-bar__inner .weui-navigation-bar__right{margin-right:16px}.weui-navigation-bar__placeholder{height:var(--height);background:var(--weui-BG-1);position:relative;z-index:50}.weui-uploader__hd{display:block}.weui-uploader__overview{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-uploader__tips{color:var(--weui-FG-2);font-size:0.8235294117647058rem;line-height:1.4;padding-top:4px}.weui-uploader__img{display:block;width:100%;height:100%}.weui-gallery{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.weui-gallery__info{color:#fff;font-size:1rem;line-height:60px;min-height:60px;text-align:center}.weui-gallery__img__wrp{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;font-size:0}.weui-gallery__img{position:absolute;width:100%;height:100%}.weui-gallery__opr{position:static}.weui-search-bar .weui-search-bar__form{display:block}.weui-search-bar .weui-search-bar__box input.weui-search-bar__input{height:inherit;line-height:inherit}.weui-search-bar .weui-search-bar__box .weui-icon-clear{display:block}.weui-search-bar .weui-search-bar__input_focus{outline:none}.weui-search-bar .weui-search-bar__input_focus + .weui-search-bar__mask{display:none}.weui-loadmore .weui-loading{margin-right:.3em}.weui-btn_input-clear{display:block}.weui-agree__text{display:inline}@supports (-webkit-overflow-scrolling:touch){.weui-form .weui-agree__checkbox{margin-top:-1px}}.weui-btn_icon.weui-btn_icon{width:auto;min-height:0}page{height:100%}.page{min-height:100%;background-color:var(--weui-BG-0);color:var(--weui-FG-0);font-size:0.9411764705882353rem;font-family:system-ui,-apple-system,Helvetica Neue,sans-serif}image{max-width:100%;max-height:100%}.link{display:inline;color:var(--weui-LINK)}.fadeIn{-webkit-animation:fadeIn .3s forwards;animation:fadeIn .3s forwards}.fadeOut{-webkit-animation:fadeOut .3s forwards;animation:fadeOut .3s forwards}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.weui-msg__extra-area{position:static}.page__hd{padding:40px}.page__bd{padding-bottom:40px}.page__bd_spacing{padding-left:15px;padding-right:15px}.page__ft{padding-top:20px;padding-bottom:10px;padding-bottom:calc(10px + constant(safe-area-inset-bottom));padding-bottom:calc(10px + env(safe-area-inset-bottom));text-align:center}[data-weui-theme="dark"] .page__ft image{-webkit-filter:invert(100) hue-rotate(180deg);filter:invert(100) hue-rotate(180deg)}.page__title{text-align:left;font-size:1.1764705882352942rem;font-weight:400}.page__desc{margin-top:5px;color:var(--weui-FG-1);text-align:left;font-size:0.8235294117647058rem}.weui-cell_example::before{left:52px}.page_bottom_tips{color:var(--weui-FG-4);font-size:0.7058823529411765rem;line-height:1.4;margin-top:4px} ================================================ FILE: dist/example/actionsheet/actionsheet.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { showIOSDialog: false, showAndroidDialog: false, }, close() { this.setData({ showIOSDialog: false, showAndroidDialog: false, }); }, openIOS() { this.setData({ showIOSDialog: true, }); }, openAndroid() { this.setData({ showAndroidDialog: true, }); }, }); ================================================ FILE: dist/example/actionsheet/actionsheet.wxml ================================================ ActionSheet 弹出式菜单 ActionSheet 这是一个标题，可以为一行或者两行。 示例菜单 示例菜单 副标题 负向菜单 取消 示例菜单 示例菜单 示例菜单 ================================================ FILE: dist/example/actionsheet/actionsheet.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{background-color:var(--weui-BG-2)} ================================================ FILE: dist/example/article/article.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/article/article.wxml ================================================ 文章页大标题 二级标题 三级标题 四级标题 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 列表示例 原生无序列表 Elit quo illum ut voluptate possimus. Maxime Elit quo illum ut voluptate possimus. Maxime Elit facilis nam nam Elit facilis nam nam Elit facilis nam nam Elit quo illum ut voluptate possimus. Maxime 原生有序列表 Elit quo illum ut voluptate possimus. Maxime Elit quo illum ut voluptate possimus. Maxime Elit facilis nam nam Elit facilis nam nam Elit facilis nam nam Elit quo illum ut voluptate possimus. Maxime 原生段落列表 Elit quo illum ut voluptatElit quo illum ut voluptatElit quo illum ut voluptateeeElit quo illum ut voluptate possimus. Maxime Elit quo illum ut voluptate possimus. Maxime Elit facilis nam nam Elit facilis nam naElit facilis nam naElit facilis nam naElit facilis nam naElit facilis nam nammmmmElit facilis nam nam Elit facilis nam nam Elit quo illum ut voluptate possimus. Maxime 自定义序号列表 1 Elit quo illum ut voluptate possimus. Maxime 2 Elit quo illum ut voluptate possimus. Maxime 2.1 Elit facilis nam nam 2.2 Elit facilis nam nam 2.3 Elit facilis nam nam 3 Elit quo illum ut voluptate possimus. Maxime 无障碍焦点整合示例 read more ================================================ FILE: dist/example/article/article.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{background-color:var(--weui-BG-2)}image{margin:4px 0} ================================================ FILE: dist/example/badge/badge.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/badge/badge.wxml ================================================ Badge 徽章 新消息提示跟摘要信息后，统一在列表右侧 未读数红点跟在主题信息后，统一在列表左侧 ================================================ FILE: dist/example/badge/badge.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ 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} ================================================ FILE: dist/example/button/button.js ================================================ Page({ mixins: [require('../../mixin/common')], openDefault() { wx.navigateTo({ url: 'button_default', }); }, openBottomfixed() { wx.navigateTo({ url: 'button_bottom_fixed', }); }, }); ================================================ FILE: dist/example/button/button.wxml ================================================ Button 按钮 普通型 底部悬浮型 ================================================ FILE: dist/example/button/button.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{background:var(--weui-BG-2)}.button-sp-area{padding-top:15px;text-align:center}.weui-btn_mini{margin-right:4px} ================================================ FILE: dist/example/button/button_bottom_fixed.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { wrap: false, }, onShow() { wx.createSelectorQuery().select('#js_btn') .boundingClientRect((rect) => { if (rect.height > 48) { this.setData({ wrap: true }); } }) .exec(); }, }); ================================================ FILE: dist/example/button/button_bottom_fixed.wxml ================================================ Dolor tempora dolore aperiam fuga necessitatibus? Odio atque tempora deleniti voluptates voluptatem. Dolorem earum voluptas blanditiis labore quisquam? Quibusdam nesciunt consequatur aliquam ea corrupti animi, itaque consequatur neque? At porroSit nemo aliquid quas error doloremque Reiciendis ratione repellendus quae sit commodi amet architecto? Aut officiis aliquam fugit nulla at necessitatibus Optio totam quibusdam laboriosam aperiam libero! Officiis reiciendis Elit quaerat sed vero perferendis architecto consequatur. Consequuntur ad illum dolore ut accusamus. Cum possimus odit sequi quaerat beatae, eveniet. Rerum dolore ipsam quia consectetur iste Veniam mollitia dolores tempore? Dolor tempora dolore aperiam fuga necessitatibus? Odio atque tempora deleniti voluptates voluptatem. Dolorem earum voluptas blanditiis labore quisquam? Quibusdam nesciunt consequatur aliquam ea corrupti animi, itaque consequatur neque? At porroSit nemo aliquid quas error doloremque Reiciendis ratione repellendus quae sit commodi amet architecto? Aut officiis aliquam fugit nulla at necessitatibus Optio totam quibusdam laboriosam aperiam libero! Officiis reiciendis Elit quaerat sed vero perferendis architecto consequatur. Consequuntur ad illum dolore ut accusamus. Cum possimus odit sequi quaerat beatae, eveniet. Rerum dolore ipsam quia consectetur iste Veniam mollitia dolores tempore? 阅读并同意 取消 ================================================ FILE: dist/example/button/button_bottom_fixed.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%;background:var(--weui-BG-2)}.weui-bottom-fixed-opr-demo{padding:32px 32px 0} ================================================ FILE: dist/example/button/button_default.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/button/button_default.wxml ================================================ Button 按钮 主要操作 主要操作 主要操作 次要操作 次要操作 次要操作 警示操作 警示操作 警示操作 按钮宽度 按钮宽度自适应内容 按钮宽度自适应内容，达到最大值后折行，最大行数两行的示例 按钮宽度自适应内容 按钮宽度自适应内容，达到最大值后折行，最大行数两行的示例 medium 按钮 medium 按钮 medium 按钮 overlay 按钮 overlay 按钮 overlay 按钮 overlay 按钮 overlay 按钮 overlay 按钮 普通行按钮 强调行按钮 icon 强调行按钮 警示行按钮 按钮 按钮 按钮 按钮 按钮 按钮 ================================================ FILE: dist/example/button/button_default.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .button-sp-area{padding-top:15px}.button-sp-area:not(.margin){text-align:center}.button-sp-area:not(.margin) .weui-btn_mini{margin-left:4px;margin-right:4px}.button-sp-area.margin{padding:15px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.button-sp-area.overlay{margin-top:16px;padding:15px 0;background:var(--weui-BRAND)}.button-sp-area.overlay .weui-btn_mini{margin-top:16px} ================================================ FILE: dist/example/dialog/dialog.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { iosDialog1: false, iosDialog2: false, androidDialog1: false, androidDialog2: false, }, close() { this.setData({ iosDialog1: false, iosDialog2: false, androidDialog1: false, androidDialog2: false, }); }, openIOS1() { this.setData({ iosDialog1: true, }); }, openIOS2() { this.setData({ iosDialog2: true, }); }, openAndroid1() { this.setData({ androidDialog1: true, }); }, openAndroid2() { this.setData({ androidDialog2: true, }); }, }); ================================================ FILE: dist/example/dialog/dialog.wxml ================================================ Dialog 对话框 iOS Dialog样式一 iOS Dialog样式二 弹窗标题 弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内 关闭 主操作 弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内 知道了 弹窗标题 弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内 关闭 主操作 弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内 关闭 主操作 ================================================ FILE: dist/example/dialog/dialog.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{background-color:var(--weui-BG-2)} ================================================ FILE: dist/example/flex/flex.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/flex/flex.wxml ================================================ Flex Flex布局 weui weui weui weui weui weui weui weui weui weui weui weui weui ================================================ FILE: dist/example/flex/flex.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .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)} ================================================ FILE: dist/example/footer/footer.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/footer/footer.wxml ================================================ Footer 页脚 Copyright © 2008-2022 weui.io 底部链接 Copyright © 2008-2022 weui.io 底部链接 底部链接 Copyright © 2008-2022 weui.io WeUI首页 Copyright © 2008-2022 weui.io 备案号：粤B2-20090059 ================================================ FILE: dist/example/footer/footer.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .weui-footer{margin-bottom:50px}.weui-footer_fixed-bottom{margin-bottom:0} ================================================ FILE: dist/example/form/form.js ================================================ Page({ mixins: [require('../../mixin/common')], open(event) { wx.navigateTo({ url: event.currentTarget.dataset.url, }); }, }); ================================================ FILE: dist/example/form/form.wxml ================================================ Form 表单页 表单结构 输入框状态 验证码 底部悬浮 跳转列表项 复选框 单选框 开关 选择框 文本域 上下结构 ================================================ FILE: dist/example/form/form.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%;background-color:var(--weui-BG-2)} ================================================ FILE: dist/example/form/form_access.js ================================================ Page({ }); ================================================ FILE: dist/example/form/form_access.wxml ================================================

跳转列表项

 cell standard cell standard ================================================ FILE: dist/example/form/form_access.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist/example/form/form_bottom_fixed.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { vcodeValue: false, msg: false, checkValue: 1, check: false, }, bindVcodeInput(e) { if (e.detail.value) { this.setData({ vcodeValue: true, }); } }, checkStatus() { if (!this.data.check) { this.setData({ msg: true, }); } const that = this; setTimeout(() => { that.setData({ msg: false, }); }, 320); }, checkboxChange(e) { if (e.detail.value.includes('1')) { this.setData({ check: true, }); } else { this.setData({ check: false, }); } }, }); ================================================ FILE: dist/example/form/form_bottom_fixed.wxml ================================================

验证码

验证手机号样式 收不到验证码 ================================================ FILE: dist/example/form/form_bottom_fixed.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%}.weui-label{width:3.1em} ================================================ FILE: dist/example/form/form_checkbox.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { items: [ { name: '1', value: 'standard is dealt for u.' }, { name: '2', value: 'standard is dealicient for u.', checked: 'true' }, { name: '3', value: 'standard is for u', checked: 'true', disabled: 'true' }, ], }, checkboxChange(e) { console.log('checkbox发生change事件，携带value值为：', e.detail.value); }, }); ================================================ FILE: dist/example/form/form_checkbox.wxml ================================================

复选框样式展示

 添加更多 下一步 点击下一步即表示同意用户协议 ================================================ FILE: dist/example/form/form_checkbox.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist/example/form/form_input_status.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { value: '', showClearBtn: false, isWaring: false, currentValue: '', isCurrentWaring: false, }, onCurrentInput() { this.setData({ isCurrentWaring: true, }); }, onInput(evt) { const { value } = evt.detail; this.setData({ value, showClearBtn: !!value.length, isWaring: false, }); }, onClear() { this.setData({ value: '', showClearBtn: false, isWaring: false, }); }, onConfirm() { if (this.data.value.length < 16) { this.setData({ isWaring: true, }); } }, }); ================================================ FILE: dist/example/form/form_input_status.wxml ================================================

输入框状态

可体验表单输入的反馈状态。显示报错信息有两种类型，一种是超过1个输入项的时候，用置顶tipsbar报错信息，告知错误原因，页面聚焦到对应的报错区域，内容标红色，另一种是在当前输入项位置报错，适用于只有1个输入项的时候，用户焦点主要是输入区域。 表单报错：置顶tipsbar报错信息 卡号 表单报错：当前项位置报错 错误提示 表单置灰 确定 该小程序仅演示示例，不收集个人信息。 错误提示 ================================================ FILE: dist/example/form/form_input_status.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .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} ================================================ FILE: dist/example/form/form_page.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/form/form_page.wxml ================================================

表单结构

展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。 表单组标题 副标题 verification address 表单页提示，居中对齐 确定 表单页提示，居中对齐 底部链接文本 Copyright © 2008-2019 weui.io ================================================ FILE: dist/example/form/form_page.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%}.weui-label{width:4.1em} ================================================ FILE: dist/example/form/form_page_old.wxml ================================================ 表单结构 展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。 表单组标题 表单页提示，居中对齐 确定 表单页提示，居中对齐 底部链接文本 Copyright © 2008-2019 weui.io ================================================ FILE: dist/example/form/form_primary.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/form/form_primary.wxml ================================================

表单结构

展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。 表单组标题 cell standard cell standard 表单页提示，居中对齐 确定 表单页提示，居中对齐 底部链接文本 Copyright © 2008-2019 weui.io ================================================ FILE: dist/example/form/form_radio.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { items: [ { name: '1', value: 'cell standard' }, { name: '2', value: 'cell standard', checked: 'true' }, ], }, radioChange(e) { console.log('radio发生change事件，携带value值为：', e.detail.value); }, }); ================================================ FILE: dist/example/form/form_radio.wxml ================================================

单选框样式展示

 添加更多 确定 ================================================ FILE: dist/example/form/form_radio.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist/example/form/form_select.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { array1: ['微信号', 'QQ号', 'Email'], array2: ['+86', '+80', '+84', '+87'], array3: ['中国', '美国', '英国'], value1: 0, value2: 0, value3: 0, }, bindPicker1Change(e) { this.setData({ value1: e.detail.value, }); }, bindPicker2Change(e) { this.setData({ value2: e.detail.value, }); }, bindPicker3Change(e) { this.setData({ value3: e.detail.value, }); }, }); ================================================ FILE: dist/example/form/form_select.wxml ================================================

原生选择框

原生选择框样式 {{array1[value1]}} {{array2[value2]}} {{array3[value3]}} 确定 ================================================ FILE: dist/example/form/form_select.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist/example/form/form_select_primary.wxml ================================================ 模拟选择框 用于丰富原生选择框结构，使其更具有扩展性 日期 +86 的士票 ================================================ FILE: dist/example/form/form_switch.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/form/form_switch.wxml ================================================ 开关样式展示 模拟开关样式 确定 ================================================ FILE: dist/example/form/form_switch.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist/example/form/form_textarea.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/form/form_textarea.wxml ================================================

文本域

输入更多内容的输入区域样式展示 问题描述 0/200 确定 ================================================ FILE: dist/example/form/form_textarea.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist/example/form/form_vcode.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { vcodeValue: false, msg: false, checkValue: 1, check: false, }, bindVcodeInput(e) { if (e.detail.value) { this.setData({ vcodeValue: true, }); } }, checkStatus() { if (!this.data.check) { this.setData({ msg: true, }); } const that = this; }, checkboxChange(e) { if (e.detail.value.includes('1')) { this.setData({ check: true, }); } else { this.setData({ check: false, }); } }, }); ================================================ FILE: dist/example/form/form_vcode.wxml ================================================

验证码

验证手机号样式 获取验证码 收不到验证码 该小程序仅演示示例，不收集个人信息。 ================================================ FILE: dist/example/form/form_vcode.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%}.weui-label{width:3.1em} ================================================ FILE: dist/example/form/form_vertical.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/form/form_vertical.wxml ================================================

文本域

输入更多内容的输入区域样式展示 0/200 确定 ================================================ FILE: dist/example/form/form_vertical.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist/example/gallery/gallery.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { gallery: false, }, close() { this.setData({ gallery: false, }); }, open() { this.setData({ gallery: true, }); }, }); ================================================ FILE: dist/example/gallery/gallery.wxml ================================================ Gallery 画廊，模拟小程序原生的wx.previewImage。 Gallery 1/17 ================================================ FILE: dist/example/gallery/gallery.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{background-color:var(--weui-BG-2)} ================================================ FILE: dist/example/grid/grid.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/grid/grid.wxml ================================================ Grid 九宫格 Grid Grid Grid Grid Grid Grid Grid Grid Grid ================================================ FILE: dist/example/half-screen-dialog/half-screen-dialog.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { dialog1: false, dialog2: false, dialog3: false, dialog4: false, dialog5: false, show1: false, show2: false, show3: false, show4: false, show5: false, wrap: false, wrap1: false, }, onShow() { }, close() { this.setData({ dialog1: false, dialog2: false, dialog3: false, dialog4: false, dialog5: false, }); var that = this; setTimeout(function(){ that.setData({ show1: false, show2: false, show3: false, show4: false, show5: false, }); }, 400); }, open1() { this.setData({ dialog1: true, show1: true, }); }, open2() { this.setData({ dialog2: true, show2: true, }); const promise1 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn1_1') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); const promise2 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn1_2') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); Promise.all([promise1, promise2]).then((values) => { if (values[0] != values[1]) { this.setData({ wrap: true }); } }); }, open3() { this.setData({ dialog3: true, show3: true, }); const promise3 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn2_1') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); const promise4 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn2_2') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); Promise.all([promise3, promise4]).then((values) => { if (values[0] != values[1]) { this.setData({ wrap1: true }); } }); }, open4() { this.setData({ dialog4: true, show4: true, }); }, open5() { this.setData({ dialog5: true, show5: true, }); }, }); ================================================ FILE: dist/example/half-screen-dialog/half-screen-dialog.wxml ================================================ Half-screen Dialog 半屏组件 样式一 样式二 样式三 样式四 样式五 关闭 标题 标题 搜索 更多 完成 可放自定义内容 关闭 标题 更多 辅助描述内容，可根据实际需要安排 辅助提示内容，可根据实际需要安排 Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. 取消 阅读并同意 关闭 标题 可放自定义内容 取消 阅读并同意 附加操作 关闭 标题 可放自定义内容 主要操作 关闭 标题 搜索 更多 完成 下拉过程中需要改变slide-icon的height、border-radius，以及arrow的opacity三个参数 ================================================ FILE: dist/example/half-screen-dialog/half-screen-dialog.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .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)} ================================================ FILE: dist/example/icons/icons.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist/example/icons/icons.wxml ================================================ Icons 图标 ================================================ FILE: dist/example/icons/icons.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ 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} ================================================ FILE: dist/example/images/base64.js ================================================ module.exports = { icon20: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=', icon60: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAeFBMVEUAwAD///+U5ZTc9twOww7G8MYwzDCH4YcfyR9x23Hw+/DY9dhm2WZG0kbT9NP0/PTL8sux7LFe115T1VM+zz7i+OIXxhes6qxr2mvA8MCe6J6M4oz6/frr+us5zjn2/fa67rqB4IF13XWn6ad83nxa1loqyirn+eccHxx4AAAC/klEQVRo3u2W2ZKiQBBF8wpCNSCyLwri7v//4bRIFVXoTBBB+DAReV5sG6lTXDITiGEYhmEYhmEYhmEYhmEY5v9i5fsZGRx9PyGDne8f6K9cfd+mKXe1yNG/0CcqYE86AkBMBh66f20deBc7wA/1WFiTwvSEpBMA2JJOBsSLxe/4QEEaJRrASP8EVF8Q74GbmevKg0saa0B8QbwBdjRyADYxIhqxAZ++IKYtciPXLQVG+imw+oo4Bu56rjEJ4GYsvPmKOAB+xlz7L5aevqUXuePWVhvWJ4eWiwUQ67mK51qPj4dFDMlRLBZTqF3SDvmr4BwtkECu5gHWPkmDfQh02WLxXuvbvC8ku8F57GsI5e0CmUwLz1kq3kD17R1In5816rGvQ5VMk5FEtIiWislTffuDpl/k/PzscdQsv8r9qWq4LRWX6tQYtTxvI3XyrwdyQxChXioOngH3dLgOFjk0all56XRi/wDFQrGQU3Os5t0wJu1GNtNKHdPqYaGYQuRDfbfDf26AGLYSyGS3ZAK4S8XuoAlxGSdYMKwqZKM9XJMtyqXi7HX/CiAZS6d8bSVUz5J36mEMFDTlAFQzxOT1dzLRljjB6+++ejFqka+mXIe6F59mw22OuOw1F4T6lg/9VjL1rLDoI9Xzl1MSYDNHnPQnt3D1EE7PrXjye/3pVpr1Z45hMUdcACc5NVQI0bOdS1WA0wuz73e7/5TNqBPhQXPEFGJNV2zNqWI7QKBd2Gn6AiBko02zuAOXeWIXjV0jNqdKegaE/kJQ6Bfs4aju04lMLkA2T5wBSYPKDGF3RKhFYEa6A1L1LG2yacmsaZ6YPOSAMKNsO+N5dNTfkc5Aqe26uxHpx7ZirvgCwJpWq/lmX1hA7LyabQ34tt5RiJKXSwQ+0KU0V5xg+hZrd4Bn1n4EID+WkQdgLfRNtvil9SPfwy+WQ7PFBWQz6dGWZBLkeJFXZGCfLUjCgGgqXo5TuSu3cugdcTv/HjqnBTEMwzAMwzAMwzAMwzAMw/zf/AFbXiOA6frlMAAAAABJRU5ErkJggg==', }; ================================================ FILE: dist/example/index.js ================================================ Page({ mixins: [require('../mixin/common')], data: { list: [ { id: 'form', name: '表单', open: false, pages: ['button', 'form', 'list', 'slideview', 'slider', 'uploader'], }, { id: 'layout', name: '基础组件', open: false, pages: ['article', 'badge', 'flex', 'footer', 'gallery', 'grid', 'icons', 'loading', 'loadmore', 'panel', 'preview', 'progress', 'steps'], }, { id: 'feedback', name: '操作反馈', open: false, pages: ['actionsheet', 'dialog', 'half-screen-dialog', 'msg', 'picker', 'toast', 'information-bar'], }, { id: 'nav', name: '导航相关', open: false, pages: ['navigation-bar', 'tabbar'], }, { id: 'search', name: '搜索相关', open: false, pages: ['searchbar'], }, ], }, kindToggle(e) { const { id } = e.currentTarget; const { list } = this.data; for (let i = 0, len = list.length; i < len; ++i) { if (list[i].id == id) { list[i].open = !list[i].open; } else { list[i].open = false; } } this.setData({ list, }); }, changeTheme() { console.log(this.data); getApp().themeChanged(this.data.theme === 'light' ? 'dark' : 'light'); }, }); ================================================ FILE: dist/example/index.wxml ================================================ WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。 {{item.name}} {{page}} 该小程序仅演示示例，不收集个人信息。 ================================================ FILE: dist/example/index.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .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} ================================================ FILE: dist/example/information-bar/information-bar.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { topTips: false, hide: false, }, close() { this.setData({ hide: true, }); setTimeout(() => { this.setData({ topTips: false, hide: false, }); }, 300); }, open() { this.setData({ topTips: true, }); }, }); ================================================ FILE: dist/example/information-bar/information-bar.wxml ================================================ Information Bar 信息提示条 信息提示warnstrong 详情 信息提示warnweak 详情 信息提示warnnocolor 详情 信息提示tipsstrong 详情 信息提示tipsweak 详情 ================================================ FILE: dist/example/information-bar/information-bar.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{background-color:var(--weui-BG-2)}.weui-information-bar{position:static;margin-bottom:20px} ================================================ FILE: dist/example/input/input.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { showTopTips: false, radioItems: [ { name: 'cell standard', value: '0' }, { name: 'cell standard', value: '1', checked: true }, ], checkboxItems: [ { name: 'standard is dealt for u.', value: '0', checked: true }, { name: 'standard is dealicient for u.', value: '1' }, ], date: '2016-09-01', time: '12:01', countryCodes: ['+86', '+80', '+84', '+87'], countryCodeIndex: 0, countries: ['中国', '美国', '英国'], countryIndex: 0, accounts: ['微信号', 'QQ', 'Email'], accountIndex: 0, isAgree: false, }, showTopTips() { const that = this; this.setData({ showTopTips: true, }); setTimeout(() => { that.setData({ showTopTips: false, }); }, 3000); }, radioChange(e) { console.log('radio发生change事件，携带value值为：', e.detail.value); const { radioItems } = this.data; for (let i = 0, len = radioItems.length; i < len; ++i) { radioItems[i].checked = radioItems[i].value == e.detail.value; } this.setData({ radioItems, }); }, checkboxChange(e) { console.log('checkbox发生change事件，携带value值为：', e.detail.value); const { checkboxItems } = this.data; const values = e.detail.value; for (let i = 0, lenI = checkboxItems.length; i < lenI; ++i) { checkboxItems[i].checked = false; for (let j = 0, lenJ = values.length; j < lenJ; ++j) { if (checkboxItems[i].value == values[j]) { checkboxItems[i].checked = true; break; } } } this.setData({ checkboxItems, }); }, bindDateChange(e) { this.setData({ date: e.detail.value, }); }, bindTimeChange(e) { this.setData({ time: e.detail.value, }); }, bindCountryCodeChange(e) { console.log('picker country code 发生选择改变，携带值为', e.detail.value); this.setData({ countryCodeIndex: e.detail.value, }); }, bindCountryChange(e) { console.log('picker country 发生选择改变，携带值为', e.detail.value); this.setData({ countryIndex: e.detail.value, }); }, bindAccountChange(e) { console.log('picker account 发生选择改变，携带值为', e.detail.value); this.setData({ accountIndex: e.detail.value, }); }, bindAgreeChange(e) { this.setData({ isAgree: !!e.detail.value.length, }); }, }); ================================================ FILE: dist/example/input/input.wxml ================================================ Input 表单输入。老版本的表单，后续不再维护。新版本请看 表单 - form 。 错误提示 单选列表项 添加更多 复选列表项 添加更多 表单 qq 手机号 获取验证码 {{date}} {{time}} 验证码 底部说明文字底部说明文字 表单报错 卡号 开关 文本框 文本域 表单页提示，居中对齐 确定 表单页提示，居中对齐 底部链接文本 Copyright © 2008-2019 weui.io ================================================ FILE: dist-rpx-mode/example/form/form_page.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%}.weui-label{width:4.1em} ================================================ FILE: dist-rpx-mode/example/form/form_page_old.wxml ================================================ 表单结构 展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。 表单组标题 表单页提示，居中对齐 确定 表单页提示，居中对齐 底部链接文本 Copyright © 2008-2019 weui.io ================================================ FILE: dist-rpx-mode/example/form/form_primary.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist-rpx-mode/example/form/form_primary.wxml ================================================

表单结构

展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。 表单组标题 cell standard cell standard 表单页提示，居中对齐 确定 表单页提示，居中对齐 底部链接文本 Copyright © 2008-2019 weui.io ================================================ FILE: dist-rpx-mode/example/form/form_radio.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { items: [ { name: '1', value: 'cell standard' }, { name: '2', value: 'cell standard', checked: 'true' }, ], }, radioChange(e) { console.log('radio发生change事件，携带value值为：', e.detail.value); }, }); ================================================ FILE: dist-rpx-mode/example/form/form_radio.wxml ================================================

单选框样式展示

 添加更多 确定 ================================================ FILE: dist-rpx-mode/example/form/form_radio.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist-rpx-mode/example/form/form_select.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { array1: ['微信号', 'QQ号', 'Email'], array2: ['+86', '+80', '+84', '+87'], array3: ['中国', '美国', '英国'], value1: 0, value2: 0, value3: 0, }, bindPicker1Change(e) { this.setData({ value1: e.detail.value, }); }, bindPicker2Change(e) { this.setData({ value2: e.detail.value, }); }, bindPicker3Change(e) { this.setData({ value3: e.detail.value, }); }, }); ================================================ FILE: dist-rpx-mode/example/form/form_select.wxml ================================================

原生选择框

原生选择框样式 {{array1[value1]}} {{array2[value2]}} {{array3[value3]}} 确定 ================================================ FILE: dist-rpx-mode/example/form/form_select.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist-rpx-mode/example/form/form_select_primary.wxml ================================================ 模拟选择框 用于丰富原生选择框结构，使其更具有扩展性 日期 +86 的士票 ================================================ FILE: dist-rpx-mode/example/form/form_switch.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist-rpx-mode/example/form/form_switch.wxml ================================================ 开关样式展示 模拟开关样式 确定 ================================================ FILE: dist-rpx-mode/example/form/form_switch.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist-rpx-mode/example/form/form_textarea.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist-rpx-mode/example/form/form_textarea.wxml ================================================

文本域

输入更多内容的输入区域样式展示 问题描述 0/200 确定 ================================================ FILE: dist-rpx-mode/example/form/form_textarea.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist-rpx-mode/example/form/form_vcode.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { vcodeValue: false, msg: false, checkValue: 1, check: false, }, bindVcodeInput(e) { if (e.detail.value) { this.setData({ vcodeValue: true, }); } }, checkStatus() { if (!this.data.check) { this.setData({ msg: true, }); } const that = this; }, checkboxChange(e) { if (e.detail.value.includes('1')) { this.setData({ check: true, }); } else { this.setData({ check: false, }); } }, }); ================================================ FILE: dist-rpx-mode/example/form/form_vcode.wxml ================================================

验证码

验证手机号样式 获取验证码 收不到验证码 该小程序仅演示示例，不收集个人信息。 ================================================ FILE: dist-rpx-mode/example/form/form_vcode.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%}.weui-label{width:3.1em} ================================================ FILE: dist-rpx-mode/example/form/form_vertical.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist-rpx-mode/example/form/form_vertical.wxml ================================================

文本域

输入更多内容的输入区域样式展示 0/200 确定 ================================================ FILE: dist-rpx-mode/example/form/form_vertical.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{height:100%} ================================================ FILE: dist-rpx-mode/example/gallery/gallery.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { gallery: false, }, close() { this.setData({ gallery: false, }); }, open() { this.setData({ gallery: true, }); }, }); ================================================ FILE: dist-rpx-mode/example/gallery/gallery.wxml ================================================ Gallery 画廊，模拟小程序原生的wx.previewImage。 Gallery 1/17 ================================================ FILE: dist-rpx-mode/example/gallery/gallery.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{background-color:var(--weui-BG-2)} ================================================ FILE: dist-rpx-mode/example/grid/grid.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist-rpx-mode/example/grid/grid.wxml ================================================ Grid 九宫格 Grid Grid Grid Grid Grid Grid Grid Grid Grid ================================================ FILE: dist-rpx-mode/example/half-screen-dialog/half-screen-dialog.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { dialog1: false, dialog2: false, dialog3: false, dialog4: false, dialog5: false, show1: false, show2: false, show3: false, show4: false, show5: false, wrap: false, wrap1: false, }, onShow() { }, close() { this.setData({ dialog1: false, dialog2: false, dialog3: false, dialog4: false, dialog5: false, }); var that = this; setTimeout(function(){ that.setData({ show1: false, show2: false, show3: false, show4: false, show5: false, }); }, 400); }, open1() { this.setData({ dialog1: true, show1: true, }); }, open2() { this.setData({ dialog2: true, show2: true, }); const promise1 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn1_1') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); const promise2 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn1_2') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); Promise.all([promise1, promise2]).then((values) => { if (values[0] != values[1]) { this.setData({ wrap: true }); } }); }, open3() { this.setData({ dialog3: true, show3: true, }); const promise3 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn2_1') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); const promise4 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn2_2') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); Promise.all([promise3, promise4]).then((values) => { if (values[0] != values[1]) { this.setData({ wrap1: true }); } }); }, open4() { this.setData({ dialog4: true, show4: true, }); }, open5() { this.setData({ dialog5: true, show5: true, }); }, }); ================================================ FILE: dist-rpx-mode/example/half-screen-dialog/half-screen-dialog.js.html ================================================

Half-screen Dialog

半屏组件

样式一 样式二
================================================ FILE: dist-rpx-mode/example/half-screen-dialog/half-screen-dialog.js.wxml ================================================ Half-screen Dialog 半屏组件 样式一 样式二 ================================================ FILE: dist-rpx-mode/example/half-screen-dialog/half-screen-dialog.wxml ================================================ Half-screen Dialog 半屏组件 样式一 样式二 样式三 样式四 样式五 关闭 标题 标题 搜索 更多 完成 可放自定义内容 关闭 标题 更多 辅助描述内容，可根据实际需要安排 辅助提示内容，可根据实际需要安排 Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. 取消 阅读并同意 关闭 标题 可放自定义内容 取消 阅读并同意 附加操作 关闭 标题 可放自定义内容 主要操作 关闭 标题 搜索 更多 完成 下拉过程中需要改变slide-icon的height、border-radius，以及arrow的opacity三个参数 ================================================ FILE: dist-rpx-mode/example/half-screen-dialog/half-screen-dialog.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .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)} ================================================ FILE: dist-rpx-mode/example/icons/icons.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: dist-rpx-mode/example/icons/icons.wxml ================================================ Icons 图标 ================================================ FILE: dist-rpx-mode/example/icons/icons.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ 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} ================================================ FILE: dist-rpx-mode/example/images/base64.js ================================================ module.exports = { icon20: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=', icon60: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAeFBMVEUAwAD///+U5ZTc9twOww7G8MYwzDCH4YcfyR9x23Hw+/DY9dhm2WZG0kbT9NP0/PTL8sux7LFe115T1VM+zz7i+OIXxhes6qxr2mvA8MCe6J6M4oz6/frr+us5zjn2/fa67rqB4IF13XWn6ad83nxa1loqyirn+eccHxx4AAAC/klEQVRo3u2W2ZKiQBBF8wpCNSCyLwri7v//4bRIFVXoTBBB+DAReV5sG6lTXDITiGEYhmEYhmEYhmEYhmEY5v9i5fsZGRx9PyGDne8f6K9cfd+mKXe1yNG/0CcqYE86AkBMBh66f20deBc7wA/1WFiTwvSEpBMA2JJOBsSLxe/4QEEaJRrASP8EVF8Q74GbmevKg0saa0B8QbwBdjRyADYxIhqxAZ++IKYtciPXLQVG+imw+oo4Bu56rjEJ4GYsvPmKOAB+xlz7L5aevqUXuePWVhvWJ4eWiwUQ67mK51qPj4dFDMlRLBZTqF3SDvmr4BwtkECu5gHWPkmDfQh02WLxXuvbvC8ku8F57GsI5e0CmUwLz1kq3kD17R1In5816rGvQ5VMk5FEtIiWislTffuDpl/k/PzscdQsv8r9qWq4LRWX6tQYtTxvI3XyrwdyQxChXioOngH3dLgOFjk0all56XRi/wDFQrGQU3Os5t0wJu1GNtNKHdPqYaGYQuRDfbfDf26AGLYSyGS3ZAK4S8XuoAlxGSdYMKwqZKM9XJMtyqXi7HX/CiAZS6d8bSVUz5J36mEMFDTlAFQzxOT1dzLRljjB6+++ejFqka+mXIe6F59mw22OuOw1F4T6lg/9VjL1rLDoI9Xzl1MSYDNHnPQnt3D1EE7PrXjye/3pVpr1Z45hMUdcACc5NVQI0bOdS1WA0wuz73e7/5TNqBPhQXPEFGJNV2zNqWI7QKBd2Gn6AiBko02zuAOXeWIXjV0jNqdKegaE/kJQ6Bfs4aju04lMLkA2T5wBSYPKDGF3RKhFYEa6A1L1LG2yacmsaZ6YPOSAMKNsO+N5dNTfkc5Aqe26uxHpx7ZirvgCwJpWq/lmX1hA7LyabQ34tt5RiJKXSwQ+0KU0V5xg+hZrd4Bn1n4EID+WkQdgLfRNtvil9SPfwy+WQ7PFBWQz6dGWZBLkeJFXZGCfLUjCgGgqXo5TuSu3cugdcTv/HjqnBTEMwzAMwzAMwzAMwzAMw/zf/AFbXiOA6frlMAAAAABJRU5ErkJggg==', }; ================================================ FILE: dist-rpx-mode/example/index.js ================================================ Page({ mixins: [require('../mixin/common')], data: { list: [ { id: 'form', name: '表单', open: false, pages: ['button', 'form', 'list', 'slideview', 'slider', 'uploader'], }, { id: 'layout', name: '基础组件', open: false, pages: ['article', 'badge', 'flex', 'footer', 'gallery', 'grid', 'icons', 'loading', 'loadmore', 'panel', 'preview', 'progress', 'steps'], }, { id: 'feedback', name: '操作反馈', open: false, pages: ['actionsheet', 'dialog', 'half-screen-dialog', 'msg', 'picker', 'toast', 'information-bar'], }, { id: 'nav', name: '导航相关', open: false, pages: ['navigation-bar', 'tabbar'], }, { id: 'search', name: '搜索相关', open: false, pages: ['searchbar'], }, ], }, kindToggle(e) { const { id } = e.currentTarget; const { list } = this.data; for (let i = 0, len = list.length; i < len; ++i) { if (list[i].id == id) { list[i].open = !list[i].open; } else { list[i].open = false; } } this.setData({ list, }); }, changeTheme() { console.log(this.data); getApp().themeChanged(this.data.theme === 'light' ? 'dark' : 'light'); }, }); ================================================ FILE: dist-rpx-mode/example/index.wxml ================================================ WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。 {{item.name}} {{page}} 该小程序仅演示示例，不收集个人信息。 ================================================ FILE: dist-rpx-mode/example/index.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .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} ================================================ FILE: dist-rpx-mode/example/information-bar/information-bar.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { topTips: false, hide: false, }, close() { this.setData({ hide: true, }); setTimeout(() => { this.setData({ topTips: false, hide: false, }); }, 300); }, open() { this.setData({ topTips: true, }); }, }); ================================================ FILE: dist-rpx-mode/example/information-bar/information-bar.wxml ================================================ Information Bar 信息提示条 信息提示warnstrong 详情 信息提示warnweak 详情 信息提示warnnocolor 详情 信息提示tipsstrong 详情 信息提示tipsweak 详情 ================================================ FILE: dist-rpx-mode/example/information-bar/information-bar.wxss ================================================ /*! * WeUI v2.6.26 (https://github.com/weui/weui-wxss) * Copyright 2026 Tencent, Inc. * Licensed under the MIT license */ .page{background-color:var(--weui-BG-2)}.weui-information-bar{position:static;margin-bottom:40rpx} ================================================ FILE: dist-rpx-mode/example/input/input.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { showTopTips: false, radioItems: [ { name: 'cell standard', value: '0' }, { name: 'cell standard', value: '1', checked: true }, ], checkboxItems: [ { name: 'standard is dealt for u.', value: '0', checked: true }, { name: 'standard is dealicient for u.', value: '1' }, ], date: '2016-09-01', time: '12:01', countryCodes: ['+86', '+80', '+84', '+87'], countryCodeIndex: 0, countries: ['中国', '美国', '英国'], countryIndex: 0, accounts: ['微信号', 'QQ', 'Email'], accountIndex: 0, isAgree: false, }, showTopTips() { const that = this; this.setData({ showTopTips: true, }); setTimeout(() => { that.setData({ showTopTips: false, }); }, 3000); }, radioChange(e) { console.log('radio发生change事件，携带value值为：', e.detail.value); const { radioItems } = this.data; for (let i = 0, len = radioItems.length; i < len; ++i) { radioItems[i].checked = radioItems[i].value == e.detail.value; } this.setData({ radioItems, }); }, checkboxChange(e) { console.log('checkbox发生change事件，携带value值为：', e.detail.value); const { checkboxItems } = this.data; const values = e.detail.value; for (let i = 0, lenI = checkboxItems.length; i < lenI; ++i) { checkboxItems[i].checked = false; for (let j = 0, lenJ = values.length; j < lenJ; ++j) { if (checkboxItems[i].value == values[j]) { checkboxItems[i].checked = true; break; } } } this.setData({ checkboxItems, }); }, bindDateChange(e) { this.setData({ date: e.detail.value, }); }, bindTimeChange(e) { this.setData({ time: e.detail.value, }); }, bindCountryCodeChange(e) { console.log('picker country code 发生选择改变，携带值为', e.detail.value); this.setData({ countryCodeIndex: e.detail.value, }); }, bindCountryChange(e) { console.log('picker country 发生选择改变，携带值为', e.detail.value); this.setData({ countryIndex: e.detail.value, }); }, bindAccountChange(e) { console.log('picker account 发生选择改变，携带值为', e.detail.value); this.setData({ accountIndex: e.detail.value, }); }, bindAgreeChange(e) { this.setData({ isAgree: !!e.detail.value.length, }); }, }); ================================================ FILE: dist-rpx-mode/example/input/input.wxml ================================================ Input 表单输入。老版本的表单，后续不再维护。新版本请看 表单 - form 。 错误提示 单选列表项 添加更多 复选列表项 添加更多 表单 qq 手机号 获取验证码 {{date}} {{time}} 验证码 底部说明文字底部说明文字 表单报错 卡号 开关 文本框 文本域 表单页提示，居中对齐 确定 表单页提示，居中对齐 底部链接文本 Copyright © 2008-2019 weui.io ================================================ FILE: src/example/form/form_page_old.wxml ================================================ 表单结构 展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。 表单组标题 表单页提示，居中对齐 确定 表单页提示，居中对齐 底部链接文本 Copyright © 2008-2019 weui.io ================================================ FILE: src/example/form/form_primary.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: src/example/form/form_primary.wxml ================================================

表单结构

展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。 表单组标题 cell standard cell standard 表单页提示，居中对齐 确定 表单页提示，居中对齐 底部链接文本 Copyright © 2008-2019 weui.io ================================================ FILE: src/example/form/form_radio.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { items: [ { name: '1', value: 'cell standard' }, { name: '2', value: 'cell standard', checked: 'true' }, ], }, radioChange(e) { console.log('radio发生change事件，携带value值为：', e.detail.value); }, }); ================================================ FILE: src/example/form/form_radio.less ================================================ .page { height: 100%; } ================================================ FILE: src/example/form/form_radio.wxml ================================================

单选框样式展示

 添加更多 确定 ================================================ FILE: src/example/form/form_select.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { array1: ['微信号', 'QQ号', 'Email'], array2: ['+86', '+80', '+84', '+87'], array3: ['中国', '美国', '英国'], value1: 0, value2: 0, value3: 0, }, bindPicker1Change(e) { this.setData({ value1: e.detail.value, }); }, bindPicker2Change(e) { this.setData({ value2: e.detail.value, }); }, bindPicker3Change(e) { this.setData({ value3: e.detail.value, }); }, }); ================================================ FILE: src/example/form/form_select.less ================================================ .page { height: 100%; } ================================================ FILE: src/example/form/form_select.wxml ================================================

原生选择框

原生选择框样式 {{array1[value1]}} {{array2[value2]}} {{array3[value3]}} 确定 ================================================ FILE: src/example/form/form_select_primary.wxml ================================================ 模拟选择框 用于丰富原生选择框结构，使其更具有扩展性 日期 +86 的士票 ================================================ FILE: src/example/form/form_switch.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: src/example/form/form_switch.less ================================================ .page { height: 100%; } ================================================ FILE: src/example/form/form_switch.wxml ================================================ 开关样式展示 模拟开关样式 确定 ================================================ FILE: src/example/form/form_textarea.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: src/example/form/form_textarea.less ================================================ .page { height: 100%; } ================================================ FILE: src/example/form/form_textarea.wxml ================================================

文本域

输入更多内容的输入区域样式展示 问题描述 0/200 确定 ================================================ FILE: src/example/form/form_vcode.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { vcodeValue: false, msg: false, checkValue: 1, check: false, }, bindVcodeInput(e) { if (e.detail.value) { this.setData({ vcodeValue: true, }); } }, checkStatus() { if (!this.data.check) { this.setData({ msg: true, }); } const that = this; }, checkboxChange(e) { if (e.detail.value.includes('1')) { this.setData({ check: true, }); } else { this.setData({ check: false, }); } }, }); ================================================ FILE: src/example/form/form_vcode.less ================================================ .page { height: 100%; } .weui-label { width: 3.1em; } ================================================ FILE: src/example/form/form_vcode.wxml ================================================

验证码

验证手机号样式 获取验证码 收不到验证码 该小程序仅演示示例，不收集个人信息。 ================================================ FILE: src/example/form/form_vertical.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: src/example/form/form_vertical.less ================================================ .page { height: 100%; } ================================================ FILE: src/example/form/form_vertical.wxml ================================================

文本域

输入更多内容的输入区域样式展示 0/200 确定 ================================================ FILE: src/example/gallery/gallery.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { gallery: false, }, close() { this.setData({ gallery: false, }); }, open() { this.setData({ gallery: true, }); }, }); ================================================ FILE: src/example/gallery/gallery.less ================================================ .page { background-color: var(--weui-BG-2); } ================================================ FILE: src/example/gallery/gallery.wxml ================================================ Gallery 画廊，模拟小程序原生的wx.previewImage。 Gallery 1/17 ================================================ FILE: src/example/grid/grid.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: src/example/grid/grid.wxml ================================================ Grid 九宫格 Grid Grid Grid Grid Grid Grid Grid Grid Grid ================================================ FILE: src/example/half-screen-dialog/half-screen-dialog.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { dialog1: false, dialog2: false, dialog3: false, dialog4: false, dialog5: false, show1: false, show2: false, show3: false, show4: false, show5: false, wrap: false, wrap1: false, }, onShow() { }, close() { this.setData({ dialog1: false, dialog2: false, dialog3: false, dialog4: false, dialog5: false, }); var that = this; setTimeout(function(){ that.setData({ show1: false, show2: false, show3: false, show4: false, show5: false, }); }, 400); }, open1() { this.setData({ dialog1: true, show1: true, }); }, open2() { this.setData({ dialog2: true, show2: true, }); const promise1 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn1_1') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); const promise2 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn1_2') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); Promise.all([promise1, promise2]).then((values) => { if (values[0] != values[1]) { this.setData({ wrap: true }); } }); }, open3() { this.setData({ dialog3: true, show3: true, }); const promise3 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn2_1') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); const promise4 = new Promise((resolve, reject) => { wx.createSelectorQuery().select('#js_btn2_2') .boundingClientRect((rect) => { resolve(rect.height); }) .exec(); }); Promise.all([promise3, promise4]).then((values) => { if (values[0] != values[1]) { this.setData({ wrap1: true }); } }); }, open4() { this.setData({ dialog4: true, show4: true, }); }, open5() { this.setData({ dialog5: true, show5: true, }); }, }); ================================================ FILE: src/example/half-screen-dialog/half-screen-dialog.less ================================================ .page { background-color: var(--weui-BG-2); } [weui-modal-show='false'] { .weui-half-screen-dialog { transition: transform 0.3s; transform: translateY(100%); } } [weui-modal-show='true'] { .weui-half-screen-dialog { transform: translateY(0); } } ================================================ FILE: src/example/half-screen-dialog/half-screen-dialog.wxml ================================================ Half-screen Dialog 半屏组件 样式一 样式二 样式三 样式四 样式五 关闭 标题 标题 搜索 更多 完成 可放自定义内容 关闭 标题 更多 辅助描述内容，可根据实际需要安排 辅助提示内容，可根据实际需要安排 Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. Dolor adipisci quidem consequuntur similique consequuntur doloribus modi possimus sunt voluptas qui Aspernatur natus error quisquam quidem ipsa corrupti! Dignissimos quasi quis natus fugiat odio in? Mollitia molestias error earum. 取消 阅读并同意 关闭 标题 可放自定义内容 取消 阅读并同意 附加操作 关闭 标题 可放自定义内容 主要操作 关闭 标题 搜索 更多 完成 下拉过程中需要改变slide-icon的height、border-radius，以及arrow的opacity三个参数 ================================================ FILE: src/example/icons/icons.js ================================================ Page({ mixins: [require('../../mixin/common')], }); ================================================ FILE: src/example/icons/icons.less ================================================ icon { margin-right: 13px; } .page__bd { padding-left: 40px; padding-right: 40px; text-align: left; } .icon-box { margin-bottom: 25px; display: flex; align-items: center; i { margin-right: 18px; } } .icon-box__ctn { flex-shrink: 100; } .icon-box__title { font-size: 20px; } .icon-box__desc { margin-top: 6px; font-size: 12px; color: #888; } .icon_sp_area { margin-top: 10px; text-align: left; } ================================================ FILE: src/example/icons/icons.wxml ================================================ Icons 图标 ================================================ FILE: src/example/images/base64.js ================================================ module.exports = { icon20: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=', icon60: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAeFBMVEUAwAD///+U5ZTc9twOww7G8MYwzDCH4YcfyR9x23Hw+/DY9dhm2WZG0kbT9NP0/PTL8sux7LFe115T1VM+zz7i+OIXxhes6qxr2mvA8MCe6J6M4oz6/frr+us5zjn2/fa67rqB4IF13XWn6ad83nxa1loqyirn+eccHxx4AAAC/klEQVRo3u2W2ZKiQBBF8wpCNSCyLwri7v//4bRIFVXoTBBB+DAReV5sG6lTXDITiGEYhmEYhmEYhmEYhmEY5v9i5fsZGRx9PyGDne8f6K9cfd+mKXe1yNG/0CcqYE86AkBMBh66f20deBc7wA/1WFiTwvSEpBMA2JJOBsSLxe/4QEEaJRrASP8EVF8Q74GbmevKg0saa0B8QbwBdjRyADYxIhqxAZ++IKYtciPXLQVG+imw+oo4Bu56rjEJ4GYsvPmKOAB+xlz7L5aevqUXuePWVhvWJ4eWiwUQ67mK51qPj4dFDMlRLBZTqF3SDvmr4BwtkECu5gHWPkmDfQh02WLxXuvbvC8ku8F57GsI5e0CmUwLz1kq3kD17R1In5816rGvQ5VMk5FEtIiWislTffuDpl/k/PzscdQsv8r9qWq4LRWX6tQYtTxvI3XyrwdyQxChXioOngH3dLgOFjk0all56XRi/wDFQrGQU3Os5t0wJu1GNtNKHdPqYaGYQuRDfbfDf26AGLYSyGS3ZAK4S8XuoAlxGSdYMKwqZKM9XJMtyqXi7HX/CiAZS6d8bSVUz5J36mEMFDTlAFQzxOT1dzLRljjB6+++ejFqka+mXIe6F59mw22OuOw1F4T6lg/9VjL1rLDoI9Xzl1MSYDNHnPQnt3D1EE7PrXjye/3pVpr1Z45hMUdcACc5NVQI0bOdS1WA0wuz73e7/5TNqBPhQXPEFGJNV2zNqWI7QKBd2Gn6AiBko02zuAOXeWIXjV0jNqdKegaE/kJQ6Bfs4aju04lMLkA2T5wBSYPKDGF3RKhFYEa6A1L1LG2yacmsaZ6YPOSAMKNsO+N5dNTfkc5Aqe26uxHpx7ZirvgCwJpWq/lmX1hA7LyabQ34tt5RiJKXSwQ+0KU0V5xg+hZrd4Bn1n4EID+WkQdgLfRNtvil9SPfwy+WQ7PFBWQz6dGWZBLkeJFXZGCfLUjCgGgqXo5TuSu3cugdcTv/HjqnBTEMwzAMwzAMwzAMwzAMw/zf/AFbXiOA6frlMAAAAABJRU5ErkJggg==', }; ================================================ FILE: src/example/index.js ================================================ Page({ mixins: [require('../mixin/common')], data: { list: [ { id: 'form', name: '表单', open: false, pages: ['button', 'form', 'list', 'slideview', 'slider', 'uploader'], }, { id: 'layout', name: '基础组件', open: false, pages: ['article', 'badge', 'flex', 'footer', 'gallery', 'grid', 'icons', 'loading', 'loadmore', 'panel', 'preview', 'progress', 'steps'], }, { id: 'feedback', name: '操作反馈', open: false, pages: ['actionsheet', 'dialog', 'half-screen-dialog', 'msg', 'picker', 'toast', 'information-bar'], }, { id: 'nav', name: '导航相关', open: false, pages: ['navigation-bar', 'tabbar'], }, { id: 'search', name: '搜索相关', open: false, pages: ['searchbar'], }, ], }, kindToggle(e) { const { id } = e.currentTarget; const { list } = this.data; for (let i = 0, len = list.length; i < len; ++i) { if (list[i].id == id) { list[i].open = !list[i].open; } else { list[i].open = false; } } this.setData({ list, }); }, changeTheme() { console.log(this.data); getApp().themeChanged(this.data.theme === 'light' ? 'dark' : 'light'); }, }); ================================================ FILE: src/example/index.less ================================================ @import "../style/base/theme/fn"; .weui-flex { align-items: center; } .weui-cells { margin-top: 0; opacity: 0; transform: translateY(-50%); transition: 0.3s; &::before, &::after { display: none; } &_show { opacity: 1; transform: translateY(0); } } .weui-cell { &::before { right: 15px; } } .kind-list{} .kind-list__item { margin: 10px 0; background-color: var(--weui-BG-2); border-radius: 2px; overflow: hidden; &:first-child { margin-top: 0; } } .kind-list__img { width: 30px; height: 30px; .dark({ filter: invert(100) hue-rotate(180deg); }); } .kind-list__item-hd { padding: 20px; transition: opacity 0.3s; &_show { opacity: 0.4; } } .kind-list__item-bd { height: 0; overflow: hidden; &_show { height: auto; } } ================================================ FILE: src/example/index.wxml ================================================ WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。 {{item.name}} {{page}} 该小程序仅演示示例，不收集个人信息。 ================================================ FILE: src/example/information-bar/information-bar.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { topTips: false, hide: false, }, close() { this.setData({ hide: true, }); setTimeout(() => { this.setData({ topTips: false, hide: false, }); }, 300); }, open() { this.setData({ topTips: true, }); }, }); ================================================ FILE: src/example/information-bar/information-bar.less ================================================ .page { background-color: var(--weui-BG-2); } .weui-information-bar { position: static; margin-bottom: 20px; } ================================================ FILE: src/example/information-bar/information-bar.wxml ================================================ Information Bar 信息提示条 信息提示warnstrong 详情 信息提示warnweak 详情 信息提示warnnocolor 详情 信息提示tipsstrong 详情 信息提示tipsweak 详情 ================================================ FILE: src/example/input/input.js ================================================ Page({ mixins: [require('../../mixin/common')], data: { showTopTips: false, radioItems: [ { name: 'cell standard', value: '0' }, { name: 'cell standard', value: '1', checked: true }, ], checkboxItems: [ { name: 'standard is dealt for u.', value: '0', checked: true }, { name: 'standard is dealicient for u.', value: '1' }, ], date: '2016-09-01', time: '12:01', countryCodes: ['+86', '+80', '+84', '+87'], countryCodeIndex: 0, countries: ['中国', '美国', '英国'], countryIndex: 0, accounts: ['微信号', 'QQ', 'Email'], accountIndex: 0, isAgree: false, }, showTopTips() { const that = this; this.setData({ showTopTips: true, }); setTimeout(() => { that.setData({ showTopTips: false, }); }, 3000); }, radioChange(e) { console.log('radio发生change事件，携带value值为：', e.detail.value); const { radioItems } = this.data; for (let i = 0, len = radioItems.length; i < len; ++i) { radioItems[i].checked = radioItems[i].value == e.detail.value; } this.setData({ radioItems, }); }, checkboxChange(e) { console.log('checkbox发生change事件，携带value值为：', e.detail.value); const { checkboxItems } = this.data; const values = e.detail.value; for (let i = 0, lenI = checkboxItems.length; i < lenI; ++i) { checkboxItems[i].checked = false; for (let j = 0, lenJ = values.length; j < lenJ; ++j) { if (checkboxItems[i].value == values[j]) { checkboxItems[i].checked = true; break; } } } this.setData({ checkboxItems, }); }, bindDateChange(e) { this.setData({ date: e.detail.value, }); }, bindTimeChange(e) { this.setData({ time: e.detail.value, }); }, bindCountryCodeChange(e) { console.log('picker country code 发生选择改变，携带值为', e.detail.value); this.setData({ countryCodeIndex: e.detail.value, }); }, bindCountryChange(e) { console.log('picker country 发生选择改变，携带值为', e.detail.value); this.setData({ countryIndex: e.detail.value, }); }, bindAccountChange(e) { console.log('picker account 发生选择改变，携带值为', e.detail.value); this.setData({ accountIndex: e.detail.value, }); }, bindAgreeChange(e) { this.setData({ isAgree: !!e.detail.value.length, }); }, }); ================================================ FILE: src/example/input/input.less ================================================ .weui-vcode-img { width: 108px; } ================================================ FILE: src/example/input/input.wxml ================================================ Input 表单输入。老版本的表单，后续不再维护。新版本请看 表单 - form 。 错误提示 单选列表项 添加更多 复选列表项 添加更多 表单 qq 手机号 获取验证码 {{date}} {{time}} 验证码 底部说明文字底部说明文字 表单报错 卡号 开关 文本框 文本域