├── components ├── icon │ ├── icon.json │ ├── icon.wxml │ └── icon.js ├── button │ └── button.json ├── divider │ ├── divider.json │ ├── divider.wxss │ ├── divider.wxml │ └── divider.js ├── drawer │ ├── drawer.json │ ├── index.json │ ├── index.wxml │ ├── drawer.wxml │ ├── index.js │ └── drawer.js ├── extend │ ├── tips │ │ ├── tips.json │ │ ├── tips.wxml │ │ ├── tips.js │ │ └── tips.wxss │ ├── alert │ │ ├── alert.json │ │ ├── alert.wxml │ │ └── alert.js │ ├── button │ │ ├── button.json │ │ └── button.js │ └── toast │ │ ├── toast.json │ │ └── toast.wxml ├── tui-fab │ └── tui-fab.json ├── countdown │ ├── countdown.json │ └── countdown.wxss ├── grid-item │ ├── grid-item.json │ ├── grid-item.wxml │ └── grid-item.js ├── scroll-top │ ├── scroll-top.json │ ├── scroll-top.wxss │ └── scroll-top.wxml ├── tui-tabbar │ └── tui-tabbar.json ├── tui-tabs │ └── tui-tabs.json ├── tui-upload │ ├── tui-upload.json │ └── tui-upload.wxml ├── actionsheet │ ├── actionsheet.json │ └── actionsheet.wxml ├── bottom-popup │ ├── bottom-popup.json │ ├── bottom-popup.wxml │ ├── bottom-popup.js │ └── bottom-popup.wxss ├── swipe-action │ ├── swipe-action.json │ └── swipe-action.wxss ├── top-dropdown │ ├── top-dropdown.json │ ├── top-dropdown.wxml │ ├── top-dropdown.wxss │ └── top-dropdown.js ├── tui-collapse │ ├── tui-collapse.json │ └── tui-collapse.wxml ├── tui-skeleton │ ├── tui-skeleton.json │ └── tui-skeleton.wxml ├── timeaxis-item │ ├── timeaxis-item.json │ ├── timeaxis-item.wxml │ ├── timeaxis-item.js │ └── timeaxis-item.wxss ├── tag │ ├── tag.json │ ├── tag.js │ └── tag.wxml ├── badge │ ├── badge.json │ ├── badge.wxml │ ├── badge.js │ └── badge.wxss ├── card │ ├── card.json │ └── card.wxml ├── grid │ ├── grid.json │ ├── grid.wxml │ ├── grid.js │ └── grid.wxss ├── modal │ └── modal.json ├── rate │ ├── rate.json │ └── rate.wxml ├── tips │ ├── tips.json │ ├── tips.wxml │ └── tips.js ├── dateTime │ └── dateTime.json ├── footer │ ├── footer.json │ ├── footer.wxml │ ├── footer.js │ └── footer.wxss ├── keyboard │ ├── keyboard.json │ └── keyboard.js ├── loading │ ├── loading.json │ ├── loading.wxml │ └── loading.js ├── loadmore │ ├── loadmore.json │ ├── loadmore.wxml │ └── loadmore.js ├── nomore │ ├── nomore.json │ ├── nomore.wxml │ └── nomore.js ├── sticky │ ├── sticky.json │ ├── sticky.wxss │ └── sticky.wxml ├── list-cell │ ├── list-cell.json │ ├── list-cell.wxml │ ├── list-cell.js │ └── list-cell.wxss ├── list-view │ ├── list-view.json │ ├── list-view.wxml │ ├── list-view.js │ └── list-view.wxss ├── numberbox │ ├── numberbox.json │ └── numberbox.wxml ├── time-axis │ ├── time-axis.json │ ├── time-axis.wxml │ ├── time-axis.js │ └── time-axis.wxss ├── dropdown-list │ ├── dropdown-list.json │ ├── dropdown-list.wxml │ ├── dropdown-list.wxss │ └── dropdown-list.js ├── keyboard-input │ ├── keyboard-input.json │ ├── keyboard-input.wxml │ ├── keyboard-input.js │ └── keyboard-input.wxss └── utils │ └── utils.js ├── pages ├── about │ ├── about.json │ └── about.js ├── toptips │ ├── toptips.wxss │ ├── toptips.json │ ├── toptips.wxml │ └── toptips.js ├── basic-view │ ├── doc │ │ ├── doc.json │ │ ├── doc.js │ │ └── doc.wxss │ ├── tag │ │ ├── tag.js │ │ ├── tag.json │ │ └── tag.wxss │ ├── flex │ │ ├── flex.json │ │ ├── flex.wxss │ │ └── flex.js │ ├── color │ │ ├── color.json │ │ ├── color.wxss │ │ └── color.js │ ├── button │ │ ├── button.js │ │ ├── button.json │ │ └── button.wxss │ ├── list │ │ ├── list.js │ │ └── list.json │ ├── badge │ │ ├── badge.json │ │ ├── badge.wxss │ │ └── badge.js │ ├── footer │ │ ├── footer.json │ │ ├── footer.wxss │ │ ├── footer.wxml │ │ └── footer.js │ ├── other │ │ ├── other.json │ │ └── other.wxss │ ├── grid │ │ ├── grid.json │ │ └── grid.wxss │ ├── icon │ │ ├── icon.json │ │ ├── icon.wxml │ │ └── icon.wxss │ ├── load │ │ ├── load.json │ │ ├── load.wxss │ │ └── load.js │ └── card │ │ └── card.json ├── extend-view │ ├── common │ │ ├── common.json │ │ ├── common.wxss │ │ ├── common.wxml │ │ └── common.js │ ├── userInfo │ │ ├── userInfo.json │ │ ├── userInfo.wxss │ │ ├── userInfo.wxml │ │ └── userInfo.js │ ├── tips │ │ ├── tips.js │ │ ├── tips.json │ │ ├── tips.wxml │ │ └── tips.wxss │ ├── luckdraw │ │ ├── luckdraw.json │ │ └── luckdraw.wxml │ ├── divider │ │ ├── divider.js │ │ ├── divider.json │ │ ├── divider.wxss │ │ └── divider.wxml │ ├── rollingNews │ │ ├── rollingNews.json │ │ └── rollingNews.js │ ├── timeaxis │ │ ├── timeaxis.js │ │ └── timeaxis.json │ ├── rate │ │ ├── rate.json │ │ ├── rate.js │ │ └── rate.wxss │ ├── msgtips │ │ ├── msgtips.json │ │ └── msgtips.js │ ├── sticky │ │ ├── sticky.json │ │ └── sticky.js │ ├── button │ │ ├── button.json │ │ ├── button.wxss │ │ └── button.js │ ├── goTop │ │ ├── goTop.js │ │ ├── goTop.json │ │ ├── goTop.wxml │ │ └── goTop.wxss │ ├── tabs │ │ ├── tabs.json │ │ ├── tabs.wxss │ │ └── tabs.js │ ├── request │ │ ├── request.json │ │ ├── request.wxml │ │ ├── request.wxss │ │ └── request.js │ ├── skeleton │ │ ├── skeleton.json │ │ ├── skeleton.js │ │ └── skeleton.wxss │ ├── tabbar │ │ ├── tabbar.json │ │ ├── tabbar.wxss │ │ └── tabbar.wxml │ ├── upload │ │ ├── upload.json │ │ ├── upload.wxml │ │ ├── upload.js │ │ └── upload.wxss │ ├── clipboard │ │ ├── clipboard.json │ │ ├── clipboard.js │ │ ├── clipboard.wxss │ │ └── clipboard.wxml │ ├── formValidation │ │ ├── formValidation.json │ │ └── formValidation.wxss │ ├── numberbox │ │ ├── numberbox.json │ │ ├── numberbox.wxss │ │ └── numberbox.js │ ├── countdown │ │ ├── countdown.js │ │ ├── countdown.json │ │ └── countdown.wxss │ ├── alert │ │ ├── alert.json │ │ ├── alert.wxss │ │ └── alert.js │ ├── modal │ │ ├── modal.json │ │ └── modal.wxss │ ├── template │ │ ├── template.json │ │ └── template.wxml │ ├── fab │ │ ├── fab.json │ │ └── fab.wxss │ ├── toast │ │ ├── toast.json │ │ ├── toast.wxss │ │ └── toast.js │ ├── actionsheet │ │ ├── actionsheet.json │ │ └── actionsheet.wxss │ ├── picker-dateTime │ │ ├── picker-dateTime.json │ │ └── picker-dateTime.wxss │ ├── collapse │ │ ├── collapse.json │ │ └── collapse.wxss │ ├── friendsList │ │ └── friendsList.json │ ├── friendsList-2 │ │ └── friendsList-2.json │ ├── carousel │ │ └── carousel.json │ ├── keyboard │ │ ├── keyboard.json │ │ ├── keyboard.wxml │ │ └── keyboard.wxss │ ├── news-search │ │ └── news-search.json │ ├── msgList │ │ └── msgList.json │ ├── lockscreen │ │ ├── lockscreen.json │ │ ├── lockscreen.wxml │ │ └── lockscreen.wxss │ └── popup │ │ └── popup.json ├── longlat │ ├── longlat.json │ ├── longlat.wxss │ └── longlat.wxml ├── template │ ├── template.json │ ├── template.wxml │ ├── template.wxss │ └── template.js ├── weather │ ├── weather.json │ ├── weather.wxss │ ├── weather.wxml │ └── weather.js ├── indexList │ └── indexList.json ├── navbar-1 │ └── navbar-1.json ├── picker │ ├── picker.json │ ├── picker.wxss │ └── picker.wxml ├── picker-view │ └── picker-view.json ├── maps │ └── maps.json ├── my │ └── my.json ├── luckdraw │ ├── luckdraw.json │ └── luckdraw.wxml ├── qrcode │ └── qrcode.json ├── drawer │ └── drawer.json ├── index │ └── index.json ├── selectCity │ └── selectCity.json ├── swipe-action │ ├── swipe-action.json │ ├── swipe-action.wxss │ └── swipe-action.wxml ├── location │ ├── location.json │ └── location.wxml ├── timeaxis │ ├── timeaxis.js │ └── timeaxis.json ├── extend │ └── extend.json ├── navbar-2 │ └── navbar-2.json ├── msgtips │ ├── msgtips.json │ └── msgtips.js ├── sticky │ ├── sticky.json │ └── sticky.js ├── login │ └── login.json ├── log │ └── log.json ├── news │ ├── news.json │ └── news.wxml ├── basic │ ├── basic.json │ ├── basic.wxml │ └── basic.wxss ├── product │ ├── product.json │ └── product.wxml ├── keyboard │ ├── keyboard.json │ ├── keyboard.wxml │ └── keyboard.wxss └── lockscreen │ ├── lockscreen.json │ ├── lockscreen.wxml │ └── lockscreen.wxss ├── static └── images │ ├── my │ ├── go.png │ ├── log.png │ ├── call.png │ ├── applets.jpg │ ├── feedback.png │ ├── reward.png │ ├── thorui.png │ ├── github_3x.png │ ├── mine_bg_3x.png │ ├── icon_out_3x.png │ ├── icon_thouUI@3x.png │ ├── mine_def_touxiang_3x.png │ ├── mine_icon_bianji_3x.png │ ├── mine_icon_tingche_3x.png │ ├── mine_panel_aiche_3x.png │ ├── mine_icon_chongdian_3x.png │ └── mine_icon_jiayouzhan_3x.png │ ├── news │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── list_1.jpg │ ├── list_2.jpg │ ├── list_3.jpg │ ├── list_4.jpg │ ├── avatar_1.jpg │ ├── avatar_2.jpg │ ├── banner_1.jpg │ ├── banner_2.jpg │ └── banner_3.jpg │ ├── basic │ ├── badge.png │ ├── card.png │ ├── color.png │ ├── flex.png │ ├── grid.png │ ├── icon.png │ ├── list.png │ ├── load.png │ ├── other.png │ ├── tag.png │ ├── button.png │ └── footer.png │ ├── chat │ ├── fail.png │ └── voice.png │ ├── index │ ├── basic.png │ ├── class.png │ ├── form.png │ ├── index.png │ ├── logo.png │ ├── map.png │ ├── nav.png │ ├── play.png │ ├── swipe.png │ ├── cancle.png │ ├── canvas.png │ ├── drawer.png │ ├── refresh.png │ ├── search.png │ ├── icon_down.png │ ├── icon_right.png │ ├── icon_next@3x.png │ ├── home_icon_choose@3x.png │ ├── img_fuwuquan_blue@3x.png │ └── img_fuwuquan_gray@3x.png │ ├── luck │ ├── luck-1.png │ ├── luck-2.png │ ├── luck-3.png │ └── luck-4.png │ ├── mall │ ├── new │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ ├── 4.jpg │ │ ├── 5.jpg │ │ ├── 6.jpg │ │ ├── new.png │ │ └── discount.png │ ├── banner │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ ├── 4.jpg │ │ └── 5.jpg │ ├── category │ │ ├── 1.jpg │ │ ├── 10.jpg │ │ ├── 11.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ ├── 4.png │ │ ├── 5.png │ │ ├── 6.jpg │ │ ├── 66.jpg │ │ ├── 7.jpg │ │ ├── 8.jpg │ │ └── 9.jpg │ ├── product │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ ├── 4.jpg │ │ ├── 5.jpg │ │ └── 6.jpg │ ├── my │ │ ├── img_bg_3x.png │ │ ├── icon_gift_3x.png │ │ ├── icon_kefu_3x.png │ │ ├── icon_purse_3x.png │ │ ├── icon_tab_3x.png │ │ ├── icon_tuan_3x.png │ │ ├── icon_vip_3x.png │ │ ├── icon_addr_edit.png │ │ ├── icon_fanxian_3x.png │ │ ├── icon_kaipiao_3x.png │ │ ├── icon_pingjia_3x.png │ │ ├── icon_ticket_3x.png │ │ ├── icon_tuikuan_3x.png │ │ ├── icon_zhihuan_3x.png │ │ ├── icon_daifahuo_3x.png │ │ ├── icon_daifukuan_3x.png │ │ └── icon_daishouhuo_3x.png │ ├── activity │ │ ├── activity_1.jpg │ │ └── activity_2.jpg │ └── img_recharge_success.png │ ├── product │ ├── 1.jpg │ ├── 11.jpg │ ├── 2.jpg │ ├── 22.jpg │ ├── 3.jpg │ ├── 33.jpg │ ├── 4.jpg │ ├── 44.jpg │ ├── 5.jpg │ └── 55.jpg │ ├── classify │ ├── bed.png │ ├── Icewash.png │ ├── heater.png │ ├── boutique.png │ └── kongtiao.png │ ├── fab │ ├── fab_about.png │ ├── fab_share.png │ └── fab_reward.png │ ├── maps │ ├── current.png │ └── location.png │ ├── login │ └── bg_login.png │ ├── swiper │ ├── swiper_1.jpg │ ├── swiper_2.jpg │ └── swiper_3.jpg │ ├── tabbar │ ├── code_gray.png │ ├── release.png │ ├── thor_gray.png │ ├── code_active.png │ ├── extend_gray.png │ ├── thor_active.png │ └── extend_active.png │ └── toast │ ├── img_nodata.png │ ├── check-circle.png │ ├── fail-circle.png │ ├── info-circle.png │ └── img_noorder@3x.png ├── sitemap.json ├── .gitignore ├── project.private.config.json └── LICENSE /components/icon/icon.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /pages/about/about.json: -------------------------------------------------------------------------------- 1 | { 2 | "usingComponents": {} 3 | } -------------------------------------------------------------------------------- /pages/toptips/toptips.wxss: -------------------------------------------------------------------------------- 1 | /* pages/toptips/toptips.wxss */ -------------------------------------------------------------------------------- /components/button/button.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/divider/divider.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/drawer/drawer.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/extend/tips/tips.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/tui-fab/tui-fab.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /pages/toptips/toptips.json: -------------------------------------------------------------------------------- 1 | { 2 | "usingComponents": {} 3 | } -------------------------------------------------------------------------------- /components/countdown/countdown.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/extend/alert/alert.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/extend/button/button.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/grid-item/grid-item.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/scroll-top/scroll-top.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/tui-tabbar/tui-tabbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/tui-tabs/tui-tabs.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/tui-upload/tui-upload.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /pages/basic-view/doc/doc.json: -------------------------------------------------------------------------------- 1 | { 2 | "usingComponents": {} 3 | } -------------------------------------------------------------------------------- /components/actionsheet/actionsheet.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/bottom-popup/bottom-popup.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/swipe-action/swipe-action.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/top-dropdown/top-dropdown.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/tui-collapse/tui-collapse.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /components/tui-skeleton/tui-skeleton.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /pages/extend-view/common/common.json: -------------------------------------------------------------------------------- 1 | { 2 | "usingComponents": {} 3 | } -------------------------------------------------------------------------------- /pages/longlat/longlat.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "地址解析" 3 | } -------------------------------------------------------------------------------- /pages/template/template.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "模板" 3 | } -------------------------------------------------------------------------------- /pages/weather/weather.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "实时天气" 3 | } -------------------------------------------------------------------------------- /components/timeaxis-item/timeaxis-item.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true 3 | } -------------------------------------------------------------------------------- /pages/extend-view/userInfo/userInfo.json: -------------------------------------------------------------------------------- 1 | { 2 | "usingComponents": {} 3 | } -------------------------------------------------------------------------------- /pages/indexList/indexList.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "索引列表" 3 | } -------------------------------------------------------------------------------- /pages/navbar-1/navbar-1.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "顶部选项卡" 3 | } -------------------------------------------------------------------------------- /pages/picker/picker.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "picker三级联动" 3 | } -------------------------------------------------------------------------------- /components/tag/tag.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/badge/badge.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/card/card.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/drawer/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/grid/grid.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/modal/modal.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/rate/rate.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/tips/tips.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /pages/extend-view/userInfo/userInfo.wxss: -------------------------------------------------------------------------------- 1 | /* pages/extend-view/userInfo/userInfo.wxss */ -------------------------------------------------------------------------------- /pages/picker-view/picker-view.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "picker-view" 3 | } -------------------------------------------------------------------------------- /components/dateTime/dateTime.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/footer/footer.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/keyboard/keyboard.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/loading/loading.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/loadmore/loadmore.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/nomore/nomore.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/sticky/sticky.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/extend/toast/toast.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/list-cell/list-cell.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/list-view/list-view.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/numberbox/numberbox.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /components/time-axis/time-axis.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /pages/maps/maps.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "选择位置", 3 | "disableScroll": true 4 | } -------------------------------------------------------------------------------- /components/dropdown-list/dropdown-list.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /static/images/my/go.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/go.png -------------------------------------------------------------------------------- /static/images/my/log.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/log.png -------------------------------------------------------------------------------- /static/images/news/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/1.jpg -------------------------------------------------------------------------------- /static/images/news/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/2.jpg -------------------------------------------------------------------------------- /static/images/news/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/3.jpg -------------------------------------------------------------------------------- /static/images/news/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/4.jpg -------------------------------------------------------------------------------- /components/keyboard-input/keyboard-input.json: -------------------------------------------------------------------------------- 1 | { 2 | "component": true, 3 | "usingComponents": {} 4 | } -------------------------------------------------------------------------------- /pages/my/my.json: -------------------------------------------------------------------------------- 1 | { 2 | "backgroundColorTop": "#5677FC", 3 | "navigationBarTitleText": "Thor UI" 4 | } -------------------------------------------------------------------------------- /pages/toptips/toptips.wxml: -------------------------------------------------------------------------------- 1 | 2 | pages/toptips/toptips.wxml 3 | -------------------------------------------------------------------------------- /static/images/my/call.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/call.png -------------------------------------------------------------------------------- /static/images/basic/badge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/badge.png -------------------------------------------------------------------------------- /static/images/basic/card.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/card.png -------------------------------------------------------------------------------- /static/images/basic/color.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/color.png -------------------------------------------------------------------------------- /static/images/basic/flex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/flex.png -------------------------------------------------------------------------------- /static/images/basic/grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/grid.png -------------------------------------------------------------------------------- /static/images/basic/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/icon.png -------------------------------------------------------------------------------- /static/images/basic/list.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/list.png -------------------------------------------------------------------------------- /static/images/basic/load.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/load.png -------------------------------------------------------------------------------- /static/images/basic/other.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/other.png -------------------------------------------------------------------------------- /static/images/basic/tag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/tag.png -------------------------------------------------------------------------------- /static/images/chat/fail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/chat/fail.png -------------------------------------------------------------------------------- /static/images/chat/voice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/chat/voice.png -------------------------------------------------------------------------------- /static/images/index/basic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/basic.png -------------------------------------------------------------------------------- /static/images/index/class.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/class.png -------------------------------------------------------------------------------- /static/images/index/form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/form.png -------------------------------------------------------------------------------- /static/images/index/index.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/index.png -------------------------------------------------------------------------------- /static/images/index/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/logo.png -------------------------------------------------------------------------------- /static/images/index/map.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/map.png -------------------------------------------------------------------------------- /static/images/index/nav.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/nav.png -------------------------------------------------------------------------------- /static/images/index/play.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/play.png -------------------------------------------------------------------------------- /static/images/index/swipe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/swipe.png -------------------------------------------------------------------------------- /static/images/luck/luck-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/luck/luck-1.png -------------------------------------------------------------------------------- /static/images/luck/luck-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/luck/luck-2.png -------------------------------------------------------------------------------- /static/images/luck/luck-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/luck/luck-3.png -------------------------------------------------------------------------------- /static/images/luck/luck-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/luck/luck-4.png -------------------------------------------------------------------------------- /static/images/mall/new/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/new/1.jpg -------------------------------------------------------------------------------- /static/images/mall/new/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/new/2.jpg -------------------------------------------------------------------------------- /static/images/mall/new/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/new/3.jpg -------------------------------------------------------------------------------- /static/images/mall/new/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/new/4.jpg -------------------------------------------------------------------------------- /static/images/mall/new/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/new/5.jpg -------------------------------------------------------------------------------- /static/images/mall/new/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/new/6.jpg -------------------------------------------------------------------------------- /static/images/my/applets.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/applets.jpg -------------------------------------------------------------------------------- /static/images/my/feedback.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/feedback.png -------------------------------------------------------------------------------- /static/images/my/reward.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/reward.png -------------------------------------------------------------------------------- /static/images/my/thorui.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/thorui.png -------------------------------------------------------------------------------- /static/images/news/list_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/list_1.jpg -------------------------------------------------------------------------------- /static/images/news/list_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/list_2.jpg -------------------------------------------------------------------------------- /static/images/news/list_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/list_3.jpg -------------------------------------------------------------------------------- /static/images/news/list_4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/list_4.jpg -------------------------------------------------------------------------------- /static/images/product/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/product/1.jpg -------------------------------------------------------------------------------- /static/images/product/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/product/11.jpg -------------------------------------------------------------------------------- /static/images/product/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/product/2.jpg -------------------------------------------------------------------------------- /static/images/product/22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/product/22.jpg -------------------------------------------------------------------------------- /static/images/product/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/product/3.jpg -------------------------------------------------------------------------------- /static/images/product/33.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/product/33.jpg -------------------------------------------------------------------------------- /static/images/product/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/product/4.jpg -------------------------------------------------------------------------------- /static/images/product/44.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/product/44.jpg -------------------------------------------------------------------------------- /static/images/product/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/product/5.jpg -------------------------------------------------------------------------------- /static/images/product/55.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/product/55.jpg -------------------------------------------------------------------------------- /components/time-axis/time-axis.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /pages/basic-view/tag/tag.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | 4 | }, 5 | onLoad: function (options) { 6 | 7 | } 8 | }) -------------------------------------------------------------------------------- /static/images/basic/button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/button.png -------------------------------------------------------------------------------- /static/images/basic/footer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/basic/footer.png -------------------------------------------------------------------------------- /static/images/classify/bed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/classify/bed.png -------------------------------------------------------------------------------- /static/images/fab/fab_about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/fab/fab_about.png -------------------------------------------------------------------------------- /static/images/fab/fab_share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/fab/fab_share.png -------------------------------------------------------------------------------- /static/images/index/cancle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/cancle.png -------------------------------------------------------------------------------- /static/images/index/canvas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/canvas.png -------------------------------------------------------------------------------- /static/images/index/drawer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/drawer.png -------------------------------------------------------------------------------- /static/images/index/refresh.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/refresh.png -------------------------------------------------------------------------------- /static/images/index/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/search.png -------------------------------------------------------------------------------- /static/images/mall/banner/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/banner/1.jpg -------------------------------------------------------------------------------- /static/images/mall/banner/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/banner/2.jpg -------------------------------------------------------------------------------- /static/images/mall/banner/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/banner/3.jpg -------------------------------------------------------------------------------- /static/images/mall/banner/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/banner/4.jpg -------------------------------------------------------------------------------- /static/images/mall/banner/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/banner/5.jpg -------------------------------------------------------------------------------- /static/images/mall/new/new.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/new/new.png -------------------------------------------------------------------------------- /static/images/maps/current.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/maps/current.png -------------------------------------------------------------------------------- /static/images/maps/location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/maps/location.png -------------------------------------------------------------------------------- /static/images/my/github_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/github_3x.png -------------------------------------------------------------------------------- /static/images/my/mine_bg_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/mine_bg_3x.png -------------------------------------------------------------------------------- /static/images/news/avatar_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/avatar_1.jpg -------------------------------------------------------------------------------- /static/images/news/avatar_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/avatar_2.jpg -------------------------------------------------------------------------------- /static/images/news/banner_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/banner_1.jpg -------------------------------------------------------------------------------- /static/images/news/banner_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/banner_2.jpg -------------------------------------------------------------------------------- /static/images/news/banner_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/news/banner_3.jpg -------------------------------------------------------------------------------- /components/sticky/sticky.wxss: -------------------------------------------------------------------------------- 1 | .tui-sticky-fixed { 2 | width: 100%; 3 | position: fixed; 4 | z-index: 99999; 5 | } -------------------------------------------------------------------------------- /pages/extend-view/tips/tips.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | 4 | }, 5 | onLoad: function (options) { 6 | 7 | } 8 | }) -------------------------------------------------------------------------------- /pages/luckdraw/luckdraw.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FC4034", 3 | "navigationBarTitleText": "抽奖" 4 | } -------------------------------------------------------------------------------- /static/images/classify/Icewash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/classify/Icewash.png -------------------------------------------------------------------------------- /static/images/classify/heater.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/classify/heater.png -------------------------------------------------------------------------------- /static/images/fab/fab_reward.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/fab/fab_reward.png -------------------------------------------------------------------------------- /static/images/index/icon_down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/icon_down.png -------------------------------------------------------------------------------- /static/images/index/icon_right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/icon_right.png -------------------------------------------------------------------------------- /static/images/login/bg_login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/login/bg_login.png -------------------------------------------------------------------------------- /static/images/mall/category/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/1.jpg -------------------------------------------------------------------------------- /static/images/mall/category/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/10.jpg -------------------------------------------------------------------------------- /static/images/mall/category/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/11.jpg -------------------------------------------------------------------------------- /static/images/mall/category/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/2.jpg -------------------------------------------------------------------------------- /static/images/mall/category/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/3.jpg -------------------------------------------------------------------------------- /static/images/mall/category/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/4.png -------------------------------------------------------------------------------- /static/images/mall/category/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/5.png -------------------------------------------------------------------------------- /static/images/mall/category/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/6.jpg -------------------------------------------------------------------------------- /static/images/mall/category/66.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/66.jpg -------------------------------------------------------------------------------- /static/images/mall/category/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/7.jpg -------------------------------------------------------------------------------- /static/images/mall/category/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/8.jpg -------------------------------------------------------------------------------- /static/images/mall/category/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/category/9.jpg -------------------------------------------------------------------------------- /static/images/mall/product/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/product/1.jpg -------------------------------------------------------------------------------- /static/images/mall/product/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/product/2.jpg -------------------------------------------------------------------------------- /static/images/mall/product/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/product/3.jpg -------------------------------------------------------------------------------- /static/images/mall/product/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/product/4.jpg -------------------------------------------------------------------------------- /static/images/mall/product/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/product/5.jpg -------------------------------------------------------------------------------- /static/images/mall/product/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/product/6.jpg -------------------------------------------------------------------------------- /static/images/my/icon_out_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/icon_out_3x.png -------------------------------------------------------------------------------- /static/images/swiper/swiper_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/swiper/swiper_1.jpg -------------------------------------------------------------------------------- /static/images/swiper/swiper_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/swiper/swiper_2.jpg -------------------------------------------------------------------------------- /static/images/swiper/swiper_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/swiper/swiper_3.jpg -------------------------------------------------------------------------------- /static/images/tabbar/code_gray.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/tabbar/code_gray.png -------------------------------------------------------------------------------- /static/images/tabbar/release.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/tabbar/release.png -------------------------------------------------------------------------------- /static/images/tabbar/thor_gray.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/tabbar/thor_gray.png -------------------------------------------------------------------------------- /static/images/toast/img_nodata.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/toast/img_nodata.png -------------------------------------------------------------------------------- /components/grid/grid.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /pages/extend-view/common/common.wxss: -------------------------------------------------------------------------------- 1 | .tui-tips{ 2 | padding: 80rpx; 3 | font-size: 30rpx; 4 | text-align: center; 5 | } -------------------------------------------------------------------------------- /static/images/classify/boutique.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/classify/boutique.png -------------------------------------------------------------------------------- /static/images/classify/kongtiao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/classify/kongtiao.png -------------------------------------------------------------------------------- /static/images/index/icon_next@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/icon_next@3x.png -------------------------------------------------------------------------------- /static/images/mall/my/img_bg_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/img_bg_3x.png -------------------------------------------------------------------------------- /static/images/mall/new/discount.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/new/discount.png -------------------------------------------------------------------------------- /static/images/my/icon_thouUI@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/icon_thouUI@3x.png -------------------------------------------------------------------------------- /static/images/tabbar/code_active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/tabbar/code_active.png -------------------------------------------------------------------------------- /static/images/tabbar/extend_gray.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/tabbar/extend_gray.png -------------------------------------------------------------------------------- /static/images/tabbar/thor_active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/tabbar/thor_active.png -------------------------------------------------------------------------------- /static/images/toast/check-circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/toast/check-circle.png -------------------------------------------------------------------------------- /static/images/toast/fail-circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/toast/fail-circle.png -------------------------------------------------------------------------------- /static/images/toast/info-circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/toast/info-circle.png -------------------------------------------------------------------------------- /pages/extend-view/common/common.wxml: -------------------------------------------------------------------------------- 1 | 2 | 该模板为会员专享功能，请加入会员获取！ 3 | -------------------------------------------------------------------------------- /pages/extend-view/luckdraw/luckdraw.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FC4034", 3 | "navigationBarTitleText": "抽奖" 4 | } -------------------------------------------------------------------------------- /static/images/mall/my/icon_gift_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_gift_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_kefu_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_kefu_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_purse_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_purse_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_tab_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_tab_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_tuan_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_tuan_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_vip_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_vip_3x.png -------------------------------------------------------------------------------- /static/images/tabbar/extend_active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/tabbar/extend_active.png -------------------------------------------------------------------------------- /static/images/toast/img_noorder@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/toast/img_noorder@3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_addr_edit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_addr_edit.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_fanxian_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_fanxian_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_kaipiao_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_kaipiao_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_pingjia_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_pingjia_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_ticket_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_ticket_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_tuikuan_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_tuikuan_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_zhihuan_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_zhihuan_3x.png -------------------------------------------------------------------------------- /static/images/my/mine_def_touxiang_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/mine_def_touxiang_3x.png -------------------------------------------------------------------------------- /static/images/my/mine_icon_bianji_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/mine_icon_bianji_3x.png -------------------------------------------------------------------------------- /static/images/my/mine_icon_tingche_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/mine_icon_tingche_3x.png -------------------------------------------------------------------------------- /static/images/my/mine_panel_aiche_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/mine_panel_aiche_3x.png -------------------------------------------------------------------------------- /static/images/index/home_icon_choose@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/home_icon_choose@3x.png -------------------------------------------------------------------------------- /static/images/index/img_fuwuquan_blue@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/img_fuwuquan_blue@3x.png -------------------------------------------------------------------------------- /static/images/index/img_fuwuquan_gray@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/index/img_fuwuquan_gray@3x.png -------------------------------------------------------------------------------- /static/images/mall/activity/activity_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/activity/activity_1.jpg -------------------------------------------------------------------------------- /static/images/mall/activity/activity_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/activity/activity_2.jpg -------------------------------------------------------------------------------- /static/images/mall/img_recharge_success.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/img_recharge_success.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_daifahuo_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_daifahuo_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_daifukuan_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_daifukuan_3x.png -------------------------------------------------------------------------------- /static/images/mall/my/icon_daishouhuo_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/mall/my/icon_daishouhuo_3x.png -------------------------------------------------------------------------------- /static/images/my/mine_icon_chongdian_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/mine_icon_chongdian_3x.png -------------------------------------------------------------------------------- /static/images/my/mine_icon_jiayouzhan_3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dingyong0214/ThorUI/HEAD/static/images/my/mine_icon_jiayouzhan_3x.png -------------------------------------------------------------------------------- /pages/qrcode/qrcode.json: -------------------------------------------------------------------------------- 1 | { 2 | "backgroundColorTop": "#fff", 3 | "backgroundColorBottom": "#fff", 4 | "navigationBarTitleText": "二维码" 5 | } -------------------------------------------------------------------------------- /pages/extend-view/userInfo/userInfo.wxml: -------------------------------------------------------------------------------- 1 | 2 | pages/extend-view/userInfo/userInfo.wxml 3 | -------------------------------------------------------------------------------- /components/time-axis/time-axis.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-timeaxis-class'], 3 | properties: {}, 4 | data: {}, 5 | methods: {} 6 | }) -------------------------------------------------------------------------------- /pages/weather/weather.wxss: -------------------------------------------------------------------------------- 1 | .list-item{ 2 | background: #fff; 3 | padding: 30rpx 4 | } 5 | .btn-box { 6 | padding: 80rpx 32rpx 30rpx 32rpx; 7 | } 8 | -------------------------------------------------------------------------------- /pages/drawer/drawer.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "drawer 抽屉", 3 | "usingComponents": { 4 | "drawer": "../../components/drawer/drawer" 5 | } 6 | } -------------------------------------------------------------------------------- /pages/extend-view/divider/divider.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | gradualColor: ["red", "#4a67d6"] 4 | }, 5 | onLoad: function (options) { 6 | 7 | } 8 | }) -------------------------------------------------------------------------------- /pages/index/index.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#5677FC", 3 | "navigationBarTextStyle": "white", 4 | "navigationBarTitleText": "Thor UI" 5 | } -------------------------------------------------------------------------------- /pages/selectCity/selectCity.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "城市选择", 3 | "usingComponents": { 4 | "tui-icon": "../../components/icon/icon" 5 | } 6 | } -------------------------------------------------------------------------------- /pages/basic-view/flex/flex.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "Flex" 5 | } -------------------------------------------------------------------------------- /pages/basic-view/color/color.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "Color" 5 | } -------------------------------------------------------------------------------- /pages/extend-view/rollingNews/rollingNews.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "滚动消息", 3 | "usingComponents": { 4 | "tui-icon": "../../../components/icon/icon" 5 | } 6 | } -------------------------------------------------------------------------------- /pages/swipe-action/swipe-action.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "滑动菜单", 3 | "usingComponents": { 4 | "swipe-action": "../../components/swipe-action/swipe-action" 5 | } 6 | } -------------------------------------------------------------------------------- /components/badge/badge.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /pages/location/location.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "拖拽定位", 5 | "disableScroll":true 6 | } -------------------------------------------------------------------------------- /pages/timeaxis/timeaxis.js: -------------------------------------------------------------------------------- 1 | let globalData = getApp().globalData; 2 | Page({ 3 | data: { 4 | version: globalData.version, 5 | }, 6 | onLoad: function (options) { 7 | 8 | } 9 | }) -------------------------------------------------------------------------------- /sitemap.json: -------------------------------------------------------------------------------- 1 | { 2 | "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html", 3 | "rules": [{ 4 | "action": "allow", 5 | "page": "*" 6 | }] 7 | } -------------------------------------------------------------------------------- /pages/extend-view/timeaxis/timeaxis.js: -------------------------------------------------------------------------------- 1 | let globalData = getApp().globalData; 2 | Page({ 3 | data: { 4 | version: globalData.version, 5 | }, 6 | onLoad: function (options) { 7 | 8 | } 9 | }) -------------------------------------------------------------------------------- /pages/extend/extend.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "extend", 3 | "usingComponents": { 4 | "tui-icon": "../../components/icon/icon", 5 | "tui-tag": "../../components/tag/tag" 6 | } 7 | } -------------------------------------------------------------------------------- /components/icon/icon.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /pages/template/template.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | Template 4 | 计划前三套模板：新闻，商城，聊天。敬请期待！ 5 | 6 | 7 | -------------------------------------------------------------------------------- /components/loading/loading.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{text}} 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Windows 2 | [Dd]esktop.ini 3 | Thumbs.db 4 | $RECYCLE.BIN/ 5 | 6 | # macOS 7 | .DS_Store 8 | .fseventsd 9 | .Spotlight-V100 10 | .TemporaryItems 11 | .Trashes 12 | 13 | # Node.js 14 | node_modules/ 15 | -------------------------------------------------------------------------------- /pages/picker/picker.wxss: -------------------------------------------------------------------------------- 1 | .container{ 2 | padding: 100rpx 30rpx 3 | } 4 | .result{ 5 | padding: 60rpx 20rpx; 6 | font-size: 30rpx; 7 | color: #333 8 | } 9 | .btn-gray,.btn-disabled{ 10 | margin-bottom: 32rpx 11 | } -------------------------------------------------------------------------------- /pages/navbar-2/navbar-2.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "商品分类", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "backgroundColorTop": "#fcfcfc", 6 | "backgroundColorBottom": "#fcfcfc" 7 | } -------------------------------------------------------------------------------- /pages/msgtips/msgtips.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "消息提示", 5 | "usingComponents": { 6 | "tui-tips": "../../components/tips/tips" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/sticky/sticky.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "吸顶容器", 5 | "usingComponents": { 6 | "sticky": "../../components/sticky/sticky" 7 | } 8 | } -------------------------------------------------------------------------------- /components/timeaxis-item/timeaxis-item.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /pages/basic-view/tag/tag.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "Tag", 5 | "usingComponents": { 6 | "tui-tag": "../../../components/tag/tag" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/tips/tips.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "扩展tips", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-tips":"/components/extend/tips/tips" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/basic-view/button/button.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | }, 4 | onLoad: function (options) { 5 | 6 | }, 7 | detail: function () { 8 | wx.showToast({ 9 | title: '只有组件才有的点击事件~', 10 | icon: "none" 11 | }) 12 | } 13 | }) -------------------------------------------------------------------------------- /pages/basic-view/list/list.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | 4 | }, 5 | onLoad: function (options) { 6 | 7 | }, 8 | detail: function () { 9 | wx.showToast({ 10 | title: '详情功能尚未完善~', 11 | icon: "none" 12 | }) 13 | } 14 | }) -------------------------------------------------------------------------------- /pages/extend-view/rate/rate.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#fff", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "Rate评分", 5 | "usingComponents": { 6 | "tui-rate": "../../../components/rate/rate" 7 | } 8 | } -------------------------------------------------------------------------------- /components/grid/grid.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-grid-class'], //自定义样式 3 | properties: { 4 | //是否去掉上线条 5 | unlined: { 6 | type: Boolean, 7 | value: false 8 | } 9 | }, 10 | data: {}, 11 | methods: {} 12 | }) -------------------------------------------------------------------------------- /pages/basic-view/badge/badge.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "Badge", 5 | "usingComponents": { 6 | "tui-badge": "../../../components/badge/badge" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/msgtips/msgtips.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "消息提示", 5 | "usingComponents": { 6 | "tui-tips": "../../../components/tips/tips" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/sticky/sticky.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "吸顶容器", 5 | "usingComponents": { 6 | "sticky": "../../../components/sticky/sticky" 7 | } 8 | } -------------------------------------------------------------------------------- /components/loadmore/loadmore.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{text}} 4 | -------------------------------------------------------------------------------- /pages/basic-view/footer/footer.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "Footer", 5 | "usingComponents": { 6 | "tui-footer": "../../../components/footer/footer" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/button/button.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "扩展Button", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-button":"/components/extend/button/button" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/goTop/goTop.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | scrollTop: 0 4 | }, 5 | onLoad: function(options) { 6 | 7 | }, 8 | //页面滚动执行方式 9 | onPageScroll(e) { 10 | this.setData({ 11 | scrollTop: e.scrollTop 12 | }) 13 | } 14 | }) -------------------------------------------------------------------------------- /pages/extend-view/tabs/tabs.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "tabs标签页", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-tabs": "../../../components/tui-tabs/tui-tabs" 7 | } 8 | } -------------------------------------------------------------------------------- /components/list-view/list-view.wxml: -------------------------------------------------------------------------------- 1 | 2 | {{title}} 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /pages/extend-view/goTop/goTop.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "回到顶部", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-scroll-top":"../../../components/scroll-top/scroll-top" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/request/request.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "网络请求", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-button": "../../../components/extend/button/button" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/skeleton/skeleton.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#fff", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "骨架屏", 5 | "usingComponents": { 6 | "tui-skeleton": "/components/tui-skeleton/tui-skeleton" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/tabbar/tabbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "Tabbar", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-tabbar": "../../../components/tui-tabbar/tui-tabbar" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/upload/upload.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "图片上传", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-upload": "../../../components/tui-upload/tui-upload" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/clipboard/clipboard.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "复制文本", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-button": "../../../components/extend/button/button" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/basic-view/button/button.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "Button", 5 | "usingComponents": { 6 | "tui-button": "../../../components/button/button" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/formValidation/formValidation.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "表单验证", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-list-cell":"/components/list-cell/list-cell" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/numberbox/numberbox.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#fff", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "数字输入框 ", 5 | "usingComponents": { 6 | "tui-numberbox": "../../../components/numberbox/numberbox" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/login/login.json: -------------------------------------------------------------------------------- 1 | { 2 | "backgroundColorTop": "#5677FC", 3 | "backgroundColorBottom": "#ffffff", 4 | "navigationBarTitleText": "", 5 | "usingComponents": { 6 | "tui-icon": "../../components/icon/icon", 7 | "tui-button": "../../components/button/button" 8 | } 9 | } -------------------------------------------------------------------------------- /pages/log/log.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "更新日志", 3 | "usingComponents": { 4 | "tui-icon": "../../components/icon/icon", 5 | "tui-time-axis": "../../components/time-axis/time-axis", 6 | "tui-timeaxis-item": "../../components/timeaxis-item/timeaxis-item" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/news/news.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "新闻列表", 3 | "enablePullDownRefresh": true, 4 | "onReachBottomDistance": 50, 5 | "usingComponents": { 6 | "tui-loadmore": "../../components/loadmore/loadmore", 7 | "tui-nomore": "../../components/nomore/nomore" 8 | } 9 | } -------------------------------------------------------------------------------- /components/nomore/nomore.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{isDot?dotText:text}} 4 | 5 | -------------------------------------------------------------------------------- /pages/basic/basic.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "基础组件", 5 | "usingComponents": { 6 | "tui-grid": "../../components/grid/grid", 7 | "tui-grid-item": "../../components/grid-item/grid-item" 8 | } 9 | } -------------------------------------------------------------------------------- /pages/extend-view/countdown/countdown.js: -------------------------------------------------------------------------------- 1 | const util = require('../../../utils/util.js') 2 | Page({ 3 | data: { 4 | timeList: [1000, 2000, 3000, 19, 240000] 5 | }, 6 | onLoad: function (options) { 7 | 8 | }, 9 | endOfTime: function () { 10 | util.toast("倒计时结束，事件执行") 11 | } 12 | }) -------------------------------------------------------------------------------- /pages/timeaxis/timeaxis.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "时间轴", 3 | "usingComponents": { 4 | "tui-icon": "../../components/icon/icon", 5 | "tui-time-axis": "../../components/time-axis/time-axis", 6 | "tui-timeaxis-item": "../../components/timeaxis-item/timeaxis-item" 7 | } 8 | } -------------------------------------------------------------------------------- /components/drawer/index.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /pages/extend-view/alert/alert.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "扩展alert", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-alert": "/components/extend/alert/alert", 7 | "tui-button": "/components/extend/button/button" 8 | } 9 | } -------------------------------------------------------------------------------- /pages/extend-view/modal/modal.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#fff", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "modal", 5 | "usingComponents": { 6 | "tui-modal": "../../../components/modal/modal", 7 | "tui-button": "../../../components/button/button" 8 | } 9 | } -------------------------------------------------------------------------------- /pages/extend-view/divider/divider.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#fff", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "分隔符", 5 | "usingComponents": { 6 | "tui-icon": "../../../components/icon/icon", 7 | "tui-divider": "../../../components/divider/divider" 8 | } 9 | } -------------------------------------------------------------------------------- /pages/extend-view/template/template.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "模板", 3 | "usingComponents": { 4 | "tui-icon": "../../../components/icon/icon", 5 | "tui-time-axis": "../../../components/time-axis/time-axis", 6 | "tui-timeaxis-item": "../../../components/timeaxis-item/timeaxis-item" 7 | } 8 | } -------------------------------------------------------------------------------- /pages/extend-view/fab/fab.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "悬浮按钮", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-button": "../../../components/extend/button/button", 7 | "tui-fab": "../../../components/tui-fab/tui-fab" 8 | } 9 | } -------------------------------------------------------------------------------- /pages/extend-view/countdown/countdown.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#fff", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "倒计时", 5 | "usingComponents": { 6 | "tui-icon": "../../../components/icon/icon", 7 | "tui-countdown": "../../../components/countdown/countdown" 8 | } 9 | } -------------------------------------------------------------------------------- /pages/extend-view/timeaxis/timeaxis.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "时间轴", 3 | "usingComponents": { 4 | "tui-icon": "../../../components/icon/icon", 5 | "tui-time-axis": "../../../components/time-axis/time-axis", 6 | "tui-timeaxis-item": "../../../components/timeaxis-item/timeaxis-item" 7 | } 8 | } -------------------------------------------------------------------------------- /components/drawer/drawer.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /components/grid-item/grid-item.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /pages/extend-view/toast/toast.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "扩展toast", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-button": "../../../components/extend/button/button", 7 | "tui-toast": "../../../components/extend/toast/toast" 8 | } 9 | } -------------------------------------------------------------------------------- /components/list-view/list-view.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-view-class'], //自定义样式 3 | properties: { 4 | title: { 5 | type: String, 6 | value: '' 7 | }, 8 | unlined: { 9 | type: String, 10 | value: '' //top,bottom,all 11 | } 12 | }, 13 | data: {}, 14 | methods: {} 15 | }) -------------------------------------------------------------------------------- /components/loading/loading.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-loading-class'], 3 | properties: { 4 | text:{ 5 | type: String, 6 | value: "正在加载..." 7 | }, 8 | visible: { 9 | type: Boolean, 10 | value: false 11 | } 12 | }, 13 | data: { 14 | }, 15 | methods: { 16 | } 17 | }) -------------------------------------------------------------------------------- /pages/longlat/longlat.wxss: -------------------------------------------------------------------------------- 1 | .result{ 2 | padding: 80rpx 50rpx 80rpx 50rpx; 3 | background: #fff; 4 | color: #333; 5 | font-size: 32rpx 6 | } 7 | .city{ 8 | padding-bottom: 30rpx 9 | } 10 | .btn-box{ 11 | padding: 80rpx 32rpx 30rpx 32rpx; 12 | } 13 | .tips{ 14 | padding: 30rpx; 15 | font-size: 26rpx; 16 | color: #666 17 | } -------------------------------------------------------------------------------- /pages/extend-view/actionsheet/actionsheet.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "操作菜单", 5 | "usingComponents": { 6 | "tui-button": "../../../components/button/button", 7 | "tui-actionsheet": "../../../components/actionsheet/actionsheet" 8 | } 9 | } -------------------------------------------------------------------------------- /pages/extend-view/goTop/goTop.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 回到顶部 4 | 可设置bottom，right值，可设置距离顶部多少距离显示，向下滑动页面查看效果 5 | 6 | 到达底部~ 7 | 8 | 9 | -------------------------------------------------------------------------------- /pages/extend-view/picker-dateTime/picker-dateTime.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "日期时间选择", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-button":"../../../components/extend/button/button", 7 | "tui-datetime":"../../../components/dateTime/dateTime" 8 | } 9 | } -------------------------------------------------------------------------------- /pages/extend-view/collapse/collapse.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "collapse折叠面板", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "usingComponents": { 6 | "tui-collapse": "../../../components/tui-collapse/tui-collapse", 7 | "tui-list-cell": "../../../components/list-cell/list-cell" 8 | } 9 | } -------------------------------------------------------------------------------- /components/timeaxis-item/timeaxis-item.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['timeaxis-item-class'], 3 | options: { 4 | multipleSlots: true 5 | }, 6 | properties: { 7 | //节点背景色 8 | bgcolor: { 9 | type: String, 10 | value: "#fafafa" 11 | } 12 | }, 13 | data: { 14 | }, 15 | methods: { 16 | 17 | } 18 | }) 19 | -------------------------------------------------------------------------------- /pages/extend-view/friendsList/friendsList.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#fff", 3 | "navigationBarTextStyle": "black", 4 | "backgroundColorTop": "#F5F6FA", 5 | "backgroundColorBottom": "#F5F6FA", 6 | "navigationBarTitleText": "联系人 ", 7 | "usingComponents": { 8 | "tui-cell": "../../../components/list-cell/list-cell" 9 | } 10 | } -------------------------------------------------------------------------------- /pages/extend-view/friendsList-2/friendsList-2.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#fff", 3 | "navigationBarTextStyle": "black", 4 | "backgroundColorTop": "#F5F6FA", 5 | "backgroundColorBottom": "#F5F6FA", 6 | "navigationBarTitleText": "索引&吸顶效果", 7 | "usingComponents": { 8 | "tui-sticky":"../../../components/sticky/sticky" 9 | } 10 | } -------------------------------------------------------------------------------- /pages/extend-view/carousel/carousel.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#fff", 3 | "navigationBarTextStyle": "black", 4 | "backgroundColorTop": "#fff", 5 | "navigationBarTitleText": "卡片轮播", 6 | "usingComponents": { 7 | "tui-icon": "../../../components/icon/icon", 8 | "tui-countdown": "../../../components/countdown/countdown" 9 | } 10 | } -------------------------------------------------------------------------------- /pages/extend-view/upload/upload.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | upload 4 | 图片上传，需要根据上传接口实际返回数据进行调整 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /components/bottom-popup/bottom-popup.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /pages/basic-view/other/other.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "Other", 5 | "usingComponents": { 6 | "tui-icon": "../../../components/icon/icon", 7 | "tui-button": "../../../components/button/button", 8 | "tui-badge": "../../../components/badge/badge" 9 | } 10 | } -------------------------------------------------------------------------------- /pages/basic-view/grid/grid.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "Grid", 5 | "usingComponents": { 6 | "tui-icon": "../../../components/icon/icon", 7 | "tui-grid": "../../../components/grid/grid", 8 | "tui-grid-item": "../../../components/grid-item/grid-item" 9 | } 10 | } -------------------------------------------------------------------------------- /pages/basic-view/icon/icon.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "icon", 5 | "usingComponents": { 6 | "tui-icon": "../../../components/icon/icon", 7 | "tui-grid": "../../../components/grid/grid", 8 | "tui-grid-item": "../../../components/grid-item/grid-item" 9 | } 10 | } -------------------------------------------------------------------------------- /pages/extend-view/collapse/collapse.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .tui-title { 7 | padding: 40rpx 30rpx 20rpx; 8 | box-sizing: border-box; 9 | font-size: 32rpx; 10 | } 11 | 12 | .tui-content { 13 | padding: 20rpx 30rpx; 14 | background: #fff; 15 | color: #555; 16 | font-size: 26rpx; 17 | } -------------------------------------------------------------------------------- /pages/template/template.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 30rpx 40rpx 30rpx; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 60rpx; 8 | } 9 | 10 | .title { 11 | font-size: 34rpx; 12 | color: #333; 13 | font-weight: 500; 14 | } 15 | 16 | .sub-title { 17 | font-size: 24rpx; 18 | color: #7a7a7a; 19 | padding-top: 18rpx; 20 | } 21 | 22 | -------------------------------------------------------------------------------- /pages/product/product.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "商品列表", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "enablePullDownRefresh": true, 6 | "onReachBottomDistance": 50, 7 | "usingComponents": { 8 | "tui-loadmore": "../../components/loadmore/loadmore", 9 | "tui-nomore": "../../components/nomore/nomore" 10 | } 11 | } -------------------------------------------------------------------------------- /pages/basic-view/load/load.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "Loading", 5 | "usingComponents": { 6 | "tui-loading": "../../../components/loading/loading", 7 | "tui-loadmore": "../../../components/loadmore/loadmore", 8 | "tui-nomore": "../../../components/nomore/nomore" 9 | } 10 | } -------------------------------------------------------------------------------- /pages/basic-view/load/load.wxss: -------------------------------------------------------------------------------- 1 | 2 | .container { 3 | padding: 20rpx 30rpx 40rpx 30rpx; 4 | box-sizing: border-box; 5 | } 6 | 7 | .header { 8 | padding: 80rpx 60rpx 50rpx 60rpx; 9 | } 10 | 11 | .title { 12 | font-size: 36rpx; 13 | color: #333; 14 | font-weight: bold; 15 | } 16 | 17 | .sub-title { 18 | font-size: 28rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } -------------------------------------------------------------------------------- /components/dropdown-list/dropdown-list.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /components/keyboard-input/keyboard-input.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{item}} 4 | 5 | -------------------------------------------------------------------------------- /pages/keyboard/keyboard.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "数字键盘", 5 | "usingComponents": { 6 | "tui-button": "../../components/button/button", 7 | "tui-keyboard": "../../components/keyboard/keyboard", 8 | "tui-keyboard-input": "../../components/keyboard-input/keyboard-input" 9 | } 10 | } -------------------------------------------------------------------------------- /pages/extend-view/clipboard/clipboard.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | }, 4 | onLoad: function (options) { 5 | }, 6 | clipboard: function (e) { 7 | let text = e.currentTarget.dataset.text; 8 | wx.setClipboardData({ 9 | data: text, 10 | success(res) { 11 | wx.getClipboardData({ 12 | success(res) { 13 | } 14 | }) 15 | } 16 | }) 17 | } 18 | }) -------------------------------------------------------------------------------- /pages/sticky/sticky.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | scrollTop: 0 4 | }, 5 | onChange(e) { 6 | console.log(e.detail, 'click right menu callback data') 7 | }, 8 | //页面滚动执行方式 9 | onPageScroll(e) { 10 | this.setData({ 11 | scrollTop: e.scrollTop 12 | }) 13 | }, 14 | detail(e) { 15 | wx.showToast({ 16 | title: '详情功能尚未完善~', 17 | icon: "none" 18 | }) 19 | } 20 | }); -------------------------------------------------------------------------------- /pages/extend-view/keyboard/keyboard.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "数字键盘", 5 | "usingComponents": { 6 | "tui-button": "../../../components/button/button", 7 | "tui-keyboard": "../../../components/keyboard/keyboard", 8 | "tui-keyboard-input": "../../../components/keyboard-input/keyboard-input" 9 | } 10 | } -------------------------------------------------------------------------------- /components/top-dropdown/top-dropdown.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /pages/about/about.js: -------------------------------------------------------------------------------- 1 | import tui from '../../common/httpRequest' 2 | let globalData = getApp().globalData; 3 | Page({ 4 | data: { 5 | version: globalData.version 6 | }, 7 | copy: function(e) { 8 | const dataset=e.currentTarget.dataset; 9 | let text=dataset.text; 10 | let msg=dataset.msg; 11 | tui.copy(text,msg) 12 | }, 13 | log: function() { 14 | tui.href("../log/log") 15 | } 16 | }) -------------------------------------------------------------------------------- /pages/extend-view/sticky/sticky.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | scrollTop: 0 4 | }, 5 | onChange(e) { 6 | console.log(e.detail, 'click right menu callback data') 7 | }, 8 | //页面滚动执行方式 9 | onPageScroll(e) { 10 | this.setData({ 11 | scrollTop: e.scrollTop 12 | }) 13 | }, 14 | detail(e) { 15 | wx.showToast({ 16 | title: '详情功能尚未完善~', 17 | icon: "none" 18 | }) 19 | } 20 | }); -------------------------------------------------------------------------------- /components/list-cell/list-cell.wxml: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /components/sticky/sticky.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /components/dropdown-list/dropdown-list.wxss: -------------------------------------------------------------------------------- 1 | .tui-dropdown-list{ 2 | position: relative; 3 | } 4 | 5 | .tui-dropdown-view { 6 | width: 100%; 7 | overflow: hidden; 8 | position: absolute; 9 | z-index: 9999; 10 | left: 0; 11 | /* opacity: 0; */ 12 | visibility: hidden; 13 | transition: all 0.2s ease-in-out; 14 | 15 | } 16 | 17 | .tui-dropdownlist-show { 18 | /* opacity: 1; */ 19 | visibility: visible; 20 | } 21 | -------------------------------------------------------------------------------- /components/extend/tips/tips.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /components/tips/tips.wxml: -------------------------------------------------------------------------------- 1 | 2 | {{msg}} 3 | 4 | 5 | 6 | 7 | {{msg}} 8 | 9 | 10 | -------------------------------------------------------------------------------- /pages/extend-view/upload/upload.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | imageData: [], 4 | //上传地址 5 | serverUrl: "http://upload.cn" 6 | }, 7 | onLoad: function(options) { 8 | 9 | }, 10 | result: function(e) { 11 | console.log(e) 12 | this.setData({ 13 | imageData: e.detail.imgArr 14 | }) 15 | }, 16 | remove: function(e) { 17 | //移除图片 18 | console.log(e) 19 | let index = e.detail.index 20 | } 21 | }) -------------------------------------------------------------------------------- /pages/basic-view/icon/icon.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | {{item.name}} 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /pages/extend-view/news-search/news-search.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "搜索", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTextStyle": "black", 5 | "backgroundColorTop": "#fff", 6 | "backgroundColorBottom": "#fff", 7 | "usingComponents": { 8 | "tui-icon": "../../../components/icon/icon", 9 | "tui-tag": "../../../components/tag/tag", 10 | "tui-actionsheet": "../../../components/actionsheet/actionsheet" 11 | } 12 | } -------------------------------------------------------------------------------- /components/time-axis/time-axis.wxss: -------------------------------------------------------------------------------- 1 | .tui-time-axis { 2 | padding-left: 20px; 3 | box-sizing: border-box; 4 | position: relative; 5 | } 6 | 7 | .tui-time-axis::before { 8 | content: " "; 9 | position: absolute; 10 | left: 0; 11 | top: 0; 12 | width: 1px; 13 | bottom: 0; 14 | border-left: 1px solid #ddd; 15 | -webkit-transform-origin: 0 0; 16 | transform-origin: 0 0; 17 | -webkit-transform: scaleX(0.5); 18 | transform: scaleX(0.5); 19 | } 20 | -------------------------------------------------------------------------------- /components/extend/alert/alert.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{btnText}} 6 | 7 | -------------------------------------------------------------------------------- /pages/basic-view/footer/footer.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 36rpx; 13 | color: #333; 14 | font-weight: bold; 15 | } 16 | 17 | .sub-title { 18 | font-size: 28rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-custom { 24 | margin-top: 30rpx; 25 | } 26 | -------------------------------------------------------------------------------- /pages/extend-view/tabbar/tabbar.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-mtop { 24 | margin-top: 80rpx; 25 | } -------------------------------------------------------------------------------- /pages/longlat/longlat.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 所选城市：{{cityName}} 4 | latitude：{{latitude}} 5 | longitude：{{longitude}} 6 | 7 | 8 | 9 | 10 | 温馨提示：例子为地址转经纬度，经纬度转地址的例子也包含在此代码中，请从GitHub下载源码查看 11 | -------------------------------------------------------------------------------- /pages/basic-view/doc/doc.js: -------------------------------------------------------------------------------- 1 | const util = require('../../../utils/util.js') 2 | Page({ 3 | data: { 4 | }, 5 | onLoad: function(options) { 6 | }, 7 | getLink(e) { 8 | let link = e.currentTarget.dataset.link 9 | wx.setClipboardData({ 10 | data: link, 11 | success(res) { 12 | wx.getClipboardData({ 13 | success(res) { 14 | util.toast("链接已复制", 2000, true) 15 | } 16 | }) 17 | } 18 | }) 19 | } 20 | }) -------------------------------------------------------------------------------- /pages/lockscreen/lockscreen.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "解锁ThorUI", 5 | "disableScroll": true, 6 | "usingComponents": { 7 | "tui-icon": "../../components/icon/icon", 8 | "tui-button": "../../components/button/button", 9 | "tui-keyboard": "../../components/keyboard/keyboard", 10 | "tui-keyboard-input": "../../components/keyboard-input/keyboard-input" 11 | } 12 | } -------------------------------------------------------------------------------- /pages/basic-view/badge/badge.wxss: -------------------------------------------------------------------------------- 1 | @import '../../../static/style/thorui.wxss'; 2 | .container{ 3 | padding: 20rpx 30rpx 40rpx 30rpx; 4 | box-sizing: border-box; 5 | } 6 | .title{ 7 | padding: 30rpx 0; 8 | font-size: 32rpx; 9 | color: #333; 10 | font-weight: bold; 11 | } 12 | .tui-badge,.tui-badge-small,.tui-badge-dot,.mr20{ 13 | margin-right: 20rpx; 14 | } 15 | .flex-box{ 16 | width: 100%; 17 | margin-bottom: 36rpx; 18 | display: flex; 19 | align-items: center; 20 | } -------------------------------------------------------------------------------- /pages/basic-view/list/list.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "List", 5 | "usingComponents": { 6 | "tui-view": "../../../components/list-view/list-view", 7 | "tui-cell": "../../../components/list-cell/list-cell", 8 | "tui-icon": "../../../components/icon/icon", 9 | "tui-tag": "../../../components/tag/tag", 10 | "tui-badge": "../../../components/badge/badge" 11 | } 12 | } -------------------------------------------------------------------------------- /components/icon/icon.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-icon-class'], 3 | properties: { 4 | name: { 5 | type: String, 6 | value: '' 7 | }, 8 | size: { 9 | type: Number, 10 | value: 32 11 | }, 12 | color: { 13 | type: String, 14 | value: '' 15 | }, 16 | bold:{ 17 | type:Boolean, 18 | value:false 19 | }, 20 | visible:{ 21 | type: Boolean, 22 | value: true 23 | } 24 | } 25 | }); 26 | -------------------------------------------------------------------------------- /pages/extend-view/msgList/msgList.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#fff", 3 | "navigationBarTextStyle": "black", 4 | "backgroundColorTop": "#F5F6FA", 5 | "backgroundColorBottom": "#F5F6FA", 6 | "navigationBarTitleText": "消息 ", 7 | "enablePullDownRefresh": true, 8 | "usingComponents": { 9 | "tui-icon": "../../../components/icon/icon", 10 | "tui-badge": "../../../components/badge/badge", 11 | "tui-cell": "../../../components/list-cell/list-cell" 12 | } 13 | } -------------------------------------------------------------------------------- /pages/picker/picker.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | {{text}} 9 | 10 | -------------------------------------------------------------------------------- /pages/extend-view/tips/tips.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | tips 4 | 提示信息：默认居中显示，无操作按钮 5 | 6 | 暂无订单 7 | 暂无数据 8 | 您还没有购买任何商品~ 9 | -------------------------------------------------------------------------------- /components/grid/grid.wxss: -------------------------------------------------------------------------------- 1 | .tui-grids { 2 | width: 100%; 3 | position: relative; 4 | overflow: hidden; 5 | } 6 | .tui-grids::after { 7 | content: " "; 8 | position: absolute; 9 | left: 0; 10 | top: 0; 11 | width: 100%; 12 | height: 1px; 13 | border-top: 1px solid #eaeef1; 14 | -webkit-transform-origin: 0 0; 15 | transform-origin: 0 0; 16 | -webkit-transform: scaleY(0.5); 17 | transform: scaleY(0.5); 18 | } 19 | .tui-border-top::after { 20 | border-top:0 !important; 21 | } 22 | -------------------------------------------------------------------------------- /pages/basic-view/card/card.json: -------------------------------------------------------------------------------- 1 | { 2 | "backgroundColorTop": "#EDEDED", 3 | "backgroundColorBottom": "#EDEDED", 4 | "navigationBarBackgroundColor": "#FFFFFF", 5 | "navigationBarTextStyle": "black", 6 | "navigationBarTitleText": "Card", 7 | "usingComponents": { 8 | "tui-card": "../../../components/card/card", 9 | "tui-tag": "../../../components/tag/tag", 10 | "tui-list-cell": "../../../components/list-cell/list-cell", 11 | "tui-icon": "../../../components/icon/icon" 12 | } 13 | } -------------------------------------------------------------------------------- /pages/extend-view/lockscreen/lockscreen.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarBackgroundColor": "#FFFFFF", 3 | "navigationBarTextStyle": "black", 4 | "navigationBarTitleText": "解锁ThorUI", 5 | "disableScroll": true, 6 | "usingComponents": { 7 | "tui-icon": "../../../components/icon/icon", 8 | "tui-button": "../../../components/button/button", 9 | "tui-keyboard": "../../../components/keyboard/keyboard", 10 | "tui-keyboard-input": "../../../components/keyboard-input/keyboard-input" 11 | } 12 | } -------------------------------------------------------------------------------- /pages/extend-view/popup/popup.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "弹层、下拉选择", 3 | "usingComponents": { 4 | "tui-icon": "../../../components/icon/icon", 5 | "tui-button": "../../../components/button/button", 6 | "tui-top-dropdown": "../../../components/top-dropdown/top-dropdown", 7 | "tui-list-cell": "../../../components/list-cell/list-cell", 8 | "tui-dropdown-list": "../../../components/dropdown-list/dropdown-list", 9 | "tui-bottom-popup": "../../../components/bottom-popup/bottom-popup" 10 | } 11 | } -------------------------------------------------------------------------------- /pages/extend-view/tabs/tabs.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 40rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-primary { 24 | color: #5677FC; 25 | } 26 | 27 | .tui-mtop { 28 | margin-top: 80rpx; 29 | } -------------------------------------------------------------------------------- /pages/extend-view/tips/tips.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | width: 100%; 3 | padding: 20rpx 0 120rpx 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .header { 8 | padding: 80rpx 90rpx 60rpx 90rpx; 9 | box-sizing: border-box; 10 | } 11 | 12 | .title { 13 | font-size: 34rpx; 14 | color: #333; 15 | font-weight: 500; 16 | } 17 | 18 | .sub-title { 19 | font-size: 24rpx; 20 | color: #7a7a7a; 21 | padding-top: 18rpx; 22 | } 23 | 24 | .tui-btn-box { 25 | padding: 10rpx 40rpx; 26 | box-sizing: border-box; 27 | } 28 | -------------------------------------------------------------------------------- /pages/extend-view/rate/rate.js: -------------------------------------------------------------------------------- 1 | const util = require('../../../utils/util.js') 2 | Page({ 3 | data: { 4 | loadding: false, 5 | show: false, 6 | bottom: 0, 7 | current: 0, 8 | index: 3 9 | }, 10 | onLoad: function (options) { 11 | wx.onKeyboardHeightChange(res => { 12 | this.setData({ 13 | bottom: res.height 14 | }) 15 | }) 16 | }, 17 | change: function (e) { 18 | this.setData({ 19 | index: e.detail.index, 20 | current: e.detail.index 21 | }) 22 | } 23 | }) -------------------------------------------------------------------------------- /pages/extend-view/upload/upload.wxss: -------------------------------------------------------------------------------- 1 | page{ 2 | background: #fff; 3 | } 4 | .container { 5 | padding: 20rpx 0 120rpx 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | .header { 10 | padding: 80rpx 90rpx 60rpx 90rpx; 11 | box-sizing: border-box; 12 | } 13 | 14 | .title { 15 | font-size: 34rpx; 16 | color: #333; 17 | font-weight: 500; 18 | } 19 | 20 | .sub-title { 21 | font-size: 24rpx; 22 | color: #7a7a7a; 23 | padding-top: 18rpx; 24 | } 25 | .tui-box-upload{ 26 | padding-left: 25rpx; 27 | box-sizing: border-box; 28 | } -------------------------------------------------------------------------------- /pages/luckdraw/luckdraw.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 立即抽奖 8 | 9 | -------------------------------------------------------------------------------- /components/timeaxis-item/timeaxis-item.wxss: -------------------------------------------------------------------------------- 1 | .tui-timeaxis-item { 2 | position: relative; 3 | width: 100%; 4 | display: flex; 5 | justify-content: center; 6 | flex-direction: column; 7 | margin-bottom: 25px; 8 | } 9 | 10 | .tui-node { 11 | position: absolute; 12 | top: 0; 13 | left: -20px; 14 | /* padding: 3px 0; */ 15 | transform-origin: 0; 16 | transform: translateX(-50%); 17 | display: flex; 18 | align-items: center; 19 | justify-content: center; 20 | z-index: 99; 21 | background: #fafafa; 22 | font-size: 24rpx; 23 | } -------------------------------------------------------------------------------- /pages/basic-view/flex/flex.wxss: -------------------------------------------------------------------------------- 1 | @import '../../../static/style/thorui.wxss'; 2 | .header{ 3 | padding: 80rpx 60rpx 40rpx 60rpx; 4 | } 5 | .title{ 6 | font-size: 36rpx; 7 | color: #333; 8 | font-weight: bold; 9 | } 10 | .sub-title{ 11 | font-size: 28rpx; 12 | color: #7A7A7A; 13 | padding-top: 18rpx; 14 | } 15 | 16 | .tui-flex-box{ 17 | padding: 0 30rpx 80rpx 30rpx; 18 | box-sizing: border-box; 19 | font-size: 30rpx; 20 | } 21 | .tui-center{ 22 | padding: 18rpx 0; 23 | margin-bottom: 12rpx; 24 | } 25 | .mr{ 26 | margin-right: 30rpx 27 | } -------------------------------------------------------------------------------- /pages/extend-view/goTop/goTop.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | padding-bottom: 800px; 22 | } 23 | 24 | .tui-bottom-text { 25 | text-align: center; 26 | font-size: 24rpx; 27 | color: #7a7a7a; 28 | } -------------------------------------------------------------------------------- /components/scroll-top/scroll-top.wxss: -------------------------------------------------------------------------------- 1 | .tui-scroll-top { 2 | width: 76rpx; 3 | height: 76rpx; 4 | background: rgba(255, 255, 255, .98); 5 | border: 1rpx solid #BCBCBC; 6 | display: flex; 7 | align-items: center; 8 | justify-content: center; 9 | border-radius: 50%; 10 | position: fixed; 11 | z-index: 999999; 12 | /* -webkit-transform: translateZ(0); 13 | transform: translateZ(0); */ 14 | /* -webkit-overflow-scroll: touch; */ 15 | } 16 | 17 | .tui-scroll-top-img { 18 | width: 48rpx; 19 | height: 48rpx; 20 | display: block; 21 | } -------------------------------------------------------------------------------- /pages/extend-view/luckdraw/luckdraw.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 立即抽奖 8 | 9 | -------------------------------------------------------------------------------- /pages/basic-view/icon/icon.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding-bottom: env(safe-area-inset-bottom); 3 | } 4 | 5 | .tui-grid-icon { 6 | width: 64rpx; 7 | height: 64rpx; 8 | margin: 0 auto; 9 | text-align: center; 10 | vertical-align: middle; 11 | } 12 | 13 | .tui-grid-icon + .tui-grid-label { 14 | margin-top: 10rpx; 15 | } 16 | 17 | .tui-grid-label { 18 | display: block; 19 | text-align: center; 20 | font-weight: 400; 21 | color: #333; 22 | font-size: 30rpx; 23 | white-space: nowrap; 24 | overflow: hidden; 25 | text-overflow: ellipsis; 26 | } 27 | -------------------------------------------------------------------------------- /pages/extend-view/fab/fab.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-btn-box { 24 | padding: 10rpx 40rpx; 25 | box-sizing: border-box; 26 | } 27 | 28 | .tui-btn-btm { 29 | margin-bottom: 36rpx; 30 | } -------------------------------------------------------------------------------- /pages/extend-view/toast/toast.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-btn-box { 24 | padding: 10rpx 40rpx; 25 | box-sizing: border-box; 26 | } 27 | 28 | .tui-btn-btm { 29 | margin-bottom: 36rpx; 30 | } -------------------------------------------------------------------------------- /components/loadmore/loadmore.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-loadmore-class'], 3 | properties: { 4 | //显示文本 5 | text: { 6 | type: String, 7 | value: "正在加载..." 8 | }, 9 | //是否可见 10 | visible: { 11 | type: Boolean, 12 | value: false 13 | }, 14 | //loading 样式 ：1,2,3 15 | index:{ 16 | type: Number, 17 | value: 1 18 | }, 19 | //颜色设置，只有index=3时生效：primary，red，orange，green 20 | type:{ 21 | type: String, 22 | value: "" 23 | } 24 | }, 25 | data: {}, 26 | methods: {} 27 | }) -------------------------------------------------------------------------------- /components/keyboard-input/keyboard-input.js: -------------------------------------------------------------------------------- 1 | // 数字键盘密码输入框 2 | Component({ 3 | externalClasses: ['tui-keyboard-input'], 4 | properties: { 5 | //背景颜色 6 | bgcolor: { 7 | type: String, 8 | value: "#fff" 9 | }, 10 | size: { 11 | type: Number, 12 | value: 32 13 | }, 14 | color: { 15 | type: String, 16 | value: "#333" 17 | }, 18 | //输入框的值：数组格式，长度即为输入框个数 19 | inputvalue: { 20 | type: Array, 21 | value: ["", "", "", "", "", ""] //密码圆点 ● 22 | } 23 | }, 24 | data: { 25 | }, 26 | methods: { 27 | } 28 | }) -------------------------------------------------------------------------------- /pages/basic-view/button/button.wxss: -------------------------------------------------------------------------------- 1 | @import '../../../static/style/thorui.wxss'; 2 | 3 | .container { 4 | padding: 20rpx 30rpx 40rpx 30rpx; 5 | box-sizing: border-box; 6 | } 7 | 8 | .title { 9 | padding: 30rpx 0; 10 | font-size: 32rpx; 11 | color: #333; 12 | font-weight: bold; 13 | } 14 | 15 | .tui-btn, .tui-mbtm { 16 | margin-bottom: 26rpx; 17 | margin-right: 20rpx; 18 | } 19 | 20 | .flex-box { 21 | width: 100%; 22 | /* display: flex; 23 | flex-wrap: wrap; 24 | flex-direction: row; 25 | justify-content: flex-start; 26 | align-items:flex-start; */ 27 | } 28 | -------------------------------------------------------------------------------- /pages/extend-view/alert/alert.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | overflow: hidden; 5 | } 6 | 7 | .header { 8 | padding: 80rpx 90rpx 60rpx 90rpx; 9 | box-sizing: border-box; 10 | } 11 | 12 | .title { 13 | font-size: 34rpx; 14 | color: #333; 15 | font-weight: 500; 16 | } 17 | 18 | .sub-title { 19 | font-size: 24rpx; 20 | color: #7a7a7a; 21 | padding-top: 18rpx; 22 | } 23 | 24 | .tui-btn-box { 25 | padding: 10rpx 40rpx; 26 | box-sizing: border-box; 27 | } 28 | 29 | .tui-btn-btm { 30 | margin-bottom: 36rpx; 31 | } 32 | -------------------------------------------------------------------------------- /pages/basic-view/tag/tag.wxss: -------------------------------------------------------------------------------- 1 | @import '../../../static/style/thorui.wxss'; 2 | .container{ 3 | padding: 20rpx 30rpx 40rpx 30rpx; 4 | box-sizing: border-box; 5 | } 6 | .title{ 7 | padding: 30rpx 0; 8 | font-size: 32rpx; 9 | color: #333; 10 | font-weight: bold; 11 | } 12 | .tui-tag,.tui-tag-small,.tui-mrbtm{ 13 | margin-bottom: 26rpx; 14 | margin-right: 20rpx 15 | } 16 | 17 | .flex-box{ 18 | width: 100%; 19 | display: flex; 20 | flex-wrap: wrap; 21 | flex-direction: row; 22 | justify-content: flex-start; 23 | align-items:flex-start; 24 | margin-bottom: 26rpx; 25 | } -------------------------------------------------------------------------------- /components/badge/badge.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-badge-class'], //自定义样式 3 | properties: { 4 | //primary,warning,green,danger,white，black，gray 5 | type: { 6 | type: String, 7 | value: 'primary', 8 | }, 9 | // '', small 10 | size: { 11 | type: String, 12 | value: '', 13 | }, 14 | //是否是圆点 15 | dot: { 16 | type: Boolean, 17 | value: false 18 | }, 19 | //是否可见 20 | visible: { 21 | type: Boolean, 22 | value: true 23 | } 24 | }, 25 | data: { 26 | 27 | }, 28 | methods: { 29 | } 30 | }) -------------------------------------------------------------------------------- /components/grid-item/grid-item.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-griditem-class'], //自定义样式 3 | properties: { 4 | cell:{ 5 | type:Number, 6 | value:3 7 | }, 8 | bgcolor:{ 9 | type: String, 10 | value:"#fff" 11 | }, 12 | //是否有点击效果 13 | hover: { 14 | type: Boolean, 15 | value: true 16 | }, 17 | //底部线条 18 | bottom:{ 19 | type:Boolean, 20 | value:true 21 | } 22 | }, 23 | data: { 24 | 25 | }, 26 | methods: { 27 | handleClick() { 28 | this.triggerEvent('click', {}); 29 | } 30 | } 31 | }) 32 | -------------------------------------------------------------------------------- /pages/extend-view/rollingNews/rollingNews.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | newsList:[ 4 | "致力发展负责任的人工智能 中国发布八大治理原则", 5 | "格兰仕暗示拜访拼多多后遭天猫打压，拼多多高层赞其有勇气", 6 | "阿里计划将每股普通股拆为8股，增加筹资灵活性" 7 | ], 8 | hotSearch: [ 9 | "夏季穿搭", 10 | "减脂冬瓜荷叶蛋", 11 | "玻尿酸补水面膜" 12 | ], 13 | animation:false 14 | }, 15 | onLoad: function (options) { 16 | setTimeout(()=>{ 17 | this.setData({ 18 | animation:true 19 | }) 20 | },600) 21 | }, 22 | detail(e) { 23 | wx.showToast({ 24 | title: '详情功能尚未完善~', 25 | icon: "none" 26 | }) 27 | } 28 | }) -------------------------------------------------------------------------------- /components/drawer/index.js: -------------------------------------------------------------------------------- 1 | //抽屉组件 2 | Component({ 3 | properties: { 4 | visible: { 5 | type: Boolean, 6 | value: false 7 | }, 8 | mask: { 9 | type: Boolean, 10 | value: true 11 | }, 12 | maskClosable: { 13 | type: Boolean, 14 | value: true 15 | }, 16 | mode: { 17 | type: String, 18 | value: 'left' // left right 19 | } 20 | }, 21 | data: {}, 22 | methods: { 23 | handleMaskClick() { 24 | if (!this.data.maskClosable) { 25 | return; 26 | } 27 | this.triggerEvent('close', {}); 28 | } 29 | } 30 | }); -------------------------------------------------------------------------------- /pages/extend-view/button/button.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 60rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | 12 | .tui-tips { 13 | font-size: 24rpx; 14 | color: #7a7a7a; 15 | padding-top: 18rpx; 16 | } 17 | 18 | .tui-title { 19 | padding: 30rpx 25rpx; 20 | font-size: 32rpx; 21 | font-weight: bold; 22 | box-sizing: border-box; 23 | } 24 | 25 | .container { 26 | padding: 40rpx 0 100rpx 0; 27 | } 28 | 29 | .tui-btm { 30 | margin-bottom: 20rpx; 31 | padding: 0 25rpx; 32 | } -------------------------------------------------------------------------------- /pages/extend-view/divider/divider.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding-bottom: 100rpx; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 40rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | .tui-text{ 23 | padding-left: 10rpx; 24 | vertical-align: middle; 25 | font-size: 26rpx 26 | } 27 | .tui-divider-img{ 28 | width: 32rpx; 29 | height: 32rpx; 30 | vertical-align: middle; 31 | } -------------------------------------------------------------------------------- /components/nomore/nomore.js: -------------------------------------------------------------------------------- 1 | //为了可重用性强，这里做了修改，和thorui.css里的略有不同 2 | Component({ 3 | externalClasses: ['tui-nomore-class'], 4 | properties: { 5 | //是否可见 6 | visible: { 7 | type: Boolean, 8 | value: false 9 | }, 10 | //当前页面背景颜色 11 | bgcolor: { 12 | type: String, 13 | value: "#fafafa" 14 | }, 15 | //是否以圆点代替 "没有更多了" 16 | isDot: { 17 | type: Boolean, 18 | value: false 19 | }, 20 | //isDot为false时生效 21 | text:{ 22 | type:String, 23 | value:"没有更多了" 24 | } 25 | }, 26 | data: { 27 | dotText:"●" 28 | }, 29 | methods: {} 30 | }) -------------------------------------------------------------------------------- /pages/extend-view/skeleton/skeleton.js: -------------------------------------------------------------------------------- 1 | const util = require('../../../utils/util.js') 2 | Page({ 3 | data: { 4 | skeletonShow:true 5 | }, 6 | onLoad: function (options) { 7 | setTimeout(()=>{ 8 | this.setData({ 9 | skeletonShow:false 10 | }) 11 | },1800); 12 | }, 13 | getLink(e) { 14 | let link = e.currentTarget.dataset.link 15 | wx.setClipboardData({ 16 | data: link, 17 | success(res) { 18 | wx.getClipboardData({ 19 | success(res) { 20 | util.toast("链接已复制", 2000, true) 21 | } 22 | }) 23 | } 24 | }) 25 | } 26 | }) -------------------------------------------------------------------------------- /pages/extend-view/clipboard/clipboard.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-primary { 24 | color: #5677FC; 25 | } 26 | 27 | .tui-btn-box { 28 | padding: 30rpx 40rpx; 29 | box-sizing: border-box; 30 | } 31 | 32 | .tui-btn-btm { 33 | margin-bottom: 36rpx; 34 | } -------------------------------------------------------------------------------- /components/divider/divider.wxss: -------------------------------------------------------------------------------- 1 | .tui-divider { 2 | width: 100%; 3 | position: relative; 4 | text-align: center; 5 | display: flex; 6 | justify-content: center; 7 | align-items: center; 8 | box-sizing: border-box; 9 | overflow: hidden; 10 | } 11 | 12 | .tui-divider-line { 13 | position: absolute; 14 | height: 1rpx; 15 | top: 50%; 16 | left: 50%; 17 | -webkit-transform: scaleY(0.5) translateX(-50%) translateZ(0); 18 | transform: scaleY(0.5) translateX(-50%) translateZ(0); 19 | } 20 | 21 | .tui-divider-text { 22 | position: relative; 23 | text-align: center; 24 | padding: 0 18rpx; 25 | z-index: 1; 26 | } 27 | -------------------------------------------------------------------------------- /components/rate/rate.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /pages/extend-view/picker-dateTime/picker-dateTime.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-primary { 24 | color: #5677FC; 25 | } 26 | 27 | .tui-btn-box { 28 | padding: 10rpx 40rpx; 29 | box-sizing: border-box; 30 | } 31 | 32 | .tui-btn-btm { 33 | margin-bottom: 36rpx; 34 | } -------------------------------------------------------------------------------- /components/numberbox/numberbox.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /pages/basic-view/other/other.wxss: -------------------------------------------------------------------------------- 1 | @import '../../../static/style/thorui.wxss'; 2 | 3 | .container { 4 | padding: 30rpx 0 80rpx 0; 5 | box-sizing: border-box; 6 | overflow: hidden; 7 | } 8 | 9 | .tui-padding { 10 | padding: 0 30rpx; 11 | box-sizing: border-box; 12 | overflow: hidden; 13 | } 14 | 15 | .tui-title { 16 | padding: 55rpx 0 30rpx 0; 17 | font-size: 32rpx; 18 | color: #333; 19 | font-weight: bold 20 | } 21 | 22 | .tui-flex { 23 | align-items: center; 24 | } 25 | 26 | .tui-triangle { 27 | margin-right: 30rpx; 28 | } 29 | .tui-checkbox{ 30 | margin-left: 60rpx; 31 | } 32 | .tui-top40 { 33 | margin-top: 40rpx; 34 | } 35 | -------------------------------------------------------------------------------- /components/drawer/drawer.js: -------------------------------------------------------------------------------- 1 | //抽屉组件 2 | Component({ 3 | externalClasses: ['tui-drawer-class'], //自定义样式 4 | properties: { 5 | visible: { 6 | type: Boolean, 7 | value: false 8 | }, 9 | mask: { 10 | type: Boolean, 11 | value: true 12 | }, 13 | maskClosable: { 14 | type: Boolean, 15 | value: true 16 | }, 17 | mode: { 18 | type: String, 19 | value: 'left' // left right 20 | } 21 | }, 22 | data: {}, 23 | methods: { 24 | handleMaskClick() { 25 | if (!this.data.maskClosable) { 26 | return; 27 | } 28 | this.triggerEvent('close', {}); 29 | } 30 | } 31 | }); -------------------------------------------------------------------------------- /pages/extend-view/clipboard/clipboard.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 复制文本 4 | clipboard，复制到剪贴板，兼容H5，APP和小程序依然使用平台自带api。小程序已移除相关文件，请下载 5 | uni-app版本组件库。 6 | ThorUI QQ交流群：745733024 7 | 8 | 9 | 10 | 复制QQ群号：745733024 11 | 12 | 13 | -------------------------------------------------------------------------------- /project.private.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html", 3 | "projectname": "Thor%20UI", 4 | "setting": { 5 | "compileHotReLoad": true 6 | }, 7 | "condition": { 8 | "miniprogram": { 9 | "list": [ 10 | { 11 | "name": "pages/extend-view/mall-extend/editAddress/editAddress", 12 | "pathName": "pages/extend-view/mall-extend/editAddress/editAddress", 13 | "query": "", 14 | "scene": null 15 | } 16 | ] 17 | } 18 | }, 19 | "libVersion": "2.32.2" 20 | } -------------------------------------------------------------------------------- /components/keyboard-input/keyboard-input.wxss: -------------------------------------------------------------------------------- 1 | .tui-pwd-box { 2 | display: flex; 3 | align-items: center; 4 | justify-content: center; 5 | box-sizing: border-box; 6 | vertical-align: top; 7 | } 8 | 9 | .tui-inner-box { 10 | display: flex; 11 | align-items: center; 12 | justify-content: center; 13 | } 14 | 15 | .tui-input { 16 | height: 80rpx; 17 | position: relative; 18 | display: flex; 19 | align-items: center; 20 | justify-content: center; 21 | margin-right: 20rpx; 22 | border-bottom: 2px solid #666; 23 | } 24 | .tui-margin-right{ 25 | margin-right: 30rpx; 26 | } 27 | 28 | .tui-input:last-child { 29 | margin-right: 0 !important; 30 | } -------------------------------------------------------------------------------- /pages/weather/weather.wxml: -------------------------------------------------------------------------------- 1 | 2 | 省份：{{obj.liveData.province}} 3 | 位置：{{obj.liveData.city}} 4 | 湿度：{{obj.liveData.humidity}}% 5 | 温度：{{obj.liveData.temperature}} 摄氏度 6 | 天气：{{obj.liveData.weather}} 7 | 风向：{{obj.liveData.winddirection}} 8 | 风力：{{obj.liveData.windpower}}级 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /pages/extend-view/numberbox/numberbox.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-number-box { 24 | padding: 40rpx; 25 | box-sizing: border-box; 26 | margin-bottom: 30rpx; 27 | background: #fff; 28 | font-size: 30rpx; 29 | display: flex; 30 | align-items: center; 31 | justify-content: space-between; 32 | } 33 | -------------------------------------------------------------------------------- /pages/swipe-action/swipe-action.wxss: -------------------------------------------------------------------------------- 1 | .container{ 2 | background: #fff; 3 | padding-bottom: env(safe-area-inset-bottom); 4 | } 5 | .list-item{ 6 | padding:30rpx 30rpx; 7 | display: flex; 8 | align-items: item; 9 | } 10 | .item-img{ 11 | height: 120rpx; 12 | width:120rpx; 13 | margin-right: 20rpx; 14 | display: block 15 | } 16 | .item-box{ 17 | flex: 1; 18 | width: 70%; 19 | display: flex; 20 | flex-direction: column; 21 | justify-content: space-between 22 | } 23 | .item-title{ 24 | font-size: 32rpx; 25 | white-space: nowrap; 26 | overflow: hidden; 27 | text-overflow: ellipsis; 28 | 29 | } 30 | .item-time{ 31 | color: #999; 32 | font-size: 24rpx; 33 | } -------------------------------------------------------------------------------- /pages/extend-view/request/request.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 网络请求 4 | Network request，发起网络请求，简单的封装与使用 5 | 6 | 7 | 8 | 带loading请求 9 | 10 | 11 | 无loading请求 12 | 13 | 14 | 15 | 请求结果：{{result}} 16 | 17 | 18 | -------------------------------------------------------------------------------- /pages/extend-view/rate/rate.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | .header { 6 | padding: 80rpx 90rpx 60rpx 90rpx; 7 | box-sizing: border-box; 8 | } 9 | 10 | .title { 11 | font-size: 34rpx; 12 | color: #333; 13 | font-weight: 500; 14 | } 15 | 16 | .sub-title { 17 | font-size: 24rpx; 18 | color: #7a7a7a; 19 | padding-top: 18rpx; 20 | } 21 | 22 | .tui-rate-box { 23 | padding: 40rpx; 24 | box-sizing: border-box; 25 | margin-bottom: 30rpx; 26 | background: #fff; 27 | font-size: 30rpx; 28 | display: flex; 29 | align-items: center; 30 | justify-content: space-between; 31 | } 32 | .tui-title{ 33 | font-size: 30rpx; 34 | } -------------------------------------------------------------------------------- /components/dropdown-list/dropdown-list.js: -------------------------------------------------------------------------------- 1 | // 下拉选择列表 2 | Component({ 3 | externalClasses: ['tui-selected-class'], 4 | options: { 5 | multipleSlots: true 6 | }, 7 | properties: { 8 | //控制显示 9 | show: { 10 | type: Boolean, 11 | value: false 12 | }, 13 | //背景颜色 14 | bgcolor: { 15 | type: String, 16 | value: "none" 17 | }, 18 | //top rpx 19 | top: { 20 | type: Number, 21 | value: 0 22 | }, 23 | //下拉框高度 rpx 24 | height: { 25 | type: Number, 26 | value: 0 27 | }, 28 | //选择框高度 单位rpx 29 | selectHeight:{ 30 | type: Number, 31 | value: 0 32 | } 33 | }, 34 | data: {}, 35 | methods: { 36 | } 37 | }) -------------------------------------------------------------------------------- /pages/basic/basic.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | Basic 4 | 基础组件是项目中独立的模块 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | {{item.name}} 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /pages/extend-view/tabbar/tabbar.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | Tabbar 4 | 类似uni-app原生tabbar组件，可用于自定义tabbar 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /components/extend/toast/toast.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{title}} 4 | {{content}} 5 | 6 | 7 | 8 | module.exports = { 9 | getWidth: function(icon, content) { 10 | var width = "auto"; 11 | if (icon) { 12 | width = content ? '420rpx' : '360rpx'; 13 | } 14 | return width 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /components/bottom-popup/bottom-popup.js: -------------------------------------------------------------------------------- 1 | // 底部弹出框 2 | Component({ 3 | externalClasses: ['tui-popup-class'], 4 | properties: { 5 | //是否需要mask 6 | mask: { 7 | type: Boolean, 8 | value: true 9 | }, 10 | //控制显示 11 | show: { 12 | type: Boolean, 13 | value: false 14 | }, 15 | //背景颜色 16 | bgcolor: { 17 | type: String, 18 | value: "#fff" 19 | }, 20 | //高度 rpx 21 | height: { 22 | type: Number, 23 | value: 0 24 | } 25 | }, 26 | 27 | data: { 28 | }, 29 | methods: { 30 | handleClose() { 31 | if (!this.data.show) { 32 | return; 33 | } 34 | this.triggerEvent('close', {}); 35 | }, 36 | forbid() { } 37 | } 38 | }) 39 | -------------------------------------------------------------------------------- /pages/swipe-action/swipe-action.wxml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | {{item.title}} 13 | 2019-06-01 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /components/extend/tips/tips.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | properties: { 3 | //是否垂直居中 4 | fixed: { 5 | type: Boolean, 6 | value: true 7 | }, 8 | //图片地址，没有则不显示 9 | imgUrl: { 10 | type: String, 11 | value: "" 12 | }, 13 | //图片宽度 14 | imgWidth: { 15 | type: Number, 16 | value: 200 17 | }, 18 | //图片高度 19 | imgHeight: { 20 | type: Number, 21 | value: 200 22 | }, 23 | //按钮宽度 24 | btnWidth: { 25 | type: Number, 26 | value: 200 27 | }, 28 | //按钮文字，没有则不显示 29 | btnText: { 30 | type: String, 31 | value: "" 32 | } 33 | }, 34 | data: { 35 | 36 | }, 37 | methods: { 38 | handleClick() { 39 | this.triggerEvent('click', {}) 40 | } 41 | } 42 | }) -------------------------------------------------------------------------------- /pages/extend-view/countdown/countdown.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding-bottom: 100rpx; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 40rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-countdown { 24 | width: 100%; 25 | padding: 40rpx 30rpx; 26 | box-sizing: border-box; 27 | display: flex; 28 | align-items: center; 29 | justify-content: space-between; 30 | background: #fff; 31 | margin-top: 20rpx; 32 | } 33 | 34 | .tui-countdown-text { 35 | font-size: 30rpx; 36 | line-height: 30rpx; 37 | color: #555; 38 | } 39 | -------------------------------------------------------------------------------- /components/divider/divider.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | module.exports = { 9 | getBgColor: function(gradual, gradualColor, dividerColor) { 10 | var bgColor = dividerColor; 11 | if (gradual) { 12 | bgColor = "linear-gradient(to right," + gradualColor[0] + "," + gradualColor[1] + "," + gradualColor[1] + "," + gradualColor[0] + ")"; 13 | } 14 | return bgColor; 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /components/tui-collapse/tui-collapse.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /components/bottom-popup/bottom-popup.wxss: -------------------------------------------------------------------------------- 1 | .tui-bottom-popup { 2 | width: 100%; 3 | position: fixed; 4 | left: 0; 5 | right: 0; 6 | bottom: 0; 7 | z-index: 99999; 8 | visibility: hidden; 9 | transform: translate3d(0, 100%, 0); 10 | transform-origin: center; 11 | transition: all 0.3s ease-in-out; 12 | min-height: 20rpx; 13 | } 14 | 15 | .tui-popup-show { 16 | transform: translate3d(0, 0, 0); 17 | visibility: visible; 18 | } 19 | 20 | .tui-popup-mask { 21 | position: fixed; 22 | top: 0; 23 | left: 0; 24 | right: 0; 25 | bottom: 0; 26 | background: rgba(0, 0, 0, 0.6); 27 | z-index: 99996; 28 | transition: all 0.3s ease-in-out; 29 | opacity: 0; 30 | visibility: hidden; 31 | } 32 | 33 | .tui-mask-show { 34 | opacity: 1; 35 | visibility: visible; 36 | } -------------------------------------------------------------------------------- /components/top-dropdown/top-dropdown.wxss: -------------------------------------------------------------------------------- 1 | .tui-dropdown-box { 2 | width: 100%; 3 | position: fixed; 4 | box-sizing: border-box; 5 | border-bottom-right-radius: 24rpx; 6 | border-bottom-left-radius: 24rpx; 7 | transform: translateZ(0); 8 | overflow: hidden; 9 | visibility: hidden; 10 | transition: all 0.3s ease-in-out; 11 | z-index: 998; 12 | top:0; 13 | } 14 | 15 | .tui-dropdown-show { 16 | visibility: visible; 17 | } 18 | 19 | .tui-dropdown-mask { 20 | position: fixed; 21 | top: 0; 22 | left: 0; 23 | right: 0; 24 | bottom: 0; 25 | background: rgba(0, 0, 0, 0.6); 26 | z-index: 996; 27 | transition: all 0.3s ease-in-out; 28 | opacity: 0; 29 | visibility: hidden; 30 | } 31 | 32 | .tui-mask-show { 33 | opacity: 1; 34 | visibility: visible; 35 | } 36 | -------------------------------------------------------------------------------- /pages/basic-view/footer/footer.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | Footer 4 | 页脚 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /pages/extend-view/request/request.wxss: -------------------------------------------------------------------------------- 1 | page { 2 | background: #fff; 3 | } 4 | 5 | .container { 6 | padding: 20rpx 0 120rpx 0; 7 | box-sizing: border-box; 8 | } 9 | 10 | .header { 11 | padding: 80rpx 90rpx 60rpx 90rpx; 12 | box-sizing: border-box; 13 | } 14 | 15 | .title { 16 | font-size: 34rpx; 17 | color: #333; 18 | font-weight: 500; 19 | } 20 | 21 | .sub-title { 22 | font-size: 24rpx; 23 | color: #7a7a7a; 24 | padding-top: 18rpx; 25 | } 26 | 27 | .tui-btn-box { 28 | padding: 10rpx 40rpx; 29 | box-sizing: border-box; 30 | } 31 | 32 | .tui-btn-btm { 33 | margin-bottom: 36rpx; 34 | } 35 | 36 | .tui-result { 37 | width: 100%; 38 | padding: 30rpx 40rpx; 39 | box-sizing: border-box; 40 | font-size: 28rpx; 41 | } 42 | 43 | .tui-red { 44 | color: #ee0900; 45 | } 46 | -------------------------------------------------------------------------------- /pages/basic/basic.wxss: -------------------------------------------------------------------------------- 1 | .header { 2 | padding: 80rpx 60rpx; 3 | } 4 | 5 | .title { 6 | font-size: 36rpx; 7 | color: #333; 8 | font-weight: bold; 9 | } 10 | 11 | .sub-title { 12 | font-size: 28rpx; 13 | color: #7a7a7a; 14 | padding-top: 18rpx; 15 | } 16 | 17 | .tui-grid-icon { 18 | width: 74rpx; 19 | height: 74rpx; 20 | margin: 0 auto; 21 | display: flex; 22 | align-items: center; 23 | justify-content: center; 24 | } 25 | 26 | .tui-grid-icon image { 27 | display: block; 28 | } 29 | 30 | .tui-grid-icon + .tui-grid-label { 31 | margin-top: 10rpx; 32 | } 33 | 34 | .tui-grid-label { 35 | display: block; 36 | text-align: center; 37 | font-weight: 400; 38 | color: #333; 39 | font-size: 28rpx; 40 | white-space: nowrap; 41 | overflow: hidden; 42 | text-overflow: ellipsis; 43 | } 44 | -------------------------------------------------------------------------------- /components/countdown/countdown.wxss: -------------------------------------------------------------------------------- 1 | .tui-countdown-box { 2 | display: flex; 3 | align-items: center; 4 | } 5 | 6 | .tui-countdown-box { 7 | display: flex; 8 | align-items: center; 9 | } 10 | 11 | .tui-countdown-item { 12 | border: 1rpx solid; 13 | display: flex; 14 | align-items: center; 15 | justify-content: center; 16 | padding: 1rpx; 17 | border-radius: 6rpx; 18 | white-space: nowrap; 19 | transform: translateZ(0); 20 | } 21 | 22 | .tui-countdown-time { 23 | margin: 0; 24 | padding: 0; 25 | 26 | } 27 | 28 | .tui-countdown-colon { 29 | display: flex; 30 | justify-content: center; 31 | padding: 0 5rpx; 32 | } 33 | 34 | .tui-colon-pad { 35 | padding: 0 !important; 36 | } 37 | 38 | .tui-countdown-scale { 39 | transform: scale(0.9); 40 | transform-origin: center center; 41 | } -------------------------------------------------------------------------------- /pages/basic-view/color/color.wxss: -------------------------------------------------------------------------------- 1 | @import '../../../static/style/thorui.wxss'; 2 | 3 | .container{ 4 | padding: 30rpx; 5 | box-sizing: border-box; 6 | } 7 | .title{ 8 | padding: 30rpx 0; 9 | font-size: 32rpx; 10 | color: #333; 11 | font-weight: bold; 12 | } 13 | .box{ 14 | display: flex; 15 | display: -webkit-flex; 16 | justify-content: space-between; 17 | flex-direction: row; 18 | flex-wrap: wrap; 19 | box-sizing: border-box; 20 | } 21 | .item{ 22 | width: 48%; 23 | padding:30rpx 24rpx; 24 | box-sizing: border-box; 25 | border-radius: 8rpx; 26 | color: #fff; 27 | margin-bottom: 30rpx; 28 | display: flex; 29 | flex-direction: column; 30 | justify-content: space-between; 31 | font-size: 30rpx; 32 | } 33 | .color{ 34 | padding-top: 24rpx; 35 | } 36 | .gray{ 37 | color: #999 !important; 38 | } -------------------------------------------------------------------------------- /components/footer/footer.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{item.text}} 6 | 7 | 8 | 9 | {{copyright}} 10 | 11 | -------------------------------------------------------------------------------- /components/keyboard/keyboard.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | properties: { 3 | //是否需要mask 4 | mask: { 5 | type: Boolean, 6 | value: true 7 | }, 8 | //控制键盘显示 9 | show: { 10 | type: Boolean, 11 | value: false 12 | }, 13 | //是否直接显示，不需要动画，一般使用在锁屏密码 14 | action: { 15 | type: Boolean, 16 | value: true 17 | } 18 | }, 19 | data: { 20 | itemList: 12 21 | }, 22 | methods: { 23 | //关闭 24 | handleClose() { 25 | if (!this.data.show) { 26 | return; 27 | } 28 | this.triggerEvent('close', {}); 29 | }, 30 | handleClick(e) { 31 | if (!this.data.show) { 32 | return; 33 | } 34 | const dataset = e.currentTarget.dataset; 35 | this.triggerEvent('click', { 36 | index: dataset.index 37 | }) 38 | } 39 | } 40 | }) -------------------------------------------------------------------------------- /components/tag/tag.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-tag-class'], //自定义样式 3 | properties: { 4 | // primary, white, danger, warning, green, gray,light-blue,light-brownish,light-orange,light-green 5 | type: { 6 | type: String, 7 | value: 'primary', 8 | }, 9 | // '', small 10 | size: { 11 | type: String, 12 | value: '', 13 | }, 14 | // circle, square，circleLeft，circleRight 15 | shape: { 16 | type: String, 17 | value: 'square' 18 | }, 19 | //是否空心 20 | plain: { 21 | type: Boolean, 22 | value: false 23 | }, 24 | //是否可见 25 | visible: { 26 | type: Boolean, 27 | value: true 28 | } 29 | }, 30 | data: { 31 | 32 | }, 33 | methods: { 34 | handleClick() { 35 | this.triggerEvent('click', {}); 36 | } 37 | } 38 | }) -------------------------------------------------------------------------------- /pages/lockscreen/lockscreen.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | echo. 5 | 6 | 请输入密码 7 | 8 | 9 | 10 | 忘记密码 11 | 12 | 13 | 指纹解锁 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /pages/extend-view/lockscreen/lockscreen.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | echo. 5 | 6 | 请输入密码 7 | 8 | 9 | 10 | 忘记密码 11 | 12 | 13 | 指纹解锁 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /components/footer/footer.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-footer-class'], 3 | properties: { 4 | //type target url delta appid path extradata bindsuccess bindfail text color size 5 | //链接设置 数据格式对应上面注释的属性值 6 | navigate: { 7 | type: Array, 8 | value: [] 9 | }, 10 | //底部文本 11 | copyright: { 12 | type: String, 13 | value: "All Rights Reserved." 14 | }, 15 | //copyright 字体颜色 16 | color: { 17 | type: String, 18 | value: "#A7A7A7" 19 | }, 20 | //copyright 字体大小 21 | size: { 22 | type: Number, 23 | value: 24 24 | }, 25 | //footer背景颜色 26 | bgcolor: { 27 | type: String, 28 | value: "none" 29 | }, 30 | //是否固定在底部 31 | fixed: { 32 | type: Boolean, 33 | value: true 34 | } 35 | }, 36 | data: { 37 | 38 | }, 39 | methods: {} 40 | }) -------------------------------------------------------------------------------- /pages/extend-view/request/request.js: -------------------------------------------------------------------------------- 1 | const util = require('../../../utils/util.js') 2 | Page({ 3 | data: { 4 | result: "" 5 | }, 6 | onLoad: function(options) { 7 | 8 | }, 9 | request: function(e) { 10 | let type = e.currentTarget.dataset.type; 11 | //参数 12 | let postData = {} 13 | util.request("/Home/GetStatus", postData, "GET", false, type == 1 ? false : true).then((res) => { 14 | if (res.code == 100) { 15 | this.setData({ 16 | result: `${type == 1 ?"带":"无"}loading请求成功！返回值为 ${JSON.stringify(res)}` 17 | }) 18 | }else{ 19 | this.setData({ 20 | result: `${type == 1 ? "带" : "无"}loading请求失败！ ${JSON.stringify(res)}` 21 | }) 22 | } 23 | }).catch((res) => { 24 | this.setData({ 25 | result: `${type == 1 ? "带" : "无"}loading请求失败！ ${JSON.stringify(res)}` 26 | }) 27 | }) 28 | } 29 | }) -------------------------------------------------------------------------------- /pages/basic-view/doc/doc.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding-bottom: 80rpx; 3 | } 4 | 5 | .tui-banner { 6 | width: 100%; 7 | height: 375rpx; 8 | } 9 | 10 | .tui-text { 11 | width: 100%; 12 | padding: 20rpx 30rpx; 13 | box-sizing: border-box; 14 | color: #b3b3b3; 15 | font-size: 26rpx; 16 | text-align: right; 17 | } 18 | 19 | .tui-view { 20 | width: 100%; 21 | padding: 20rpx 30rpx; 22 | box-sizing: border-box; 23 | } 24 | 25 | .tui-cell { 26 | padding: 24rpx 0; 27 | color: #555; 28 | } 29 | 30 | .tui-title { 31 | width: 100%; 32 | padding: 0 8rpx; 33 | box-sizing: border-box; 34 | } 35 | 36 | .tui-link { 37 | width: 100%; 38 | padding: 30rpx; 39 | box-sizing: border-box; 40 | background: #fff; 41 | box-shadow: 0px 3rpx 20rpx rgba(183, 183, 183, 0.1); 42 | border-radius: 10rpx; 43 | color: #06c; 44 | margin-top: 20rpx; 45 | word-break: break-all; 46 | } 47 | -------------------------------------------------------------------------------- /components/extend/alert/alert.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | properties: { 3 | //控制显示 4 | show: { 5 | type: Boolean, 6 | value: false 7 | }, 8 | //提示信息字体大小 9 | size: { 10 | type: Number, 11 | value: 30 12 | }, 13 | //提示信息字体颜色 14 | color: { 15 | type: String, 16 | value: "#333" 17 | }, 18 | //按钮字体颜色 19 | btnColor: { 20 | type: String, 21 | value: "#EB0909" 22 | }, 23 | btnText: { 24 | type: String, 25 | value: "确定" 26 | }, 27 | //点击遮罩 是否可关闭 28 | maskClosable: { 29 | type: Boolean, 30 | value: false 31 | } 32 | }, 33 | methods: { 34 | handleClick(e) { 35 | if (!this.data.show) return; 36 | this.triggerEvent('click', {}); 37 | }, 38 | handleClickCancel() { 39 | if (!this.data.maskClosable) return; 40 | this.triggerEvent('cancel'); 41 | } 42 | } 43 | }) -------------------------------------------------------------------------------- /components/top-dropdown/top-dropdown.js: -------------------------------------------------------------------------------- 1 | // 顶部下拉列表 2 | Component({ 3 | externalClasses: ['tui-top-dropdown'], 4 | properties: { 5 | //是否需要mask 6 | mask: { 7 | type: Boolean, 8 | value: true 9 | }, 10 | //控制显示 11 | show: { 12 | type: Boolean, 13 | value: false 14 | }, 15 | //背景颜色 16 | bgcolor: { 17 | type: String, 18 | value: "#f2f2f2" 19 | }, 20 | //padding-bottom rpx 21 | paddingbtm: { 22 | type: Number, 23 | value: 0 24 | }, 25 | //高度 rpx 26 | height: { 27 | type: Number, 28 | value: 580 29 | }, 30 | //移动距离 需要计算 31 | translatey: { 32 | type: Number, 33 | value: 0 34 | } 35 | }, 36 | data: { 37 | 38 | }, 39 | methods: { 40 | handleClose() { 41 | if (!this.data.show) { 42 | return; 43 | } 44 | this.triggerEvent('close', {}); 45 | } 46 | } 47 | }) -------------------------------------------------------------------------------- /pages/basic-view/grid/grid.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding-bottom: env(safe-area-inset-bottom); 3 | } 4 | .tui-title{ 5 | padding: 50rpx 30rpx 30rpx 30rpx; 6 | font-size: 32rpx; 7 | color: #333; 8 | box-sizing: border-box; 9 | font-weight: bold; 10 | } 11 | .tui-grid-icon { 12 | width: 64rpx; 13 | height: 64rpx; 14 | margin: 0 auto; 15 | text-align: center; 16 | vertical-align: middle; 17 | } 18 | 19 | .tui-grid-icon + .tui-grid-label { 20 | margin-top: 10rpx; 21 | } 22 | .tui-grid-four{ 23 | padding: 30rpx 20rpx !important; 24 | } 25 | .tui-grid-5{ 26 | margin-top: 0 !important; 27 | color: #8a5966 !important; 28 | } 29 | .tui-grid-five{ 30 | padding:20rpx !important; 31 | } 32 | .tui-grid-label { 33 | display: block; 34 | text-align: center; 35 | font-weight: 400; 36 | color: #333; 37 | font-size: 28rpx; 38 | white-space: nowrap; 39 | overflow: hidden; 40 | text-overflow: ellipsis; 41 | } 42 | -------------------------------------------------------------------------------- /pages/product/product.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | {{item.name}} 8 | 9 | 10 | ￥{{item.sale}} 11 | ￥{{item.factory}} 12 | 13 | {{item.payNum}}人付款 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /components/utils/utils.js: -------------------------------------------------------------------------------- 1 | const utils = { 2 | getComponent: function(selector) { 3 | const pages = getCurrentPages(); 4 | const current = pages[pages.length - 1]; 5 | //const component = current.selectAllComponents(selector); 6 | const component = current.selectComponent(selector); 7 | if (!component) { 8 | return null; 9 | } 10 | return component; 11 | }, 12 | toast: function(options) { 13 | const { 14 | //selector = '.tui-tips-ctx' 15 | selector = '#tui-tips-ctx' 16 | } = options; 17 | const component = utils.getComponent(selector); 18 | if (component) { 19 | component.showTips(options); 20 | } 21 | }, 22 | dateTime:function(options){ 23 | const component = utils.getComponent('#tui-dateTime-ctx'); 24 | if (component) { 25 | component.show(); 26 | } 27 | } 28 | }; 29 | module.exports = { 30 | toast: utils.toast, 31 | dateTime: utils.dateTime 32 | }; -------------------------------------------------------------------------------- /pages/toptips/toptips.js: -------------------------------------------------------------------------------- 1 | // pages/toptips/toptips.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | 9 | }, 10 | 11 | /** 12 | * 生命周期函数--监听页面加载 13 | */ 14 | onLoad: function (options) { 15 | 16 | }, 17 | 18 | /** 19 | * 生命周期函数--监听页面初次渲染完成 20 | */ 21 | onReady: function () { 22 | 23 | }, 24 | 25 | /** 26 | * 生命周期函数--监听页面显示 27 | */ 28 | onShow: function () { 29 | 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面隐藏 34 | */ 35 | onHide: function () { 36 | 37 | }, 38 | 39 | /** 40 | * 生命周期函数--监听页面卸载 41 | */ 42 | onUnload: function () { 43 | 44 | }, 45 | 46 | /** 47 | * 页面相关事件处理函数--监听用户下拉动作 48 | */ 49 | onPullDownRefresh: function () { 50 | 51 | }, 52 | 53 | /** 54 | * 页面上拉触底事件的处理函数 55 | */ 56 | onReachBottom: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 用户点击右上角分享 62 | */ 63 | onShareAppMessage: function () { 64 | 65 | } 66 | }) -------------------------------------------------------------------------------- /pages/extend-view/skeleton/skeleton.wxss: -------------------------------------------------------------------------------- 1 | .container{ 2 | padding-bottom: 80rpx; 3 | } 4 | .tui-banner { 5 | width: 100%; 6 | height: 375rpx; 7 | } 8 | 9 | .tui-text { 10 | width: 100%; 11 | padding: 12rpx 30rpx 20rpx; 12 | box-sizing: border-box; 13 | color: #B3B3B3; 14 | font-size: 26rpx; 15 | text-align: right; 16 | margin-top: 8rpx 17 | } 18 | 19 | .tui-view { 20 | width: 100%; 21 | padding: 20rpx 30rpx; 22 | box-sizing: border-box; 23 | } 24 | 25 | 26 | .tui-cell { 27 | padding: 24rpx 0; 28 | color: #555; 29 | } 30 | .tui-title{ 31 | padding:0 8rpx; 32 | box-sizing: border-box; 33 | display: inline-block; 34 | } 35 | .tui-link { 36 | width: 100%; 37 | padding: 30rpx; 38 | box-sizing: border-box; 39 | background: #fff; 40 | box-shadow: 0px 3rpx 20rpx rgba(183, 183, 183, 0.1); 41 | border-radius: 10rpx; 42 | color:#06c; 43 | margin-top: 20rpx; 44 | word-break: break-all; 45 | } -------------------------------------------------------------------------------- /pages/keyboard/keyboard.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | Digital keyboard 4 | 数字键盘 5 | 6 | 7 | 6位数密码 8 | 4位数密码 9 | 锁屏密码 10 | 11 | 12 | 13 | 14 | 请输入密码 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /pages/template/template.js: -------------------------------------------------------------------------------- 1 | // pages/template/template.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | 9 | }, 10 | 11 | /** 12 | * 生命周期函数--监听页面加载 13 | */ 14 | onLoad: function (options) { 15 | 16 | }, 17 | 18 | /** 19 | * 生命周期函数--监听页面初次渲染完成 20 | */ 21 | onReady: function () { 22 | 23 | }, 24 | 25 | /** 26 | * 生命周期函数--监听页面显示 27 | */ 28 | onShow: function () { 29 | 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面隐藏 34 | */ 35 | onHide: function () { 36 | 37 | }, 38 | 39 | /** 40 | * 生命周期函数--监听页面卸载 41 | */ 42 | onUnload: function () { 43 | 44 | }, 45 | 46 | /** 47 | * 页面相关事件处理函数--监听用户下拉动作 48 | */ 49 | onPullDownRefresh: function () { 50 | 51 | }, 52 | 53 | /** 54 | * 页面上拉触底事件的处理函数 55 | */ 56 | onReachBottom: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 用户点击右上角分享 62 | */ 63 | onShareAppMessage: function () { 64 | 65 | } 66 | }) -------------------------------------------------------------------------------- /pages/basic-view/flex/flex.js: -------------------------------------------------------------------------------- 1 | // pages/basic-view/flex/flex.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | 9 | }, 10 | 11 | /** 12 | * 生命周期函数--监听页面加载 13 | */ 14 | onLoad: function (options) { 15 | 16 | }, 17 | 18 | /** 19 | * 生命周期函数--监听页面初次渲染完成 20 | */ 21 | onReady: function () { 22 | 23 | }, 24 | 25 | /** 26 | * 生命周期函数--监听页面显示 27 | */ 28 | onShow: function () { 29 | 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面隐藏 34 | */ 35 | onHide: function () { 36 | 37 | }, 38 | 39 | /** 40 | * 生命周期函数--监听页面卸载 41 | */ 42 | onUnload: function () { 43 | 44 | }, 45 | 46 | /** 47 | * 页面相关事件处理函数--监听用户下拉动作 48 | */ 49 | onPullDownRefresh: function () { 50 | 51 | }, 52 | 53 | /** 54 | * 页面上拉触底事件的处理函数 55 | */ 56 | onReachBottom: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 用户点击右上角分享 62 | */ 63 | onShareAppMessage: function () { 64 | 65 | } 66 | }) -------------------------------------------------------------------------------- /pages/basic-view/load/load.js: -------------------------------------------------------------------------------- 1 | // pages/basic-view/load/load.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | 9 | }, 10 | 11 | /** 12 | * 生命周期函数--监听页面加载 13 | */ 14 | onLoad: function (options) { 15 | 16 | }, 17 | 18 | /** 19 | * 生命周期函数--监听页面初次渲染完成 20 | */ 21 | onReady: function () { 22 | 23 | }, 24 | 25 | /** 26 | * 生命周期函数--监听页面显示 27 | */ 28 | onShow: function () { 29 | 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面隐藏 34 | */ 35 | onHide: function () { 36 | 37 | }, 38 | 39 | /** 40 | * 生命周期函数--监听页面卸载 41 | */ 42 | onUnload: function () { 43 | 44 | }, 45 | 46 | /** 47 | * 页面相关事件处理函数--监听用户下拉动作 48 | */ 49 | onPullDownRefresh: function () { 50 | 51 | }, 52 | 53 | /** 54 | * 页面上拉触底事件的处理函数 55 | */ 56 | onReachBottom: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 用户点击右上角分享 62 | */ 63 | onShareAppMessage: function () { 64 | 65 | } 66 | }) -------------------------------------------------------------------------------- /pages/extend-view/button/button.js: -------------------------------------------------------------------------------- 1 | // pages/extend-view/button.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | 9 | }, 10 | 11 | /** 12 | * 生命周期函数--监听页面加载 13 | */ 14 | onLoad: function (options) { 15 | 16 | }, 17 | 18 | /** 19 | * 生命周期函数--监听页面初次渲染完成 20 | */ 21 | onReady: function () { 22 | 23 | }, 24 | 25 | /** 26 | * 生命周期函数--监听页面显示 27 | */ 28 | onShow: function () { 29 | 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面隐藏 34 | */ 35 | onHide: function () { 36 | 37 | }, 38 | 39 | /** 40 | * 生命周期函数--监听页面卸载 41 | */ 42 | onUnload: function () { 43 | 44 | }, 45 | 46 | /** 47 | * 页面相关事件处理函数--监听用户下拉动作 48 | */ 49 | onPullDownRefresh: function () { 50 | 51 | }, 52 | 53 | /** 54 | * 页面上拉触底事件的处理函数 55 | */ 56 | onReachBottom: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 用户点击右上角分享 62 | */ 63 | onShareAppMessage: function () { 64 | 65 | } 66 | }) -------------------------------------------------------------------------------- /pages/keyboard/keyboard.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-btn-box { 24 | padding: 10rpx 40rpx; 25 | box-sizing: border-box; 26 | } 27 | 28 | .tui-btn-mtop { 29 | margin-top: 36rpx; 30 | } 31 | 32 | .tui-keyboard-tips { 33 | width: 100%; 34 | height: 120rpx; 35 | line-height: 1; 36 | display: flex; 37 | align-items: center; 38 | justify-content: center; 39 | font-size: 30rpx; 40 | background: #fff; 41 | position: relative; 42 | color: #333; 43 | border: 0; 44 | } 45 | 46 | .tui-digital-box { 47 | background: #fff; 48 | padding-bottom: 50rpx; 49 | border: 0; 50 | } 51 | -------------------------------------------------------------------------------- /pages/basic-view/badge/badge.js: -------------------------------------------------------------------------------- 1 | // pages/basic-view/badge/badge.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | 9 | }, 10 | 11 | /** 12 | * 生命周期函数--监听页面加载 13 | */ 14 | onLoad: function (options) { 15 | 16 | }, 17 | 18 | /** 19 | * 生命周期函数--监听页面初次渲染完成 20 | */ 21 | onReady: function () { 22 | 23 | }, 24 | 25 | /** 26 | * 生命周期函数--监听页面显示 27 | */ 28 | onShow: function () { 29 | 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面隐藏 34 | */ 35 | onHide: function () { 36 | 37 | }, 38 | 39 | /** 40 | * 生命周期函数--监听页面卸载 41 | */ 42 | onUnload: function () { 43 | 44 | }, 45 | 46 | /** 47 | * 页面相关事件处理函数--监听用户下拉动作 48 | */ 49 | onPullDownRefresh: function () { 50 | 51 | }, 52 | 53 | /** 54 | * 页面上拉触底事件的处理函数 55 | */ 56 | onReachBottom: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 用户点击右上角分享 62 | */ 63 | onShareAppMessage: function () { 64 | 65 | } 66 | }) -------------------------------------------------------------------------------- /pages/basic-view/color/color.js: -------------------------------------------------------------------------------- 1 | // pages/basic-view/color/color.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | 9 | }, 10 | 11 | /** 12 | * 生命周期函数--监听页面加载 13 | */ 14 | onLoad: function (options) { 15 | 16 | }, 17 | 18 | /** 19 | * 生命周期函数--监听页面初次渲染完成 20 | */ 21 | onReady: function () { 22 | 23 | }, 24 | 25 | /** 26 | * 生命周期函数--监听页面显示 27 | */ 28 | onShow: function () { 29 | 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面隐藏 34 | */ 35 | onHide: function () { 36 | 37 | }, 38 | 39 | /** 40 | * 生命周期函数--监听页面卸载 41 | */ 42 | onUnload: function () { 43 | 44 | }, 45 | 46 | /** 47 | * 页面相关事件处理函数--监听用户下拉动作 48 | */ 49 | onPullDownRefresh: function () { 50 | 51 | }, 52 | 53 | /** 54 | * 页面上拉触底事件的处理函数 55 | */ 56 | onReachBottom: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 用户点击右上角分享 62 | */ 63 | onShareAppMessage: function () { 64 | 65 | } 66 | }) -------------------------------------------------------------------------------- /pages/extend-view/keyboard/keyboard.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | Digital keyboard 4 | 数字键盘 5 | 6 | 7 | 6位数密码 8 | 4位数密码 9 | 锁屏密码 10 | 11 | 12 | 13 | 14 | 请输入密码 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /components/actionsheet/actionsheet.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{tips}} 4 | 5 | 6 | 7 | {{item.text}} 8 | 9 | 10 | 取消 11 | 12 | -------------------------------------------------------------------------------- /pages/extend-view/common/common.js: -------------------------------------------------------------------------------- 1 | // pages/extend-view/common/common.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | 9 | }, 10 | 11 | /** 12 | * 生命周期函数--监听页面加载 13 | */ 14 | onLoad: function (options) { 15 | 16 | }, 17 | 18 | /** 19 | * 生命周期函数--监听页面初次渲染完成 20 | */ 21 | onReady: function () { 22 | 23 | }, 24 | 25 | /** 26 | * 生命周期函数--监听页面显示 27 | */ 28 | onShow: function () { 29 | 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面隐藏 34 | */ 35 | onHide: function () { 36 | 37 | }, 38 | 39 | /** 40 | * 生命周期函数--监听页面卸载 41 | */ 42 | onUnload: function () { 43 | 44 | }, 45 | 46 | /** 47 | * 页面相关事件处理函数--监听用户下拉动作 48 | */ 49 | onPullDownRefresh: function () { 50 | 51 | }, 52 | 53 | /** 54 | * 页面上拉触底事件的处理函数 55 | */ 56 | onReachBottom: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 用户点击右上角分享 62 | */ 63 | onShareAppMessage: function () { 64 | 65 | } 66 | }) -------------------------------------------------------------------------------- /pages/extend-view/keyboard/keyboard.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-btn-box { 24 | padding: 10rpx 40rpx; 25 | box-sizing: border-box; 26 | } 27 | 28 | .tui-btn-mtop { 29 | margin-top: 36rpx; 30 | } 31 | 32 | .tui-keyboard-tips { 33 | width: 100%; 34 | height: 120rpx; 35 | line-height: 1; 36 | display: flex; 37 | align-items: center; 38 | justify-content: center; 39 | font-size: 30rpx; 40 | background: #fff; 41 | position: relative; 42 | color: #333; 43 | border: 0; 44 | } 45 | 46 | .tui-digital-box { 47 | background: #fff; 48 | padding-bottom: 50rpx; 49 | border: 0; 50 | } 51 | -------------------------------------------------------------------------------- /pages/extend-view/userInfo/userInfo.js: -------------------------------------------------------------------------------- 1 | // pages/extend-view/userInfo/userInfo.js 2 | Page({ 3 | 4 | /** 5 | * 页面的初始数据 6 | */ 7 | data: { 8 | 9 | }, 10 | 11 | /** 12 | * 生命周期函数--监听页面加载 13 | */ 14 | onLoad: function (options) { 15 | 16 | }, 17 | 18 | /** 19 | * 生命周期函数--监听页面初次渲染完成 20 | */ 21 | onReady: function () { 22 | 23 | }, 24 | 25 | /** 26 | * 生命周期函数--监听页面显示 27 | */ 28 | onShow: function () { 29 | 30 | }, 31 | 32 | /** 33 | * 生命周期函数--监听页面隐藏 34 | */ 35 | onHide: function () { 36 | 37 | }, 38 | 39 | /** 40 | * 生命周期函数--监听页面卸载 41 | */ 42 | onUnload: function () { 43 | 44 | }, 45 | 46 | /** 47 | * 页面相关事件处理函数--监听用户下拉动作 48 | */ 49 | onPullDownRefresh: function () { 50 | 51 | }, 52 | 53 | /** 54 | * 页面上拉触底事件的处理函数 55 | */ 56 | onReachBottom: function () { 57 | 58 | }, 59 | 60 | /** 61 | * 用户点击右上角分享 62 | */ 63 | onShareAppMessage: function () { 64 | 65 | } 66 | }) -------------------------------------------------------------------------------- /pages/lockscreen/lockscreen.wxss: -------------------------------------------------------------------------------- 1 | page{ 2 | height: 100%; 3 | background: #fff; 4 | } 5 | .tui-userinfo{ 6 | display: flex; 7 | align-items: center; 8 | justify-content: center; 9 | flex-direction: column; 10 | padding-top: 100rpx; 11 | } 12 | .tui-avatar{ 13 | width: 160rpx; 14 | height: 160rpx; 15 | border-radius: 50%; 16 | } 17 | .tui-nickname{ 18 | font-weight: bold; 19 | font-size: 40rpx; 20 | color: #333; 21 | padding: 20rpx 0; 22 | } 23 | 24 | .tui-pwd-tips{ 25 | text-align: center; 26 | font-size: 30rpx; 27 | color: #666; 28 | padding: 70rpx 0 30rpx 0; 29 | } 30 | .tui-flex{ 31 | display: flex; 32 | align-items: center; 33 | justify-content: space-between; 34 | padding: 20rpx 20rpx; 35 | box-sizing: border-box; 36 | font-size: 30rpx; 37 | color: #333; 38 | } 39 | 40 | .tui-fingerprint-box{ 41 | display: flex; 42 | align-items: center; 43 | } 44 | .tui-text{ 45 | margin-left: 16rpx; 46 | vertical-align: middle; 47 | } -------------------------------------------------------------------------------- /pages/extend-view/actionsheet/actionsheet.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-btn-box { 24 | padding: 10rpx 40rpx; 25 | box-sizing: border-box; 26 | } 27 | 28 | .tui-btn-mtop { 29 | margin-top: 36rpx; 30 | } 31 | 32 | .tui-keyboard-tips { 33 | width: 100%; 34 | height: 120rpx; 35 | line-height: 1; 36 | display: flex; 37 | align-items: center; 38 | justify-content: center; 39 | font-size: 30rpx; 40 | background: #fff; 41 | position: relative; 42 | color: #333; 43 | border: 0; 44 | } 45 | 46 | .tui-digital-box { 47 | background: #fff; 48 | padding-bottom: 50rpx; 49 | border: 0; 50 | } 51 | -------------------------------------------------------------------------------- /pages/extend-view/formValidation/formValidation.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 50rpx 0; 3 | } 4 | 5 | .tui-line-cell { 6 | width: 100%; 7 | box-sizing: border-box; 8 | display: flex; 9 | align-items: center; 10 | } 11 | 12 | .tui-title { 13 | line-height: 32rpx; 14 | flex-shrink: 0; 15 | } 16 | 17 | .tui-input { 18 | font-size: 32rpx; 19 | color: #333; 20 | padding-left: 20rpx; 21 | flex: 1; 22 | } 23 | 24 | .radio-group { 25 | margin-left: auto; 26 | transform: scale(0.8); 27 | transform-origin: 100% center; 28 | flex-shrink: 0; 29 | } 30 | 31 | .tui-radio { 32 | display: inline-block; 33 | padding-left: 28rpx; 34 | font-size: 36rpx; 35 | vertical-align: middle; 36 | } 37 | 38 | 39 | .tui-btn-box { 40 | padding: 40rpx 50rpx; 41 | box-sizing: border-box; 42 | } 43 | 44 | .btn-gray { 45 | margin-top: 30rpx; 46 | } 47 | 48 | .tui-tips { 49 | padding: 30rpx; 50 | color: #999; 51 | font-size: 24rpx; 52 | } -------------------------------------------------------------------------------- /pages/extend-view/lockscreen/lockscreen.wxss: -------------------------------------------------------------------------------- 1 | page{ 2 | height: 100%; 3 | background: #fff; 4 | } 5 | .tui-userinfo{ 6 | display: flex; 7 | align-items: center; 8 | justify-content: center; 9 | flex-direction: column; 10 | padding-top: 100rpx; 11 | } 12 | .tui-avatar{ 13 | width: 160rpx; 14 | height: 160rpx; 15 | border-radius: 50%; 16 | } 17 | .tui-nickname{ 18 | font-weight: bold; 19 | font-size: 40rpx; 20 | color: #333; 21 | padding: 20rpx 0; 22 | } 23 | 24 | .tui-pwd-tips{ 25 | text-align: center; 26 | font-size: 30rpx; 27 | color: #666; 28 | padding: 70rpx 0 30rpx 0; 29 | } 30 | .tui-flex{ 31 | display: flex; 32 | align-items: center; 33 | justify-content: space-between; 34 | padding: 20rpx 20rpx; 35 | box-sizing: border-box; 36 | font-size: 30rpx; 37 | color: #333; 38 | } 39 | 40 | .tui-fingerprint-box{ 41 | display: flex; 42 | align-items: center; 43 | } 44 | .tui-text{ 45 | margin-left: 16rpx; 46 | vertical-align: middle; 47 | } -------------------------------------------------------------------------------- /pages/location/location.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {{address}} 10 | 11 | 12 | 13 | {{longitude}},{{latitude}} 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /pages/extend-view/tabs/tabs.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | currentTab: 0, 4 | bgColor: "linear-gradient(90deg, rgb(255, 118, 38), rgb(252, 30, 82))", 5 | navbar: [{ 6 | name: "正在疯抢" 7 | }, { 8 | name: "即将开始" 9 | }], 10 | tabs: [{ 11 | name: "正在疯抢" 12 | }, { 13 | name: "即将开始" 14 | }, { 15 | name: "明日预告" 16 | }], 17 | tabs2: [{ 18 | name: "今日特拼" 19 | }, { 20 | name: "全部" 21 | }, { 22 | name: "新品" 23 | }, { 24 | name: "禁用状态", 25 | disabled: true 26 | }], 27 | tabs3: [{ 28 | name: "今日特拼" 29 | }, { 30 | name: "全部" 31 | }, { 32 | name: "新品" 33 | }, { 34 | name: "品牌" 35 | }] 36 | }, 37 | onLoad: function(options) { 38 | 39 | }, 40 | change(e) { 41 | this.setData({ 42 | currentTab: e.detail.index 43 | }) 44 | }, 45 | goNavBar() { 46 | wx.navigateTo({ 47 | url: "/pages/navbar-1/navbar-1" 48 | }) 49 | } 50 | }) -------------------------------------------------------------------------------- /pages/extend-view/template/template.wxml: -------------------------------------------------------------------------------- 1 | 2 | 功能开发中，敬请期待！最新完成： 3 | 聊天模板 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | {{item.name+item.stateText}} 14 | {{model}} 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /components/list-view/list-view.wxss: -------------------------------------------------------------------------------- 1 | .tui-list-title{ 2 | width: 100%; 3 | padding: 30rpx; 4 | box-sizing: border-box; 5 | font-size: 30rpx; 6 | line-height: 30rpx; 7 | color: #666; 8 | } 9 | .tui-list-content{ 10 | width: 100%; 11 | position: relative; 12 | } 13 | .tui-list-content::before { 14 | content: " "; 15 | position: absolute; 16 | top: -1rpx; 17 | right: 0; 18 | left: 0; 19 | border-top: 1rpx solid #eaeef1; 20 | -webkit-transform: scaleY(0.5); 21 | transform: scaleY(0.5); 22 | 23 | } 24 | .tui-list-content::after { 25 | content: ''; 26 | position: absolute; 27 | border-bottom: 1rpx solid #eaeef1; 28 | -webkit-transform: scaleY(0.5); 29 | transform: scaleY(0.5); 30 | bottom: 0; 31 | right: 0; 32 | left: 0; 33 | } 34 | 35 | .tui-border-top::before { 36 | border-top: 0; 37 | } 38 | .tui-border-bottom::after { 39 | border-bottom:0; 40 | } 41 | .tui-border-all::after { 42 | border-bottom:0; 43 | } 44 | .tui-border-all::before { 45 | border-top:0; 46 | } -------------------------------------------------------------------------------- /components/tips/tips.js: -------------------------------------------------------------------------------- 1 | let timer; 2 | Component({ 3 | externalClasses: ['tui-tips-class'], 4 | properties: { 5 | //top bottom center 6 | position: { 7 | type: String, 8 | value: "top" 9 | } 10 | }, 11 | data: { 12 | show: false, 13 | msg: "无法连接到服务器~", 14 | //translucent,primary,green,warning,danger 15 | type: "translucent" 16 | }, 17 | lifetimes: { 18 | detached: function() { 19 | clearTimeout(timer); 20 | timer = null; 21 | } 22 | }, 23 | methods: { 24 | showTips: function(options) { 25 | const {type = 'translucent', duration = 2000} = options; 26 | clearTimeout(timer); 27 | this.setData({ 28 | show: true, 29 | type: type, 30 | msg: options.msg 31 | }, () => { 32 | timer = setTimeout(() => { 33 | this.setData({ 34 | show: false 35 | }, () => { 36 | timer = null; 37 | }) 38 | }, duration) 39 | }) 40 | } 41 | } 42 | }) -------------------------------------------------------------------------------- /components/list-cell/list-cell.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-cell-class'], //自定义样式 3 | properties: { 4 | arrow: { 5 | type: Boolean, 6 | value: false //是否有箭头 7 | }, 8 | hover: { 9 | type: Boolean, 10 | value: true //是否有点击效果 11 | }, 12 | last: { 13 | type: Boolean, 14 | value: false //最后一条数据隐藏线条 15 | }, 16 | lineLeft: { 17 | type: Boolean, 18 | value: true 19 | }, 20 | lineRight: { 21 | type: Boolean, 22 | value: false 23 | }, 24 | padding: { 25 | type: String, 26 | value: "26rpx 30rpx" 27 | }, 28 | bgcolor:{ 29 | type: String, 30 | value: "#fff" //背景颜色 31 | }, 32 | size:{ 33 | type: Number, 34 | value: 32//字体大小 35 | }, 36 | color: { 37 | type: String, 38 | value: "#333" //字体颜色 39 | } 40 | }, 41 | data: { 42 | 43 | }, 44 | methods: { 45 | handleClick() { 46 | this.triggerEvent('click', {}); 47 | } 48 | } 49 | }) -------------------------------------------------------------------------------- /components/tag/tag.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | module.exports = { 6 | getTypeClass: function(type, plain) { 7 | return plain ? 'tui-' + type + '-outline' : 'tui-' + type 8 | }, 9 | getClassName: function(shape, plain) { 10 | //circle, square，circleLeft，circleRight 11 | var className = plain ? 'tui-tag-outline ' : ''; 12 | if (shape != 'square') { 13 | if (shape == "circle") { 14 | className = className + (plain ? 'tui-tag-outline-fillet' : 'tui-tag-fillet'); 15 | } else if (shape == "circleLeft") { 16 | className = className + 'tui-tag-fillet-left'; 17 | } else if (shape == "circleRight") { 18 | className = className + 'tui-tag-fillet-right'; 19 | } 20 | } 21 | return className; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /components/divider/divider.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | externalClasses: ['tui-divider-class'], 3 | properties: { 4 | //divider占据高度 5 | height: { 6 | type: Number, 7 | value: 100 8 | }, 9 | //divider宽度，可填写具体长度，如400rpx 10 | width: { 11 | type: String, 12 | value: "100%" 13 | }, 14 | //divider颜色，如果为渐变线条，此属性失效 15 | dividerColor: { 16 | type: String, 17 | value: "#e5e5e5" 18 | }, 19 | //文字颜色 20 | color: { 21 | type: String, 22 | value: "#999" 23 | }, 24 | //文字大小 rpx 25 | size: { 26 | type: Number, 27 | value: 24 28 | }, 29 | //背景颜色，和当前页面背景色保持一致 30 | bgcolor: { 31 | type: String, 32 | value: "#fafafa" 33 | }, 34 | //是否为渐变线条，为true，divideColor失效 35 | gradual: { 36 | type: Boolean, 37 | value: false 38 | }, 39 | //渐变色值，to right ，提供两个色值即可，由浅至深 40 | gradualColor: { 41 | type: Array, 42 | value: ["#eee", "#ccc"] 43 | } 44 | }, 45 | data: {}, 46 | methods: {} 47 | }) -------------------------------------------------------------------------------- /components/scroll-top/scroll-top.wxml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /pages/news/news.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | {{item.title}} 7 | 8 | 9 | 10 | {{wxs.getLabelText(item.label)}} 11 | {{item.source}} 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /pages/basic-view/footer/footer.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | navigate: [{ 4 | url: "../../index/index", 5 | type: "switchTab", 6 | text: "ThorUI首页" 7 | }], 8 | navigate2: [{ 9 | url: "../../index/index", 10 | type: "switchTab", 11 | text: "返回首页", 12 | color: "#5677fc" 13 | }, { 14 | url: "../../my/my", 15 | type: "switchTab", 16 | text: "个人中心", 17 | color: "#5677fc", 18 | size: 30 19 | }], 20 | navigate3: [{ 21 | url: "../../index/index", 22 | type: "switchTab", 23 | text: "返回首页" 24 | }, { 25 | url: "../../my/my", 26 | type: "switchTab", 27 | text: "个人中心" 28 | }, { 29 | url: "../../about/about", 30 | type: "navigate", 31 | text: "Thor UI" 32 | }], 33 | copyright: " Copyright © 2014-2019 Thor UI." 34 | }, 35 | onLoad: function (options) { 36 | 37 | }, 38 | detail: function () { 39 | wx.showToast({ 40 | title: '详情功能尚未完善~', 41 | icon: "none" 42 | }) 43 | } 44 | }) -------------------------------------------------------------------------------- /pages/extend-view/numberbox/numberbox.js: -------------------------------------------------------------------------------- 1 | const util = require('../../../utils/util.js') 2 | Page({ 3 | data: { 4 | value: 0, 5 | value2: 1, 6 | value3: 1, 7 | value4: 0, 8 | value5: 1, 9 | value6: 1, 10 | value7: 1 11 | }, 12 | onLoad: function (options) { }, 13 | change: function (e) { 14 | this.setData({ 15 | value: e.detail.value 16 | }) 17 | }, 18 | change2: function (e) { 19 | this.setData({ 20 | value2: e.detail.value 21 | }) 22 | }, 23 | change3: function (e) { 24 | this.setData({ 25 | value3: e.detail.value 26 | }) 27 | }, 28 | change4: function (e) { 29 | this.setData({ 30 | value4: e.detail.value 31 | }) 32 | }, 33 | change5: function (e) { 34 | this.setData({ 35 | value5: e.detail.value 36 | }) 37 | }, 38 | change6: function (e) { 39 | this.setData({ 40 | value6: e.detail.value 41 | }) 42 | }, 43 | change7: function (e) { 44 | this.setData({ 45 | value7: e.detail.value 46 | }) 47 | } 48 | }) -------------------------------------------------------------------------------- /components/extend/tips/tips.wxss: -------------------------------------------------------------------------------- 1 | .tui-tips-box { 2 | display: flex; 3 | flex-direction: column; 4 | justify-content: center; 5 | align-items: center; 6 | text-align: center 7 | } 8 | 9 | .tui-tips-fixed { 10 | width: 90%; 11 | position: fixed; 12 | left: 50%; 13 | top: 50%; 14 | -webkit-transform: translate(-50%, -50%); 15 | transform: translate(-50%, -50%); 16 | } 17 | 18 | .tui-tips-icon { 19 | display: block; 20 | flex-shrink: 0; 21 | width: 280rpx; 22 | height: 280rpx; 23 | margin-bottom: 40rpx; 24 | } 25 | 26 | .tui-tips-content { 27 | text-align: center; 28 | color: #666666; 29 | font-size: 28rpx; 30 | padding: 0 50rpx 24rpx 50rpx; 31 | box-sizing: border-box; 32 | word-break: break-all; 33 | word-wrap: break-word; 34 | } 35 | 36 | .tui-tips-btn { 37 | height: 60rpx; 38 | line-height: 60rpx; 39 | font-size: 28rpx; 40 | background: #EB0909; 41 | color: #fff; 42 | border-radius: 6rpx; 43 | margin: 0; 44 | } 45 | 46 | .tui-tips-btn-hover { 47 | background: #c80808; 48 | color: #e5e5e5; 49 | } -------------------------------------------------------------------------------- /pages/extend-view/modal/modal.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 20rpx 0 120rpx 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | .header { 7 | padding: 80rpx 90rpx 60rpx 90rpx; 8 | box-sizing: border-box; 9 | } 10 | 11 | .title { 12 | font-size: 34rpx; 13 | color: #333; 14 | font-weight: 500; 15 | } 16 | 17 | .sub-title { 18 | font-size: 24rpx; 19 | color: #7a7a7a; 20 | padding-top: 18rpx; 21 | } 22 | 23 | .tui-btn-box { 24 | padding: 10rpx 40rpx; 25 | box-sizing: border-box; 26 | } 27 | 28 | .tui-btn-mtop { 29 | margin-top: 36rpx; 30 | } 31 | 32 | .tui-modal-custom { 33 | text-align: center; 34 | } 35 | 36 | .tui-tips-img { 37 | width: 80rpx; 38 | height: 80rpx; 39 | margin-top: 20rpx; 40 | } 41 | 42 | .tui-modal-custom-text { 43 | font-size: 30rpx; 44 | color: #333; 45 | padding: 20rpx 0; 46 | } 47 | 48 | .tui-prompt-title { 49 | padding-bottom: 20rpx; 50 | font-size: 34rpx; 51 | } 52 | 53 | .tui-input { 54 | margin: 30rpx 40rpx; 55 | border-bottom: 1rpx solid #e6e6e6; 56 | padding-bottom: 20rpx; 57 | font-size: 32rpx; 58 | } 59 | -------------------------------------------------------------------------------- /components/card/card.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{title.text}} 6 | 7 | 8 | {{tag.text}} 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /pages/extend-view/divider/divider.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | Divider 4 | 分隔符：可设置占据高度，线条宽度，颜色等 5 | 6 | 7 | 默认divider 8 | 改变线条颜色 9 | 改变所有颜色 10 | 改变线条宽度 11 | 改变线条宽度 12 | 渐变线条 13 | 渐变线条 14 | 渐变线条 15 | 改变字体大小 16 | 17 | 18 | 19 | 20 | 21 | 猜你喜欢 22 | 23 | 24 | -------------------------------------------------------------------------------- /components/swipe-action/swipe-action.wxss: -------------------------------------------------------------------------------- 1 | .tui-swipeout-wrap { 2 | background: #fff; 3 | position: relative; 4 | overflow: hidden; 5 | } 6 | .swipe-action-show{ 7 | position: relative; 8 | z-index: 99999 9 | } 10 | .tui-swipeout-item { 11 | width: 100%; 12 | /* padding: 15px 20px; */ 13 | box-sizing: border-box; 14 | transition: transform 0.2s ease; 15 | font-size: 14px; 16 | } 17 | 18 | .tui-swipeout-content { 19 | white-space: nowrap; 20 | overflow: hidden; 21 | } 22 | 23 | .tui-swipeout-button-right-group { 24 | position: absolute; 25 | right: -100%; 26 | top: 0; 27 | height: 100%; 28 | z-index: 1; 29 | width: 100%; 30 | } 31 | 32 | .tui-swipeout-button-right-item { 33 | height: 100%; 34 | float: left; 35 | white-space: nowrap; 36 | box-sizing: border-box; 37 | display: flex; 38 | align-items: center; 39 | justify-content: center; 40 | text-align: center; 41 | } 42 | .swipe-action_mask { 43 | display: block; 44 | opacity: 0; 45 | position: fixed; 46 | z-index: 999; 47 | top: 0; 48 | left: 0; 49 | width: 100%; 50 | height: 100%; 51 | } 52 | -------------------------------------------------------------------------------- /pages/weather/weather.js: -------------------------------------------------------------------------------- 1 | const amap = require('../../libs/amap-wx.js') 2 | Page({ 3 | data: { 4 | amapPlugin: null, 5 | key: "6799b5f6f88d3d9fb52ac244855a8759", 6 | obj:{} 7 | }, 8 | onLoad: function (options) { 9 | this.setData({ 10 | amapPlugin: new amap.AMapWX({ 11 | key: this.data.key 12 | }) 13 | },()=>{ 14 | this.getWeather() 15 | }) 16 | }, 17 | //获取天气数据 18 | getWeather:function(){ 19 | wx.showLoading({ 20 | title: '请稍候...' 21 | }) 22 | 23 | // type：天气的类型。默认是live（实时天气），可设置成forecast（预报天气）。 24 | // city：城市对应的adcode，非必填。为空时，基于当前位置所在区域。 如：440300，返回深圳市天气 25 | // success(data) ：调用成功的回调函数。 26 | // fail(info) ：调用失败的回调函数。 27 | this.data.amapPlugin.getWeather({ 28 | success: (data) =>{ 29 | //成功回调 30 | //console.log(data) 31 | wx.hideLoading() 32 | this.setData({ 33 | obj:data 34 | }) 35 | }, 36 | fail: function (info) { 37 | //失败回调 38 | console.log(info) 39 | } 40 | }) 41 | }, 42 | back(){ 43 | wx.navigateBack() 44 | } 45 | }) -------------------------------------------------------------------------------- /components/footer/footer.wxss: -------------------------------------------------------------------------------- 1 | .tui-footer{ 2 | width: 100%; 3 | overflow: hidden; 4 | padding: 30rpx 24rpx; 5 | box-sizing: border-box; 6 | } 7 | .tui-fixed{ 8 | position: fixed; 9 | bottom:env(safe-area-inset-bottom); 10 | z-index: 9999; 11 | } 12 | .tui-footer-link{ 13 | color: #596d96; 14 | display: flex; 15 | align-items: center; 16 | justify-content: center; 17 | font-size: 28rpx; 18 | } 19 | .tui-link{ 20 | position: relative; 21 | padding: 0 18rpx; 22 | line-height: 1; 23 | } 24 | .tui-link::before{ 25 | content: " "; 26 | position: absolute; 27 | right: 0; 28 | top: 0; 29 | width: 1px; 30 | bottom: 0; 31 | border-right: 1px solid #d3d3d3; 32 | -webkit-transform-origin: 100% 0; 33 | transform-origin: 100% 0; 34 | -webkit-transform: scaleX(0.5); 35 | transform: scaleX(0.5); 36 | } 37 | .tui-link:last-child::before{ 38 | border-right:0 !important 39 | } 40 | .tui-link-hover{ 41 | opacity: .5 42 | } 43 | .tui-footer-copyright{ 44 | font-size: 24rpx; 45 | color: #A7A7A7; 46 | line-height: 1; 47 | text-align: center; 48 | padding-top: 16rpx 49 | } -------------------------------------------------------------------------------- /pages/msgtips/msgtips.js: -------------------------------------------------------------------------------- 1 | const utils = require('../../components/utils/utils'); 2 | Page({ 3 | data: { 4 | basicData: [{ 5 | type: "translucent", 6 | msg: "一般消息提示~" 7 | }, { 8 | type: "green", 9 | msg: "成功消息提示~" 10 | }, { 11 | type: "warning", 12 | msg: "警告消息提示~" 13 | }, { 14 | type: "danger", 15 | msg: "错误消息提示~" 16 | }, { 17 | type: "primary", 18 | msg: "其他消息提示~" 19 | }, { 20 | type: "primary", 21 | msg: "长文字消息提示，看不完信息？可自定义设置显示时间，建议提示信息不要过长" 22 | }, { 23 | type: "translucent", 24 | msg: "4S后关闭提示框", 25 | duration:4000 26 | }], 27 | index:0 28 | }, 29 | showTips: function(e) { 30 | let index = e.currentTarget.dataset.index; 31 | let options={ 32 | msg: this.data.basicData[index].msg, 33 | duration: this.data.basicData[index].duration || 2000, 34 | type: this.data.basicData[index].type 35 | }; 36 | utils.toast(options); 37 | }, 38 | switchTabs:function(e){ 39 | this.setData({ 40 | index:e.currentTarget.dataset.index 41 | }) 42 | } 43 | }) -------------------------------------------------------------------------------- /pages/extend-view/toast/toast.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | 4 | }, 5 | onReady: function (options) { 6 | this.toast = this.selectComponent("#tui-tips-ctx") 7 | }, 8 | showToast(e) { 9 | let type = Number(e.currentTarget.dataset.index); 10 | let params = { 11 | title: "操作成功", 12 | imgUrl: "/static/images/toast/check-circle.png", 13 | icon: true 14 | }; 15 | switch (type) { 16 | case 2: 17 | params.title = "操作失败"; 18 | params.imgUrl = "/static/images/toast/fail-circle.png"; 19 | break; 20 | case 3: 21 | params.title = "提示信息"; 22 | params.imgUrl = "/static/images/toast/info-circle.png"; 23 | break; 24 | case 4: 25 | params.title = "提示信息"; 26 | params.icon = false; 27 | break; 28 | case 5: 29 | params.title = "标题信息"; 30 | params.content = "操作成功，内容信息"; 31 | break; 32 | case 6: 33 | params.title = "5s后消失~"; 34 | params.duration = 4000; 35 | break; 36 | default: 37 | break; 38 | } 39 | this.toast.show(params); 40 | } 41 | }) -------------------------------------------------------------------------------- /pages/extend-view/msgtips/msgtips.js: -------------------------------------------------------------------------------- 1 | const utils = require('../../../components/utils/utils'); 2 | Page({ 3 | data: { 4 | basicData: [{ 5 | type: "translucent", 6 | msg: "一般消息提示~" 7 | }, { 8 | type: "green", 9 | msg: "成功消息提示~" 10 | }, { 11 | type: "warning", 12 | msg: "警告消息提示~" 13 | }, { 14 | type: "danger", 15 | msg: "错误消息提示~" 16 | }, { 17 | type: "primary", 18 | msg: "其他消息提示~" 19 | }, { 20 | type: "primary", 21 | msg: "长文字消息提示，看不完信息？可自定义设置显示时间，建议提示信息不要过长" 22 | }, { 23 | type: "translucent", 24 | msg: "4S后关闭提示框", 25 | duration:4000 26 | }], 27 | index:0 28 | }, 29 | showTips: function(e) { 30 | let index = e.currentTarget.dataset.index; 31 | let options={ 32 | msg: this.data.basicData[index].msg, 33 | duration: this.data.basicData[index].duration || 2000, 34 | type: this.data.basicData[index].type 35 | }; 36 | utils.toast(options); 37 | }, 38 | switchTabs:function(e){ 39 | this.setData({ 40 | index:e.currentTarget.dataset.index 41 | }) 42 | } 43 | }) -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 echo. 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /components/tui-skeleton/tui-skeleton.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | module.exports = { 8 | getLoadingType: function(type) { 9 | var value = 1 10 | if (type && type > 0 && type < 11) { 11 | value = type 12 | } 13 | return 'tui-loading-' + value 14 | }, 15 | getRadius: function(type, val) { 16 | var radius = "0" 17 | if (type == "circular") { 18 | radius = "50%" 19 | } else if (type == "fillet") { 20 | radius = val 21 | } 22 | return radius; 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /components/list-cell/list-cell.wxss: -------------------------------------------------------------------------------- 1 | .tui-list-cell { 2 | position: relative; 3 | width: 100%; 4 | box-sizing: border-box; 5 | overflow: hidden; 6 | display: flex; 7 | align-items: center; 8 | } 9 | 10 | .tui-cell-hover { 11 | background: #f7f7f9 !important; 12 | } 13 | 14 | .tui-list-cell::after { 15 | content: ''; 16 | position: absolute; 17 | border-bottom: 1rpx solid #eaeef1; 18 | -webkit-transform: scaleY(0.5); 19 | transform: scaleY(0.5); 20 | bottom: 0; 21 | right: 0; 22 | left: 0; 23 | } 24 | .tui-line-left::after{ 25 | left: 30rpx !important; 26 | } 27 | 28 | .tui-line-right::after{ 29 | right: 30rpx !important; 30 | } 31 | 32 | .tui-cell-last::after { 33 | border-bottom: 0 !important; 34 | } 35 | 36 | .tui-list-cell.tui-cell-arrow:before { 37 | content: " "; 38 | height: 11px; 39 | width: 11px; 40 | border-width: 2px 2px 0 0; 41 | border-color: #b2b2b2; 42 | border-style: solid; 43 | -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0); 44 | transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0); 45 | position: absolute; 46 | top: 50%; 47 | margin-top: -7px; 48 | right: 30rpx; 49 | } 50 | -------------------------------------------------------------------------------- /pages/extend-view/alert/alert.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data: { 3 | visible: false, 4 | maskClosable: false, 5 | btnColor: "#EB0909", 6 | color: "#333", 7 | btnText: "确定" 8 | }, 9 | onLoad: function(options) { 10 | 11 | }, 12 | showAlert(e) { 13 | let type = Number(e.currentTarget.dataset.index); 14 | this.setData({ 15 | btnText: "确定", 16 | btnColor: "#EB0909", 17 | color: "#333", 18 | maskClosable: false 19 | }) 20 | 21 | switch (type) { 22 | case 2: 23 | this.setData({ 24 | btnColor: "#000" 25 | }) 26 | break; 27 | case 3: 28 | this.setData({ 29 | btnText: "点击关闭" 30 | }) 31 | break; 32 | case 4: 33 | this.setData({ 34 | color: "#EB0909" 35 | }) 36 | break; 37 | case 5: 38 | this.setData({ 39 | maskClosable: true 40 | }) 41 | break; 42 | default: 43 | break; 44 | } 45 | this.setData({ 46 | visible: true 47 | }) 48 | }, 49 | hideAlert(type) { 50 | this.setData({ 51 | visible: false 52 | }) 53 | } 54 | }) -------------------------------------------------------------------------------- /components/badge/badge.wxss: -------------------------------------------------------------------------------- 1 | /* color start*/ 2 | 3 | .tui-primary { 4 | background: #5677fc; 5 | color: #fff; 6 | } 7 | .tui-danger { 8 | background: #ed3f14; 9 | color: #fff; 10 | } 11 | .tui-red { 12 | background: #ff201f; 13 | color: #fff; 14 | } 15 | 16 | .tui-warning { 17 | background: #ff7900; 18 | color: #fff; 19 | } 20 | 21 | .tui-green { 22 | background: #19be6b; 23 | color: #fff; 24 | } 25 | 26 | .tui-white { 27 | background: #fff; 28 | color: #333; 29 | } 30 | .tui-black { 31 | background: #000; 32 | color: #fff; 33 | } 34 | 35 | .tui-gray { 36 | background: #ededed; 37 | color: #999; 38 | } 39 | 40 | /* color end*/ 41 | 42 | /* badge start*/ 43 | 44 | .tui-badge-dot { 45 | height: 16rpx; 46 | width: 16rpx; 47 | border-radius: 8rpx; 48 | /* display: inline-block; 49 | vertical-align: middle; */ 50 | line-height: 1; 51 | } 52 | 53 | .tui-badge { 54 | font-size: 12px; 55 | line-height: 1; 56 | /* display: inline-block; 57 | vertical-align: middle; */ 58 | padding: 3px 6px; 59 | border-radius: 50px; 60 | } 61 | 62 | .tui-badge-small { 63 | transform: scale(0.8); 64 | transform-origin: center center; 65 | } 66 | 67 | /* badge end*/ -------------------------------------------------------------------------------- /components/tui-upload/tui-upload.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | {{statusArr[index]==2?'上传中...':'上传失败'}} 9 | 重新上传 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /components/extend/button/button.js: -------------------------------------------------------------------------------- 1 | Component({ 2 | properties: { 3 | //样式类型 primary, white, danger, warning, green,blue, gray，black 4 | type: { 5 | type: String, 6 | value: 'primary' 7 | }, 8 | //是否加阴影 type =primary和 danger有效 9 | shadow: { 10 | type: Boolean, 11 | value: false 12 | }, 13 | // 宽度 rpx或 % 14 | width: { 15 | type: String, 16 | value: '100%' 17 | }, 18 | //高度 rpx 19 | height: { 20 | type: String, 21 | value: '94rpx' 22 | }, 23 | //字体大小 rpx 24 | size: { 25 | type: Number, 26 | value: 32 27 | }, 28 | //形状 circle(圆角), square(默认方形)，rightAngle(平角) 29 | shape: { 30 | type: String, 31 | value: 'square' 32 | }, 33 | plain: { 34 | type: Boolean, 35 | value: false 36 | }, 37 | disabled: { 38 | type: Boolean, 39 | value: false 40 | }, 41 | loading: { 42 | type: Boolean, 43 | value: false 44 | } 45 | }, 46 | data: { 47 | 48 | }, 49 | methods: { 50 | handleClick() { 51 | if (this.data.disabled) { 52 | return false; 53 | } 54 | this.triggerEvent('click', {}) 55 | } 56 | } 57 | }) --------------------------------------------------------------------------------