From 92b9426b913cb2f944b108ad8a28da4d1127395d Mon Sep 17 00:00:00 2001 From: xushengni Date: Fri, 2 Aug 2019 15:40:35 +0800 Subject: [PATCH] doc: example update --- dist/example/half-screen-dialog/dialog.js | 15 ++ dist/example/half-screen-dialog/dialog.wxml | 28 ++++ dist/example/half-screen-dialog/dialog.wxss | 12 ++ .../half-screen-dialog/half-screen-dialog.js | 15 ++ .../half-screen-dialog.json | 3 + .../half-screen-dialog.wxml | 40 ++++++ .../half-screen-dialog.wxss | 17 +++ dist/example/images/icon_del.svg | 1 + dist/example/images/icon_love.svg | 1 + dist/example/images/icon_star.svg | 1 + dist/example/loading/loading.js | 1 + dist/example/loading/loading.json | 3 + dist/example/loading/loading.wxml | 17 +++ dist/example/loading/loading.wxss | 9 ++ dist/example/loading/loadmore.js | 1 + dist/example/loading/loadmore.wxml | 18 +++ dist/example/loading/loadmore.wxss | 3 + dist/example/navbar/navigation_bar.js | 66 +++++++++ dist/example/navbar/navigation_bar.json | 3 + dist/example/navbar/navigation_bar.wxml | 2 + dist/example/navbar/navigation_bar.wxss | 1 + dist/example/navigation-bar/navigation-bar.js | 2 + .../navigation-bar/navigation-bar.json | 3 + .../navigation-bar/navigation-bar.wxml | 29 ++++ .../navigation-bar/navigation-bar.wxss | 2 + dist/example/navigation-bar/navigation_bar.js | 2 + .../navigation-bar/navigation_bar.wxml | 29 ++++ .../navigation-bar/navigation_bar.wxss | 2 + dist/example/navigation_bar/navigation_bar.js | 2 + .../navigation_bar/navigation_bar.json | 3 + .../navigation_bar/navigation_bar.wxml | 29 ++++ .../navigation_bar/navigation_bar.wxss | 2 + dist/example/navigationbar/tabbar.js | 1 + dist/example/navigationbar/tabbar.wxml | 6 + dist/example/slideview/list.js | 8 ++ dist/example/slideview/list.wxml | 131 +++++++++++++++++ dist/example/slideview/list.wxss | 0 dist/example/slideview/slideview.js | 8 ++ dist/example/slideview/slideview.json | 3 + dist/example/slideview/slideview.wxml | 65 +++++++++ dist/example/slideview/slideview.wxss | 15 ++ dist/project.config.json | 47 ++++++ dist/sitemap.json | 7 + dist/sitemap42.json | 7 + dist/sitemap92.json | 7 + dist/style/base/variable/weui-tab.wxss | 5 + dist/style/widget/weui-cell/weui-gallery.wxss | 6 + .../widget/weui-cell/weui-slideview.wxss | 6 + .../widget/weui-loading/weui-dot-loading.wxss | 6 + .../weui-navigation-bar.wxss | 6 + dist/style/widget/weui-tab/weui-tabbar.wxss | 6 + dist/style/widget/weui-tips/weui-dialog.wxss | 6 + .../weui-tips/weui-half-screen-dialog.wxss | 6 + dist/style/widget/weui-tips/weui-mask.wxss | 6 + dist/style/widget/weui-tips/weui-toptips.wxss | 6 + .../half-screen-dialog/half-screen-dialog.js | 15 ++ .../half-screen-dialog.wxml | 40 ++++++ .../half-screen-dialog.wxss | 17 +++ src/example/images/icon_del.svg | 1 + src/example/images/icon_love.svg | 1 + src/example/images/icon_star.svg | 1 + src/example/loading/loading.js | 1 + src/example/loading/loading.wxml | 17 +++ src/example/loading/loading.wxss | 9 ++ src/example/navigation-bar/navigation-bar.js | 2 + .../navigation-bar/navigation-bar.wxml | 29 ++++ .../navigation-bar/navigation-bar.wxss | 2 + src/example/navigation_bar/navigation_bar.js | 2 + .../navigation_bar/navigation_bar.wxml | 29 ++++ .../navigation_bar/navigation_bar.wxss | 2 + src/example/slideview/slideview.js | 8 ++ src/example/slideview/slideview.wxml | 65 +++++++++ src/example/slideview/slideview.wxss | 15 ++ src/example/tabbar/tabbar.wxss | 6 + src/style/base/variable/weui-tab.wxss | 22 +++ src/style/widget/weui-cell/weui-gallery.wxss | 86 +++++++++++ .../widget/weui-cell/weui-slideview.wxss | 116 +++++++++++++++ .../widget/weui-loading/weui-dot-loading.wxss | 88 ++++++++++++ .../weui-navigation-bar.wxss | 109 ++++++++++++++ src/style/widget/weui-tab/weui-tabbar.wxss | 86 +++++++++++ src/style/widget/weui-tips/weui-dialog.wxss | 132 +++++++++++++++++ .../weui-tips/weui-half-screen-dialog.wxss | 136 ++++++++++++++++++ src/style/widget/weui-tips/weui-mask.wxss | 40 ++++++ src/style/widget/weui-tips/weui-toptips.wxss | 59 ++++++++ 84 files changed, 1862 insertions(+) create mode 100755 dist/example/half-screen-dialog/dialog.js create mode 100755 dist/example/half-screen-dialog/dialog.wxml create mode 100755 dist/example/half-screen-dialog/dialog.wxss create mode 100755 dist/example/half-screen-dialog/half-screen-dialog.js create mode 100644 dist/example/half-screen-dialog/half-screen-dialog.json create mode 100755 dist/example/half-screen-dialog/half-screen-dialog.wxml create mode 100755 dist/example/half-screen-dialog/half-screen-dialog.wxss create mode 100644 dist/example/images/icon_del.svg create mode 100644 dist/example/images/icon_love.svg create mode 100644 dist/example/images/icon_star.svg create mode 100755 dist/example/loading/loading.js create mode 100644 dist/example/loading/loading.json create mode 100755 dist/example/loading/loading.wxml create mode 100755 dist/example/loading/loading.wxss create mode 100755 dist/example/loading/loadmore.js create mode 100755 dist/example/loading/loadmore.wxml create mode 100755 dist/example/loading/loadmore.wxss create mode 100644 dist/example/navbar/navigation_bar.js create mode 100644 dist/example/navbar/navigation_bar.json create mode 100644 dist/example/navbar/navigation_bar.wxml create mode 100644 dist/example/navbar/navigation_bar.wxss create mode 100755 dist/example/navigation-bar/navigation-bar.js create mode 100644 dist/example/navigation-bar/navigation-bar.json create mode 100755 dist/example/navigation-bar/navigation-bar.wxml create mode 100755 dist/example/navigation-bar/navigation-bar.wxss create mode 100755 dist/example/navigation-bar/navigation_bar.js create mode 100755 dist/example/navigation-bar/navigation_bar.wxml create mode 100755 dist/example/navigation-bar/navigation_bar.wxss create mode 100755 dist/example/navigation_bar/navigation_bar.js create mode 100644 dist/example/navigation_bar/navigation_bar.json create mode 100755 dist/example/navigation_bar/navigation_bar.wxml create mode 100755 dist/example/navigation_bar/navigation_bar.wxss create mode 100755 dist/example/navigationbar/tabbar.js create mode 100755 dist/example/navigationbar/tabbar.wxml create mode 100755 dist/example/slideview/list.js create mode 100755 dist/example/slideview/list.wxml create mode 100755 dist/example/slideview/list.wxss create mode 100755 dist/example/slideview/slideview.js create mode 100644 dist/example/slideview/slideview.json create mode 100755 dist/example/slideview/slideview.wxml create mode 100755 dist/example/slideview/slideview.wxss create mode 100644 dist/project.config.json create mode 100644 dist/sitemap.json create mode 100644 dist/sitemap42.json create mode 100644 dist/sitemap92.json create mode 100755 dist/style/base/variable/weui-tab.wxss create mode 100755 dist/style/widget/weui-cell/weui-gallery.wxss create mode 100755 dist/style/widget/weui-cell/weui-slideview.wxss create mode 100755 dist/style/widget/weui-loading/weui-dot-loading.wxss create mode 100755 dist/style/widget/weui-navigation-bar/weui-navigation-bar.wxss create mode 100755 dist/style/widget/weui-tab/weui-tabbar.wxss create mode 100755 dist/style/widget/weui-tips/weui-dialog.wxss create mode 100644 dist/style/widget/weui-tips/weui-half-screen-dialog.wxss create mode 100755 dist/style/widget/weui-tips/weui-mask.wxss create mode 100755 dist/style/widget/weui-tips/weui-toptips.wxss create mode 100755 src/example/half-screen-dialog/half-screen-dialog.js create mode 100755 src/example/half-screen-dialog/half-screen-dialog.wxml create mode 100755 src/example/half-screen-dialog/half-screen-dialog.wxss create mode 100644 src/example/images/icon_del.svg create mode 100644 src/example/images/icon_love.svg create mode 100644 src/example/images/icon_star.svg create mode 100755 src/example/loading/loading.js create mode 100755 src/example/loading/loading.wxml create mode 100755 src/example/loading/loading.wxss create mode 100755 src/example/navigation-bar/navigation-bar.js create mode 100755 src/example/navigation-bar/navigation-bar.wxml create mode 100755 src/example/navigation-bar/navigation-bar.wxss create mode 100755 src/example/navigation_bar/navigation_bar.js create mode 100755 src/example/navigation_bar/navigation_bar.wxml create mode 100755 src/example/navigation_bar/navigation_bar.wxss create mode 100755 src/example/slideview/slideview.js create mode 100755 src/example/slideview/slideview.wxml create mode 100755 src/example/slideview/slideview.wxss create mode 100644 src/example/tabbar/tabbar.wxss create mode 100755 src/style/base/variable/weui-tab.wxss create mode 100755 src/style/widget/weui-cell/weui-gallery.wxss create mode 100755 src/style/widget/weui-cell/weui-slideview.wxss create mode 100755 src/style/widget/weui-loading/weui-dot-loading.wxss create mode 100755 src/style/widget/weui-navigation-bar/weui-navigation-bar.wxss create mode 100755 src/style/widget/weui-tab/weui-tabbar.wxss create mode 100755 src/style/widget/weui-tips/weui-dialog.wxss create mode 100644 src/style/widget/weui-tips/weui-half-screen-dialog.wxss create mode 100755 src/style/widget/weui-tips/weui-mask.wxss create mode 100755 src/style/widget/weui-tips/weui-toptips.wxss diff --git a/dist/example/half-screen-dialog/dialog.js b/dist/example/half-screen-dialog/dialog.js new file mode 100755 index 00000000..3ddd3a60 --- /dev/null +++ b/dist/example/half-screen-dialog/dialog.js @@ -0,0 +1,15 @@ +Page({ + data: { + showDialog: false + }, + openDialog: function () { + this.setData({ + istrue: true + }) + }, + closeDialog: function () { + this.setData({ + istrue: false + }) + } +}); diff --git a/dist/example/half-screen-dialog/dialog.wxml b/dist/example/half-screen-dialog/dialog.wxml new file mode 100755 index 00000000..2913cb09 --- /dev/null +++ b/dist/example/half-screen-dialog/dialog.wxml @@ -0,0 +1,28 @@ + + + Dialog + 对话框，采用小程序原生的modal + + + + + + + + + + + 标题 + + + 详细内容 + + + 取消 + 确定 + + + + + + diff --git a/dist/example/half-screen-dialog/dialog.wxss b/dist/example/half-screen-dialog/dialog.wxss new file mode 100755 index 00000000..e2ff0ef3 --- /dev/null +++ b/dist/example/half-screen-dialog/dialog.wxss @@ -0,0 +1,12 @@ +page{ + background-color: #FFFFFF; +} +.weui-demo-dialog{ + visibility:hidden; + opacity:0; + transition:opacity .3s; +} +.weui-demo-dialog_show{ + visibility:visible; + opacity:1; +} diff --git a/dist/example/half-screen-dialog/half-screen-dialog.js b/dist/example/half-screen-dialog/half-screen-dialog.js new file mode 100755 index 00000000..3ddd3a60 --- /dev/null +++ b/dist/example/half-screen-dialog/half-screen-dialog.js @@ -0,0 +1,15 @@ +Page({ + data: { + showDialog: false + }, + openDialog: function () { + this.setData({ + istrue: true + }) + }, + closeDialog: function () { + this.setData({ + istrue: false + }) + } +}); diff --git a/dist/example/half-screen-dialog/half-screen-dialog.json b/dist/example/half-screen-dialog/half-screen-dialog.json new file mode 100644 index 00000000..8835af06 --- /dev/null +++ b/dist/example/half-screen-dialog/half-screen-dialog.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/dist/example/half-screen-dialog/half-screen-dialog.wxml b/dist/example/half-screen-dialog/half-screen-dialog.wxml new file mode 100755 index 00000000..8cff89bd --- /dev/null +++ b/dist/example/half-screen-dialog/half-screen-dialog.wxml @@ -0,0 +1,40 @@ + + + Half Screen Dialog + 半屏弹窗，辅助完成当前页面任务时；提醒用户并引导用户的下一步操作；用户主动发起的任务时。 + + + + + + + + + + + 关闭 + + + 标题 + 标题 + + + 更多 + + + + + 辅助描述内容，可根据实际需要安排 + + + 辅助提示内容，可根据实际需要安排 + + + + + + + + + + diff --git a/dist/example/half-screen-dialog/half-screen-dialog.wxss b/dist/example/half-screen-dialog/half-screen-dialog.wxss new file mode 100755 index 00000000..768de27c --- /dev/null +++ b/dist/example/half-screen-dialog/half-screen-dialog.wxss @@ -0,0 +1,17 @@ +.weui-demo-dialog{ + visibility:hidden; + opacity:0; + transition:all .3s; +} +.weui-half-screen-dialog{ + transition:all .3s; + transform:translateY(100%); +} +.weui-demo-dialog_show{ + visibility:visible; + opacity:1; +} +.weui-demo-dialog_show .weui-half-screen-dialog{ + transform:translateY(0); +} + diff --git a/dist/example/images/icon_del.svg b/dist/example/images/icon_del.svg new file mode 100644 index 00000000..c652fd84 --- /dev/null +++ b/dist/example/images/icon_del.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/dist/example/images/icon_love.svg b/dist/example/images/icon_love.svg new file mode 100644 index 00000000..848ccfa4 --- /dev/null +++ b/dist/example/images/icon_love.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/dist/example/images/icon_star.svg b/dist/example/images/icon_star.svg new file mode 100644 index 00000000..aa3979af --- /dev/null +++ b/dist/example/images/icon_star.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/dist/example/loading/loading.js b/dist/example/loading/loading.js new file mode 100755 index 00000000..f16cc1a8 --- /dev/null +++ b/dist/example/loading/loading.js @@ -0,0 +1 @@ +Page({}); \ No newline at end of file diff --git a/dist/example/loading/loading.json b/dist/example/loading/loading.json new file mode 100644 index 00000000..8835af06 --- /dev/null +++ b/dist/example/loading/loading.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/dist/example/loading/loading.wxml b/dist/example/loading/loading.wxml new file mode 100755 index 00000000..9df7b3d1 --- /dev/null +++ b/dist/example/loading/loading.wxml @@ -0,0 +1,17 @@ + + + Loading + 加载中 + + + + + + + + + + + + + diff --git a/dist/example/loading/loading.wxss b/dist/example/loading/loading.wxss new file mode 100755 index 00000000..c4d63934 --- /dev/null +++ b/dist/example/loading/loading.wxss @@ -0,0 +1,9 @@ +page{ + background-color: #FFFFFF; +} +.weui-loading__wrp{ + padding:16px;text-align:center; +} +.weui-loading__wrp:last-child{ + background-color:rgba(0,0,0,.1); +} diff --git a/dist/example/loading/loadmore.js b/dist/example/loading/loadmore.js new file mode 100755 index 00000000..f16cc1a8 --- /dev/null +++ b/dist/example/loading/loadmore.js @@ -0,0 +1 @@ +Page({}); \ No newline at end of file diff --git a/dist/example/loading/loadmore.wxml b/dist/example/loading/loadmore.wxml new file mode 100755 index 00000000..2c8709d4 --- /dev/null +++ b/dist/example/loading/loadmore.wxml @@ -0,0 +1,18 @@ + + + Loadmore + 加载更多 + + + + + 正在加载 + + + 暂无数据 + + + + + + \ No newline at end of file diff --git a/dist/example/loading/loadmore.wxss b/dist/example/loading/loadmore.wxss new file mode 100755 index 00000000..922ad0ef --- /dev/null +++ b/dist/example/loading/loadmore.wxss @@ -0,0 +1,3 @@ +page{ + background-color: #FFFFFF; +} \ No newline at end of file diff --git a/dist/example/navbar/navigation_bar.js b/dist/example/navbar/navigation_bar.js new file mode 100644 index 00000000..6f4c155a --- /dev/null +++ b/dist/example/navbar/navigation_bar.js @@ -0,0 +1,66 @@ +// example/navbar/navigation_bar.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/dist/example/navbar/navigation_bar.json b/dist/example/navbar/navigation_bar.json new file mode 100644 index 00000000..8835af06 --- /dev/null +++ b/dist/example/navbar/navigation_bar.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/dist/example/navbar/navigation_bar.wxml b/dist/example/navbar/navigation_bar.wxml new file mode 100644 index 00000000..cbb36b62 --- /dev/null +++ b/dist/example/navbar/navigation_bar.wxml @@ -0,0 +1,2 @@ + +example/navbar/navigation_bar.wxml diff --git a/dist/example/navbar/navigation_bar.wxss b/dist/example/navbar/navigation_bar.wxss new file mode 100644 index 00000000..04b4be23 --- /dev/null +++ b/dist/example/navbar/navigation_bar.wxss @@ -0,0 +1 @@ +/* example/navbar/navigation_bar.wxss */ \ No newline at end of file diff --git a/dist/example/navigation-bar/navigation-bar.js b/dist/example/navigation-bar/navigation-bar.js new file mode 100755 index 00000000..428a08a9 --- /dev/null +++ b/dist/example/navigation-bar/navigation-bar.js @@ -0,0 +1,2 @@ +Page({ +}); diff --git a/dist/example/navigation-bar/navigation-bar.json b/dist/example/navigation-bar/navigation-bar.json new file mode 100644 index 00000000..8835af06 --- /dev/null +++ b/dist/example/navigation-bar/navigation-bar.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/dist/example/navigation-bar/navigation-bar.wxml b/dist/example/navigation-bar/navigation-bar.wxml new file mode 100755 index 00000000..c1fb0e31 --- /dev/null +++ b/dist/example/navigation-bar/navigation-bar.wxml @@ -0,0 +1,29 @@ + + + Navigation Bar + 导航栏，模拟小程序原生顶部导航栏。 + + + + + + + + + + + + + + + + + 标题 + + + + + + + + diff --git a/dist/example/navigation-bar/navigation-bar.wxss b/dist/example/navigation-bar/navigation-bar.wxss new file mode 100755 index 00000000..65a44211 --- /dev/null +++ b/dist/example/navigation-bar/navigation-bar.wxss @@ -0,0 +1,2 @@ +.weui-navigation-bar{position:relative;} +.weui-navigation-bar__inner{position:absolute;} diff --git a/dist/example/navigation-bar/navigation_bar.js b/dist/example/navigation-bar/navigation_bar.js new file mode 100755 index 00000000..428a08a9 --- /dev/null +++ b/dist/example/navigation-bar/navigation_bar.js @@ -0,0 +1,2 @@ +Page({ +}); diff --git a/dist/example/navigation-bar/navigation_bar.wxml b/dist/example/navigation-bar/navigation_bar.wxml new file mode 100755 index 00000000..c1fb0e31 --- /dev/null +++ b/dist/example/navigation-bar/navigation_bar.wxml @@ -0,0 +1,29 @@ + + + Navigation Bar + 导航栏，模拟小程序原生顶部导航栏。 + + + + + + + + + + + + + + + + + 标题 + + + + + + + + diff --git a/dist/example/navigation-bar/navigation_bar.wxss b/dist/example/navigation-bar/navigation_bar.wxss new file mode 100755 index 00000000..65a44211 --- /dev/null +++ b/dist/example/navigation-bar/navigation_bar.wxss @@ -0,0 +1,2 @@ +.weui-navigation-bar{position:relative;} +.weui-navigation-bar__inner{position:absolute;} diff --git a/dist/example/navigation_bar/navigation_bar.js b/dist/example/navigation_bar/navigation_bar.js new file mode 100755 index 00000000..428a08a9 --- /dev/null +++ b/dist/example/navigation_bar/navigation_bar.js @@ -0,0 +1,2 @@ +Page({ +}); diff --git a/dist/example/navigation_bar/navigation_bar.json b/dist/example/navigation_bar/navigation_bar.json new file mode 100644 index 00000000..8835af06 --- /dev/null +++ b/dist/example/navigation_bar/navigation_bar.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/dist/example/navigation_bar/navigation_bar.wxml b/dist/example/navigation_bar/navigation_bar.wxml new file mode 100755 index 00000000..c1fb0e31 --- /dev/null +++ b/dist/example/navigation_bar/navigation_bar.wxml @@ -0,0 +1,29 @@ + + + Navigation Bar + 导航栏，模拟小程序原生顶部导航栏。 + + + + + + + + + + + + + + + + + 标题 + + + + + + + + diff --git a/dist/example/navigation_bar/navigation_bar.wxss b/dist/example/navigation_bar/navigation_bar.wxss new file mode 100755 index 00000000..65a44211 --- /dev/null +++ b/dist/example/navigation_bar/navigation_bar.wxss @@ -0,0 +1,2 @@ +.weui-navigation-bar{position:relative;} +.weui-navigation-bar__inner{position:absolute;} diff --git a/dist/example/navigationbar/tabbar.js b/dist/example/navigationbar/tabbar.js new file mode 100755 index 00000000..f16cc1a8 --- /dev/null +++ b/dist/example/navigationbar/tabbar.js @@ -0,0 +1 @@ +Page({}); \ No newline at end of file diff --git a/dist/example/navigationbar/tabbar.wxml b/dist/example/navigationbar/tabbar.wxml new file mode 100755 index 00000000..2763cb5a --- /dev/null +++ b/dist/example/navigationbar/tabbar.wxml @@ -0,0 +1,6 @@ + + + Tabbar + 底部导航，建议采用小程序原生的tabbar，通过设置app.json来实现。详情请看小程序文档。 + + \ No newline at end of file diff --git a/dist/example/slideview/list.js b/dist/example/slideview/list.js new file mode 100755 index 00000000..4818b5a3 --- /dev/null +++ b/dist/example/slideview/list.js @@ -0,0 +1,8 @@ +var base64 = require("../images/base64"); +Page({ + onLoad: function(){ + this.setData({ + icon: base64.icon20 + }); + } +}); \ No newline at end of file diff --git a/dist/example/slideview/list.wxml b/dist/example/slideview/list.wxml new file mode 100755 index 00000000..6e1f7453 --- /dev/null +++ b/dist/example/slideview/list.wxml @@ -0,0 +1,131 @@ + + + List + 列表 + + + 带说明的列表项 + + + 标题文字 + 说明文字 + + + + 带说明的列表项 右滑 文字按钮 + + + + + 标题文字 + 说明文字 + + + + + + 普通 + + + 普通 + + + 警示 + + + + + + + 带说明的列表项 右滑 图标按钮 + + + + + 标题文字 + 说明文字 + + + + + + + + + + + + + + + + + + + + + + + + + 带图标、说明的列表项 + + + + + + 标题文字 + 说明文字 + + + + + + 标题文字 + 说明文字 + + + + 带跳转的列表项 + + + cell standard + + + + cell standard + + + + + 带说明、跳转的列表项 + + + cell standard + 说明文字 + + + cell standard + 说明文字 + + + + 带图标、说明、跳转的列表项 + + + + + + cell standard + 说明文字 + + + + + + cell standard + 说明文字 + + + + diff --git a/dist/example/slideview/list.wxss b/dist/example/slideview/list.wxss new file mode 100755 index 00000000..e69de29b diff --git a/dist/example/slideview/slideview.js b/dist/example/slideview/slideview.js new file mode 100755 index 00000000..4818b5a3 --- /dev/null +++ b/dist/example/slideview/slideview.js @@ -0,0 +1,8 @@ +var base64 = require("../images/base64"); +Page({ + onLoad: function(){ + this.setData({ + icon: base64.icon20 + }); + } +}); \ No newline at end of file diff --git a/dist/example/slideview/slideview.json b/dist/example/slideview/slideview.json new file mode 100644 index 00000000..8835af06 --- /dev/null +++ b/dist/example/slideview/slideview.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/dist/example/slideview/slideview.wxml b/dist/example/slideview/slideview.wxml new file mode 100755 index 00000000..522329f9 --- /dev/null +++ b/dist/example/slideview/slideview.wxml @@ -0,0 +1,65 @@ + + + slideview + 左滑操作 + + + 右滑 文字按钮 + + + + + 标题文字 + 说明文字 + + + + + + 普通 + + + 普通 + + + 警示 + + + + + + + + 右滑 图标按钮 + + + + + + 提示文字 + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/example/slideview/slideview.wxss b/dist/example/slideview/slideview.wxss new file mode 100755 index 00000000..96a96e32 --- /dev/null +++ b/dist/example/slideview/slideview.wxss @@ -0,0 +1,15 @@ +.weui-slidecells{ + margin:8px; +} +.weui-slidecell{ + background-color:#FFFFFF; + border-radius:8px; + padding:24px; + line-height:1.4; + font-size:17px; + color:rgba(0,0,0,.9); + text-align:right; +} +.weui-slidecell__tips{ + color:rgba(0,0,0,.5); +} diff --git a/dist/project.config.json b/dist/project.config.json new file mode 100644 index 00000000..2b33724b --- /dev/null +++ b/dist/project.config.json @@ -0,0 +1,47 @@ +{ + "description": "项目配置文件", + "packOptions": { + "ignore": [] + }, + "setting": { + "urlCheck": true, + "es6": true, + "postcss": true, + "minified": true, + "newFeature": true, + "autoAudits": false, + "checkInvalidKey": true + }, + "compileType": "miniprogram", + "libVersion": "2.8.0", + "appid": "wx92269e3b2f304afc", + "projectname": "weui-wxss", + "cloudfunctionTemplateRoot": "", + "debugOptions": { + "hidedInDevtools": [] + }, + "scripts": {}, + "simulatorType": "wechat", + "simulatorPluginLibVersion": {}, + "condition": { + "search": { + "current": -1, + "list": [] + }, + "conversation": { + "current": -1, + "list": [] + }, + "plugin": { + "current": -1, + "list": [] + }, + "game": { + "list": [] + }, + "miniprogram": { + "current": -1, + "list": [] + } + } +} \ No newline at end of file diff --git a/dist/sitemap.json b/dist/sitemap.json new file mode 100644 index 00000000..ca02add2 --- /dev/null +++ b/dist/sitemap.json @@ -0,0 +1,7 @@ +{ + "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html", + "rules": [{ + "action": "allow", + "page": "*" + }] +} \ No newline at end of file diff --git a/dist/sitemap42.json b/dist/sitemap42.json new file mode 100644 index 00000000..ca02add2 --- /dev/null +++ b/dist/sitemap42.json @@ -0,0 +1,7 @@ +{ + "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html", + "rules": [{ + "action": "allow", + "page": "*" + }] +} \ No newline at end of file diff --git a/dist/sitemap92.json b/dist/sitemap92.json new file mode 100644 index 00000000..ca02add2 --- /dev/null +++ b/dist/sitemap92.json @@ -0,0 +1,7 @@ +{ + "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html", + "rules": [{ + "action": "allow", + "page": "*" + }] +} \ No newline at end of file diff --git a/dist/style/base/variable/weui-tab.wxss b/dist/style/base/variable/weui-tab.wxss new file mode 100755 index 00000000..1988db54 --- /dev/null +++ b/dist/style/base/variable/weui-tab.wxss @@ -0,0 +1,5 @@ +/*! + * WeUI v2.0.0 (https://github.com/weui/weui-wxss) + * Copyright 2019 Tencent, Inc. + * Licensed under the MIT license + */ diff --git a/dist/style/widget/weui-cell/weui-gallery.wxss b/dist/style/widget/weui-cell/weui-gallery.wxss new file mode 100755 index 00000000..22559771 --- /dev/null +++ b/dist/style/widget/weui-cell/weui-gallery.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.0.0 (https://github.com/weui/weui-wxss) + * Copyright 2019 Tencent, Inc. + * Licensed under the MIT license + */ +.weui-gallery{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1000;-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;opacity:0;visibility:hidden;-webkit-transition:opacity .3s;transition:opacity .3s}.weui-gallery_show{display:-webkit-box;display:-webkit-flex;display:flex;visibility:visible;opacity:1}.weui-gallery__img__wrp{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;font-size:0}.weui-gallery__img{background:50% no-repeat;background-size:contain;position:absoulte;width:100%;height:100%}.weui-gallery__opr{background-color:#0d0d0d;color:#fff;line-height:60px;min-height:60px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);text-align:center}.weui-gallery__opr navigator{color:#fff}.weui-gallery__del{display:block}.weui-gallery__info{color:#fff;font-size:17px;line-height:60px;min-height:60px;text-align:center} \ No newline at end of file diff --git a/dist/style/widget/weui-cell/weui-slideview.wxss b/dist/style/widget/weui-cell/weui-slideview.wxss new file mode 100755 index 00000000..add20111 --- /dev/null +++ b/dist/style/widget/weui-cell/weui-slideview.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.0.0 (https://github.com/weui/weui-wxss) + * Copyright 2019 Tencent, Inc. + * Licensed under the MIT license + */ +:host{width:100%}.weui-slideview{position:relative;overflow:hidden}.weui-slideview__left{position:relative;z-index:10}.weui-slideview__right{position:absolute;z-index:1;left:100%;top:0;height:100%}.weui-slideview__btn__wrp{position:absolute;left:0;bottom:0;text-align:center;min-width:69px;height:100%;white-space:nowrap}.weui-slideview__btn{color:#fff;padding:0 17px}.weui-slideview__btn-group_default .weui-slideview__btn{background:#c7c7cc}.weui-slideview__btn-group_default~.weui-slideview__btn-group_default:before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid #fff;color:#fff}.weui-slideview__btn-group_default:first-child:before{display:none}.weui-slideview__btn-group_warn .weui-slideview__btn{background:#fe3b30}.weui-slideview__btn-group_warn~.weui-slideview__btn-group_warn:before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid #fff;color:#fff}.weui-slideview__btn-group_warn:first-child:before{display:none}.weui-slideview_icon .weui-slideview__btn__wrp{background:transparent;font-size:0}.weui-slideview_icon .weui-slideview__btn__wrp:first-child{padding-left:16px}.weui-slideview_icon .weui-slideview__btn__wrp:last-child{padding-right:8px}.weui-slideview_icon .weui-slideview__btn{width:48px;height:48px;line-height:48px;padding:0;display:inline-block;vertical-align:middle;border-radius:50%;background-color:#fff}.weui-slideview_icon .weui-slideview__btn__icon{display:inline-block;vertical-align:middle;width:22px;height:22px} \ No newline at end of file diff --git a/dist/style/widget/weui-loading/weui-dot-loading.wxss b/dist/style/widget/weui-loading/weui-dot-loading.wxss new file mode 100755 index 00000000..0b631459 --- /dev/null +++ b/dist/style/widget/weui-loading/weui-dot-loading.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.0.0 (https://github.com/weui/weui-wxss) + * Copyright 2019 Tencent, Inc. + * Licensed under the MIT license + */ +.wx_dot_loading,.wx_dot_loading:after,.wx_dot_loading:before{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background-color:rgba(0,0,0,.3);font-size:0;-webkit-animation:b 1.6s step-start infinite;animation:b 1.6s step-start infinite}.wx_dot_loading{position:relative}.wx_dot_loading:before{content:"";position:absolute;left:-12px;background-color:rgba(0,0,0,.1);-webkit-animation:a 1.6s step-start infinite;animation:a 1.6s step-start infinite}.wx_dot_loading:after{content:"";position:absolute;right:-12px;background-color:rgba(0,0,0,.5);-webkit-animation:c 1.6s step-start infinite;animation:c 1.6s step-start infinite}@-webkit-keyframes a{0%,to{background-color:rgba(0,0,0,.1)}30%{background-color:rgba(0,0,0,.5)}60%{background-color:rgba(0,0,0,.3)}}@keyframes a{0%,to{background-color:rgba(0,0,0,.1)}30%{background-color:rgba(0,0,0,.5)}60%{background-color:rgba(0,0,0,.3)}}@-webkit-keyframes b{0%,to{background-color:rgba(0,0,0,.3)}30%{background-color:rgba(0,0,0,.1)}60%{background-color:rgba(0,0,0,.5)}}@keyframes b{0%,to{background-color:rgba(0,0,0,.3)}30%{background-color:rgba(0,0,0,.1)}60%{background-color:rgba(0,0,0,.5)}}@-webkit-keyframes c{0%,to{background-color:rgba(0,0,0,.5)}30%{background-color:rgba(0,0,0,.3)}60%{background-color:rgba(0,0,0,.1)}}@keyframes c{0%,to{background-color:rgba(0,0,0,.5)}30%{background-color:rgba(0,0,0,.3)}60%{background-color:rgba(0,0,0,.1)}}.wx_dot_loading_white{background-color:hsla(0,0%,100%,.3);-webkit-animation:e 1.6s step-start infinite;animation:e 1.6s step-start infinite}.wx_dot_loading_white:before{background-color:hsla(0,0%,100%,.5);-webkit-animation:d 1.6s step-start infinite;animation:d 1.6s step-start infinite}.wx_dot_loading_white:after{background-color:hsla(0,0%,100%,.1);-webkit-animation:f 1.6s step-start infinite;animation:f 1.6s step-start infinite}@-webkit-keyframes d{0%,to{background-color:hsla(0,0%,100%,.5)}30%{background-color:hsla(0,0%,100%,.1)}60%{background-color:hsla(0,0%,100%,.3)}}@keyframes d{0%,to{background-color:hsla(0,0%,100%,.5)}30%{background-color:hsla(0,0%,100%,.1)}60%{background-color:hsla(0,0%,100%,.3)}}@-webkit-keyframes e{0%,to{background-color:hsla(0,0%,100%,.3)}30%{background-color:hsla(0,0%,100%,.5)}60%{background-color:hsla(0,0%,100%,.1)}}@keyframes e{0%,to{background-color:hsla(0,0%,100%,.3)}30%{background-color:hsla(0,0%,100%,.5)}60%{background-color:hsla(0,0%,100%,.1)}}@-webkit-keyframes f{0%,to{background-color:hsla(0,0%,100%,.1)}30%{background-color:hsla(0,0%,100%,.3)}60%{background-color:hsla(0,0%,100%,.5)}}@keyframes f{0%,to{background-color:hsla(0,0%,100%,.1)}30%{background-color:hsla(0,0%,100%,.3)}60%{background-color:hsla(0,0%,100%,.5)}} \ No newline at end of file diff --git a/dist/style/widget/weui-navigation-bar/weui-navigation-bar.wxss b/dist/style/widget/weui-navigation-bar/weui-navigation-bar.wxss new file mode 100755 index 00000000..c7719f70 --- /dev/null +++ b/dist/style/widget/weui-navigation-bar/weui-navigation-bar.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.0.0 (https://github.com/weui/weui-wxss) + * Copyright 2019 Tencent, Inc. + * Licensed under the MIT license + */ +page{--height:44px;--right:190rpx}.weui-navigation-bar{overflow:hidden}.weui-navigation-bar .android{--height:48px;--right:222rpx}.weui-navigation-bar__inner{position:fixed;top:0;left:0;z-index:5001;height:var(--height);padding-right:var(--right);width:calc(100% - var(--right))}.weui-navigation-bar__inner,.weui-navigation-bar__inner .weui-navigation-bar__left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-navigation-bar__inner .weui-navigation-bar__left{position:relative;width:var(--right);padding-left:16px;-webkit-box-pack:center}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn{display:inline-block;vertical-align:middle;background-repeat:no-repeat}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback{font-size:12px;width:1em;height:2em;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E");background-position:50% 50%;background-size:cover}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback:active{opacity:.5}.weui-navigation-bar__inner .weui-navigation-bar__center{font-size:17px;text-align:center;position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-navigation-bar__inner .weui-navigation-bar__loading{font-size:0}.weui-navigation-bar__inner .weui-navigation-bar__loading .weui-loading{margin-left:0}.weui-navigation-bar__inner .weui-navigation-bar__right{margin-right:16px}.weui-navigation-bar__placeholder{height:var(--height);background:#f8f8f8;position:relative;z-index:50} \ No newline at end of file diff --git a/dist/style/widget/weui-tab/weui-tabbar.wxss b/dist/style/widget/weui-tab/weui-tabbar.wxss new file mode 100755 index 00000000..e1136171 --- /dev/null +++ b/dist/style/widget/weui-tab/weui-tabbar.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.0.0 (https://github.com/weui/weui-wxss) + * Copyright 2019 Tencent, Inc. + * Licensed under the MIT license + */ +.weui-tabbar{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;z-index:500;background-color:#f7f7f7}.weui-tabbar:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-tabbar__item{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:8px 0 4px;padding-bottom:calc(8px + constant(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom));font-size:0;color:rgba(0,0,0,.5);text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-tabbar__item:first-child{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.weui-tabbar__item:last-child{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color:#07c160}.weui-tabbar__icon{display:inline-block;width:28px;height:28px;margin-bottom:2px}.weui-tabbar__icon>i,i.weui-tabbar__icon{font-size:24px;color:rgba(0,0,0,.5)}.weui-tabbar__icon image{width:100%;height:100%}.weui-tabbar__label{color:rgba(0,0,0,.9);font-size:10px;line-height:1.4} \ No newline at end of file diff --git a/dist/style/widget/weui-tips/weui-dialog.wxss b/dist/style/widget/weui-tips/weui-dialog.wxss new file mode 100755 index 00000000..d9bd0e94 --- /dev/null +++ b/dist/style/widget/weui-tips/weui-dialog.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.0.0 (https://github.com/weui/weui-wxss) + * Copyright 2019 Tencent, Inc. + * Licensed under the MIT license + */ +.weui-dialog__wrp{position:fixed;z-index:5000;top:16px;bottom:16px;left:16px;right:16px;text-align:center;font-size:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-dialog__wrp .weui-dialog{max-height:100%}.weui-dialog{background-color:#fff;text-align:center;border-radius:12px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:90%}.weui-dialog__hd{padding:32px 24px 16px}.weui-dialog__title{font-weight:700;font-size:17px;line-height:1.4}.weui-dialog__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 24px;margin-bottom:32px;min-height:40px;font-size:17px;line-height:1.4;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;color:rgba(0,0,0,.5)}.weui-dialog__bd:first-child{padding:32px 24px 0;font-weight:700;color:rgba(0,0,0,.9);-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-dialog__bd:first-child,.weui-dialog__ft{display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft{position:relative;line-height:64px;min-height:64px;font-size:17px}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#576b95;font-weight:700;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.weui-dialog__btn:active{background-color:#ececec}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:rgba(0,0,0,.9)}@media screen and (min-width:352px){.weui-dialog{width:320px;margin:0 auto}} \ No newline at end of file diff --git a/dist/style/widget/weui-tips/weui-half-screen-dialog.wxss b/dist/style/widget/weui-tips/weui-half-screen-dialog.wxss new file mode 100644 index 00000000..8e2096ff --- /dev/null +++ b/dist/style/widget/weui-tips/weui-half-screen-dialog.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.0.0 (https://github.com/weui/weui-wxss) + * Copyright 2019 Tencent, Inc. + * Licensed under the MIT license + */ +.weui-half-screen-dialog{position:fixed;left:0;right:0;bottom:0;max-height:75%;z-index:5000;line-height:1.4;background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;padding:0 24px;padding:0 calc(24px + constant(safe-area-inset-right)) constant(safe-area-inset-bottom) calc(24px + constant(safe-area-inset-left));padding:0 calc(24px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(24px + env(safe-area-inset-left))}.weui-half-screen-dialog__hd{font-size:8px;height:8em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-half-screen-dialog__hd .weui-icon-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.weui-half-screen-dialog__hd__side{position:relative;left:-8px}.weui-half-screen-dialog__hd__main{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-half-screen-dialog__hd__side+.weui-half-screen-dialog__hd__main{text-align:center;padding:0 40px}.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side{right:-8px;left:auto}.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side .weui-icon-btn{right:0}.weui-half-screen-dialog__title{display:block;color:rgba(0,0,0,.9);font-weight:700;font-size:15px}.weui-half-screen-dialog__subtitle{display:block;color:rgba(0,0,0,.5);font-size:10px}.weui-half-screen-dialog__bd{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-y:auto}.weui-half-screen-dialog__desc{padding-top:4px;font-size:17px;font-weight:700;color:rgba(0,0,0,.9);line-height:1.4}.weui-half-screen-dialog__tips{padding-top:16px;font-size:14px;color:rgba(0,0,0,.3);line-height:1.4}.weui-half-screen-dialog__ft{padding:40px 24px 32px;text-align:center}.weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2),.weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2)+.weui-btn{display:inline-block;vertical-align:top;margin:0 8px;width:120px}.weui-icon-btn{background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;border:0;outline:0;font-size:0}.weui-icon-btn_goback{width:12px;height:24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M-16-8c0-6.627 5.367-12 12-12h390c6.628 0 12 5.374 12 12v52H-16V-8z'/%3E%3Cpath fill='%23000' fill-opacity='.9' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/g%3E%3C/svg%3E")}.weui-icon-btn_close{width:24px;height:24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cpath id='a' d='M8 6.943L1.807.75.75 1.807 6.943 8 .75 14.193l1.057 1.057L8 9.057l6.193 6.193 1.057-1.057L9.057 8l6.193-6.193L14.193.75z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-16 -20)'%3E%3Cpath fill='%23FFF' d='M0 12C0 5.373 5.367 0 12 0h390c6.628 0 12 5.374 12 12v52H0V12z'/%3E%3Cuse fill='%23000' fill-opacity='.9' transform='translate(20 24)' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E")}.weui-icon-btn_more{width:24px;height:24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M-374-8c0-6.627 5.367-12 12-12H28c6.628 0 12 5.374 12 12v52h-414V-8z'/%3E%3Cpath fill='%23000' fill-opacity='.9' d='M6.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0zM12 10.25a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5z'/%3E%3C/g%3E%3C/svg%3E")} \ No newline at end of file diff --git a/dist/style/widget/weui-tips/weui-mask.wxss b/dist/style/widget/weui-tips/weui-mask.wxss new file mode 100755 index 00000000..30543a5a --- /dev/null +++ b/dist/style/widget/weui-tips/weui-mask.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.0.0 (https://github.com/weui/weui-wxss) + * Copyright 2019 Tencent, Inc. + * Licensed under the MIT license + */ +.weui-mask{background:rgba(0,0,0,.6)}.weui-mask,.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0} \ No newline at end of file diff --git a/dist/style/widget/weui-tips/weui-toptips.wxss b/dist/style/widget/weui-tips/weui-toptips.wxss new file mode 100755 index 00000000..d459ff60 --- /dev/null +++ b/dist/style/widget/weui-tips/weui-toptips.wxss @@ -0,0 +1,6 @@ +/*! + * WeUI v2.0.0 (https://github.com/weui/weui-wxss) + * Copyright 2019 Tencent, Inc. + * Licensed under the MIT license + */ +.weui-toptips{position:fixed;-webkit-transform:translateZ(0) translateY(-108%);transform:translateZ(0) translateY(-108%);text-align:center;top:8px;left:16px;right:16px;border-radius:4px;padding:8px;-webkit-border-radius:4px;color:hsla(0,0%,100%,.9);font-size:17px;line-height:1.4;background:rgba(250,81,81,.9);z-index:5000;word-wrap:break-word;word-break:break-all;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.weui-toptips_show{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}.weui-toptips_warn{background-color:#fa5151}.weui-toptips_success{background-color:#09bb07}.weui-toptips_error{background-color:#fa5151}.weui-toptips_info{background-color:#10aeff} \ No newline at end of file diff --git a/src/example/half-screen-dialog/half-screen-dialog.js b/src/example/half-screen-dialog/half-screen-dialog.js new file mode 100755 index 00000000..3ddd3a60 --- /dev/null +++ b/src/example/half-screen-dialog/half-screen-dialog.js @@ -0,0 +1,15 @@ +Page({ + data: { + showDialog: false + }, + openDialog: function () { + this.setData({ + istrue: true + }) + }, + closeDialog: function () { + this.setData({ + istrue: false + }) + } +}); diff --git a/src/example/half-screen-dialog/half-screen-dialog.wxml b/src/example/half-screen-dialog/half-screen-dialog.wxml new file mode 100755 index 00000000..8cff89bd --- /dev/null +++ b/src/example/half-screen-dialog/half-screen-dialog.wxml @@ -0,0 +1,40 @@ + + + Half Screen Dialog + 半屏弹窗，辅助完成当前页面任务时；提醒用户并引导用户的下一步操作；用户主动发起的任务时。 + + + + + + + + + + + 关闭 + + + 标题 + 标题 + + + 更多 + + + + + 辅助描述内容，可根据实际需要安排 + + + 辅助提示内容，可根据实际需要安排 + + + + + + + + + + diff --git a/src/example/half-screen-dialog/half-screen-dialog.wxss b/src/example/half-screen-dialog/half-screen-dialog.wxss new file mode 100755 index 00000000..768de27c --- /dev/null +++ b/src/example/half-screen-dialog/half-screen-dialog.wxss @@ -0,0 +1,17 @@ +.weui-demo-dialog{ + visibility:hidden; + opacity:0; + transition:all .3s; +} +.weui-half-screen-dialog{ + transition:all .3s; + transform:translateY(100%); +} +.weui-demo-dialog_show{ + visibility:visible; + opacity:1; +} +.weui-demo-dialog_show .weui-half-screen-dialog{ + transform:translateY(0); +} + diff --git a/src/example/images/icon_del.svg b/src/example/images/icon_del.svg new file mode 100644 index 00000000..c652fd84 --- /dev/null +++ b/src/example/images/icon_del.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/example/images/icon_love.svg b/src/example/images/icon_love.svg new file mode 100644 index 00000000..848ccfa4 --- /dev/null +++ b/src/example/images/icon_love.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/example/images/icon_star.svg b/src/example/images/icon_star.svg new file mode 100644 index 00000000..aa3979af --- /dev/null +++ b/src/example/images/icon_star.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/example/loading/loading.js b/src/example/loading/loading.js new file mode 100755 index 00000000..f16cc1a8 --- /dev/null +++ b/src/example/loading/loading.js @@ -0,0 +1 @@ +Page({}); \ No newline at end of file diff --git a/src/example/loading/loading.wxml b/src/example/loading/loading.wxml new file mode 100755 index 00000000..9df7b3d1 --- /dev/null +++ b/src/example/loading/loading.wxml @@ -0,0 +1,17 @@ + + + Loading + 加载中 + + + + + + + + + + + + + diff --git a/src/example/loading/loading.wxss b/src/example/loading/loading.wxss new file mode 100755 index 00000000..c4d63934 --- /dev/null +++ b/src/example/loading/loading.wxss @@ -0,0 +1,9 @@ +page{ + background-color: #FFFFFF; +} +.weui-loading__wrp{ + padding:16px;text-align:center; +} +.weui-loading__wrp:last-child{ + background-color:rgba(0,0,0,.1); +} diff --git a/src/example/navigation-bar/navigation-bar.js b/src/example/navigation-bar/navigation-bar.js new file mode 100755 index 00000000..428a08a9 --- /dev/null +++ b/src/example/navigation-bar/navigation-bar.js @@ -0,0 +1,2 @@ +Page({ +}); diff --git a/src/example/navigation-bar/navigation-bar.wxml b/src/example/navigation-bar/navigation-bar.wxml new file mode 100755 index 00000000..c1fb0e31 --- /dev/null +++ b/src/example/navigation-bar/navigation-bar.wxml @@ -0,0 +1,29 @@ + + + Navigation Bar + 导航栏，模拟小程序原生顶部导航栏。 + + + + + + + + + + + + + + + + + 标题 + + + + + + + + diff --git a/src/example/navigation-bar/navigation-bar.wxss b/src/example/navigation-bar/navigation-bar.wxss new file mode 100755 index 00000000..65a44211 --- /dev/null +++ b/src/example/navigation-bar/navigation-bar.wxss @@ -0,0 +1,2 @@ +.weui-navigation-bar{position:relative;} +.weui-navigation-bar__inner{position:absolute;} diff --git a/src/example/navigation_bar/navigation_bar.js b/src/example/navigation_bar/navigation_bar.js new file mode 100755 index 00000000..428a08a9 --- /dev/null +++ b/src/example/navigation_bar/navigation_bar.js @@ -0,0 +1,2 @@ +Page({ +}); diff --git a/src/example/navigation_bar/navigation_bar.wxml b/src/example/navigation_bar/navigation_bar.wxml new file mode 100755 index 00000000..c1fb0e31 --- /dev/null +++ b/src/example/navigation_bar/navigation_bar.wxml @@ -0,0 +1,29 @@ + + + Navigation Bar + 导航栏，模拟小程序原生顶部导航栏。 + + + + + + + + + + + + + + + + + 标题 + + + + + + + + diff --git a/src/example/navigation_bar/navigation_bar.wxss b/src/example/navigation_bar/navigation_bar.wxss new file mode 100755 index 00000000..65a44211 --- /dev/null +++ b/src/example/navigation_bar/navigation_bar.wxss @@ -0,0 +1,2 @@ +.weui-navigation-bar{position:relative;} +.weui-navigation-bar__inner{position:absolute;} diff --git a/src/example/slideview/slideview.js b/src/example/slideview/slideview.js new file mode 100755 index 00000000..4818b5a3 --- /dev/null +++ b/src/example/slideview/slideview.js @@ -0,0 +1,8 @@ +var base64 = require("../images/base64"); +Page({ + onLoad: function(){ + this.setData({ + icon: base64.icon20 + }); + } +}); \ No newline at end of file diff --git a/src/example/slideview/slideview.wxml b/src/example/slideview/slideview.wxml new file mode 100755 index 00000000..522329f9 --- /dev/null +++ b/src/example/slideview/slideview.wxml @@ -0,0 +1,65 @@ + + + slideview + 左滑操作 + + + 右滑 文字按钮 + + + + + 标题文字 + 说明文字 + + + + + + 普通 + + + 普通 + + + 警示 + + + + + + + + 右滑 图标按钮 + + + + + + 提示文字 + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/example/slideview/slideview.wxss b/src/example/slideview/slideview.wxss new file mode 100755 index 00000000..96a96e32 --- /dev/null +++ b/src/example/slideview/slideview.wxss @@ -0,0 +1,15 @@ +.weui-slidecells{ + margin:8px; +} +.weui-slidecell{ + background-color:#FFFFFF; + border-radius:8px; + padding:24px; + line-height:1.4; + font-size:17px; + color:rgba(0,0,0,.9); + text-align:right; +} +.weui-slidecell__tips{ + color:rgba(0,0,0,.5); +} diff --git a/src/example/tabbar/tabbar.wxss b/src/example/tabbar/tabbar.wxss new file mode 100644 index 00000000..8a1a6ceb --- /dev/null +++ b/src/example/tabbar/tabbar.wxss @@ -0,0 +1,6 @@ +.weui-tabbar{ + position:fixed; + bottom:0; + left:0; + right:0; +} diff --git a/src/style/base/variable/weui-tab.wxss b/src/style/base/variable/weui-tab.wxss new file mode 100755 index 00000000..80527105 --- /dev/null +++ b/src/style/base/variable/weui-tab.wxss @@ -0,0 +1,22 @@ +/** +* Tencent is pleased to support the open source community by making +* WeUI-WXSS available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. +* All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use +* this file except in compliance with the License. You may obtain a copy of +* the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@weuiNavBarHeight:56px; +@weuiTabBarHeight:60px; diff --git a/src/style/widget/weui-cell/weui-gallery.wxss b/src/style/widget/weui-cell/weui-gallery.wxss new file mode 100755 index 00000000..06dbf0f2 --- /dev/null +++ b/src/style/widget/weui-cell/weui-gallery.wxss @@ -0,0 +1,86 @@ +/** +* Tencent is pleased to support the open source community by making +* WeUI-WXSS available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. +* All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use +* this file except in compliance with the License. You may obtain a copy of +* the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../../base/fn.wxss"; + +@weuiGalleryInfoHeight: 60px; +@weuiGalleryOprHeight: 60px; +.weui-gallery { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: #000000; + z-index: 1000; + + -webkit-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + flex-wrap: nowrap; + opacity:0; + visibility:hidden; + transition:opacity .3s; +} +.weui-gallery_show { + display: -webkit-box; + display: -webkit-flex; + display: flex; + visibility:visible; + opacity:1; +} +.weui-gallery__img__wrp { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + position:relative; + font-size:0; +} +.weui-gallery__img { + background: center center no-repeat; + background-size: contain; + position:absoulte; + width:100%; + height:100%; +} +.weui-gallery__opr { + background-color: #0D0D0D; + color: #FFFFFF; + line-height: @weuiGalleryOprHeight; + min-height: @weuiGalleryOprHeight; + padding-bottom:constant(safe-area-inset-bottom); + padding-bottom:env(safe-area-inset-bottom); + text-align: center; +} +.weui-gallery__opr { + navigator{ + color: #FFFFFF; + } +} +.weui-gallery__del { + display: block; +} +.weui-gallery__info{ + color:#FFFFFF; + font-size:17px; + line-height:@weuiGalleryInfoHeight; + min-height:@weuiGalleryInfoHeight; + text-align:center; +} diff --git a/src/style/widget/weui-cell/weui-slideview.wxss b/src/style/widget/weui-cell/weui-slideview.wxss new file mode 100755 index 00000000..068764e4 --- /dev/null +++ b/src/style/widget/weui-cell/weui-slideview.wxss @@ -0,0 +1,116 @@ +/** +* Tencent is pleased to support the open source community by making +* WeUI-WXSS available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. +* All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use +* this file except in compliance with the License. You may obtain a copy of +* the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../../base/fn.wxss"; + +:host { + width: 100%; +} +.weui-slideview{ + position: relative; + overflow: hidden; +} + +.weui-slideview__left { + position: relative; + z-index: 10; +} + +.weui-slideview__right { + position: absolute; + z-index: 1; + left: 100%; + top: 0; + height: 100%; +} +.weui-slideview__btn__wrp { + position: absolute; + left: 0; + bottom: 0; + text-align: center; + min-width:69px; + height: 100%; + white-space:nowrap; + + +} +.weui-slideview__btn { + color:#FFFFFF; + padding: 0 17px; +} +.weui-slideview__btn-group_default{ + .weui-slideview__btn { + background: #C7C7CC; + } + &~&{ + &:before{ + .setLeftLine(#FFFFFF); + } + } + &:first-child{ + &:before{ + display:none; + } + } +} +.weui-slideview__btn-group_warn{ + .weui-slideview__btn { + background: #FE3B30; + } + &~&{ + &:before{ + .setLeftLine(#FFFFFF); + } + } + &:first-child{ + &:before{ + display:none; + } + } +} + +.weui-slideview_icon{ + .weui-slideview__btn__wrp{ + background: transparent; + font-size:0; + &:first-child{ + padding-left:16px; + } + &:last-child{ + padding-right:8px; + } + } + .weui-slideview__btn{ + width:48px; + height:48px; + line-height:48px; + padding:0; + display:inline-block; + vertical-align:middle; + border-radius:50%; + background-color:#FFFFFF; + } + .weui-slideview__btn__icon{ + display:inline-block; + vertical-align:middle; + width:22px; + height:22px; + } +} diff --git a/src/style/widget/weui-loading/weui-dot-loading.wxss b/src/style/widget/weui-loading/weui-dot-loading.wxss new file mode 100755 index 00000000..12713140 --- /dev/null +++ b/src/style/widget/weui-loading/weui-dot-loading.wxss @@ -0,0 +1,88 @@ +/** +* Tencent is pleased to support the open source community by making +* WeUI-WXSS available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. +* All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use +* this file except in compliance with the License. You may obtain a copy of +* the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + + +@import "../../base/fn.wxss"; + +.wx_dot_loading,.wx_dot_loading:before,.wx_dot_loading:after{ + display:inline-block;vertical-align:middle;width:6px;height:6px;-webkit-border-radius:50%;border-radius:50%;background-color:rgba(0,0,0,.3); + font-size:0; + animation: dot2 1.6s step-start infinite; +} +.wx_dot_loading{ + position:relative; + &:before{ + content:""; + position:absolute; + left:-12px; + background-color:rgba(0,0,0,.1); + animation: dot1 1.6s step-start infinite; + } + &:after{ + content:""; + position:absolute; + right:-12px; + background-color:rgba(0,0,0,.5); + animation: dot3 1.6s step-start infinite; + } +} + +@keyframes dot1 { + 0%,100%{background-color:rgba(0,0,0,.1);} + 30%{background-color:rgba(0,0,0,.5);} + 60%{background-color:rgba(0,0,0,.3);} +} +@keyframes dot2 { + 0%,100%{background-color:rgba(0,0,0,.3);} + 30%{background-color:rgba(0,0,0,.1);} + 60%{background-color:rgba(0,0,0,.5);} +} +@keyframes dot3 { + 0%,100%{background-color:rgba(0,0,0,.5);} + 30%{background-color:rgba(0,0,0,.3);} + 60%{background-color:rgba(0,0,0,.1);} +} +.wx_dot_loading_white{ + background-color:rgba(255,255,255,.3); + animation: dotw2 1.6s step-start infinite; + &:before{ + background-color:rgba(255,255,255,.5); + animation: dotw1 1.6s step-start infinite; + } + &:after{ + background-color:rgba(255,255,255,.1); + animation: dotw3 1.6s step-start infinite; + } +} +@keyframes dotw1 { + 0%,100%{background-color:rgba(255,255,255,.5);} + 30%{background-color:rgba(255,255,255,.1);} + 60%{background-color:rgba(255,255,255,.3);} +} +@keyframes dotw2 { + 0%,100%{background-color:rgba(255,255,255,.3);} + 30%{background-color:rgba(255,255,255,.5);} + 60%{background-color:rgba(255,255,255,.1);} +} +@keyframes dotw3 { + 0%,100%{background-color:rgba(255,255,255,.1);} + 30%{background-color:rgba(255,255,255,.3);} + 60%{background-color:rgba(255,255,255,.5);} +} diff --git a/src/style/widget/weui-navigation-bar/weui-navigation-bar.wxss b/src/style/widget/weui-navigation-bar/weui-navigation-bar.wxss new file mode 100755 index 00000000..a536156f --- /dev/null +++ b/src/style/widget/weui-navigation-bar/weui-navigation-bar.wxss @@ -0,0 +1,109 @@ +/** +* Tencent is pleased to support the open source community by making +* WeUI-WXSS available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. +* All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use +* this file except in compliance with the License. You may obtain a copy of +* the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../../base/fn.wxss"; + + +page { + --height: 44px; + --right: 190rpx; +} + + +.weui-navigation-bar{ + overflow: hidden; + .android{ + --height: 48px; + --right: 222rpx; + } + +} +.weui-navigation-bar__inner{ + position: fixed; + top: 0; + left: 0; + z-index: 5001; + height: var(--height); + display: flex; + align-items: center; + padding-right: var(--right); + width: calc(100% ~"- var(--right)"); + + .weui-navigation-bar__left { + position: relative; + width: var(--right); + padding-left: 16px; + display:-webkit-box; + display:-webkit-flex; + display:flex; + align-items:center; + -webkit-box-pack:center; + + .weui-navigation-bar__btn{ + display:inline-block; + vertical-align:middle; + background-repeat:no-repeat; + } + .weui-navigation-bar__btn_goback{ + font-size:12px; + width:1em; + height:2em; + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E"); + background-position: 50% 50%; + background-size:cover; + &:active{ + opacity:.5; + } + } + } + + .weui-navigation-bar__center { + font-size: 17px; + text-align: center; + position: relative; + flex: 1; + display:-webkit-box; + display:-webkit-flex; + display:flex; + align-items:center; + -webkit-box-pack:center; + -webkit-justify-content:center; + justify-content:center; + } + .weui-navigation-bar__loading{ + font-size:0; + .weui-loading{ + margin-left:0; + } + } + + .weui-navigation-bar__right { + margin-right: 16px; + } +} + +.weui-navigation-bar__placeholder { + height: var(--height); + background: #F8F8F8; + position:relative; + z-index:50; +} + + diff --git a/src/style/widget/weui-tab/weui-tabbar.wxss b/src/style/widget/weui-tab/weui-tabbar.wxss new file mode 100755 index 00000000..3a7e4dfc --- /dev/null +++ b/src/style/widget/weui-tab/weui-tabbar.wxss @@ -0,0 +1,86 @@ +/** +* Tencent is pleased to support the open source community by making +* WeUI-WXSS available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. +* All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use +* this file except in compliance with the License. You may obtain a copy of +* the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../../base/fn.wxss"; + +.weui-tabbar { + display: flex; + position: relative; + z-index: 500; + background-color: @weuiBgColorPrimary; + + &:before { + .setTopLine(@weuiLineColorLight); + } +} + +.weui-tabbar__item { + display: block; + flex: 1; + padding: 8px 0 4px; + padding-bottom:calc(8px ~"+ constant(safe-area-inset-bottom)"); + padding-bottom:calc(8px ~"+ env(safe-area-inset-bottom)"); + font-size: 0; + color: @weuiTextColorDesc; + text-align: center; + .setTapColor(); + + &:first-child { + padding-left:constant(safe-area-inset-left); + padding-left:env(safe-area-inset-left); + } + &:last-child { + padding-right:constant(safe-area-inset-right); + padding-right:env(safe-area-inset-right); + } + + &.weui-bar__item_on { + .weui-tabbar__icon, + .weui-tabbar__icon > i, + .weui-tabbar__label { + color: @weuiColorPrimary; + } + } +} + +.weui-tabbar__icon { + display: inline-block; + width: @weuiTabBarHeight - 8*2 - 10*1.4 - 2; + height: @weuiTabBarHeight - 8*2 - 10*1.4 - 2; + margin-bottom:2px; + + + i&, + > i { + font-size: 24px; + color: @weuiTextColorDesc; + } + + image { + width: 100%; + height: 100%; + } +} + +.weui-tabbar__label { + color: @weuiTextColorTitle; + font-size: 10px; + line-height: 1.4; +} diff --git a/src/style/widget/weui-tips/weui-dialog.wxss b/src/style/widget/weui-tips/weui-dialog.wxss new file mode 100755 index 00000000..debcbc13 --- /dev/null +++ b/src/style/widget/weui-tips/weui-dialog.wxss @@ -0,0 +1,132 @@ +/** +* Tencent is pleased to support the open source community by making +* WeUI-WXSS available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. +* All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use +* this file except in compliance with the License. You may obtain a copy of +* the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../../base/fn.wxss"; + +.weui-dialog__wrp { + position: fixed; + z-index: 5000; + top: 16px; + bottom: 16px; + left: 16px; + right: 16px; + text-align:center; + font-size:0; + display:-webkit-box; + display:-webkit-flex; + display:flex; + align-items:center; + -webkit-box-pack:center; + -webkit-justify-content:center; + justify-content:center; + .weui-dialog { + max-height:100%; + } +} +.weui-dialog { + background-color: @weuiDialogBackgroundColor; + text-align: center; + border-radius: 12px; + overflow: hidden; + display:-webkit-box; + display:-webkit-flex; + display:flex; + -webkit-flex-direction: column; + flex-direction: column; + max-height:90%; +} +.weui-dialog__hd { + padding: 32px @weuiDialogGapWidth 16px; +} +.weui-dialog__title { + font-weight: 700; + font-size: 17px; + line-height:1.4; +} +.weui-dialog__bd { + flex:1; + overflow-y:auto; + -webkit-overflow-scrolling:touch; + padding: 0 @weuiDialogGapWidth; + margin-bottom:32px; + min-height: 40px; + font-size: 17px; + line-height: 1.4; + overflow-wrap:break-word; + -webkit-hyphens:auto; + hyphens:auto; + color: @weuiTextColorDesc; + &:first-child{ + padding:32px @weuiDialogGapWidth 0; + font-weight:700; + color:@weuiTextColorTitle; + display:-webkit-box; + display:-webkit-flex; + display:flex; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-box-pack:center; + -webkit-justify-content:center; + justify-content:center; + } +} +.weui-dialog__ft { + position: relative; + line-height: 64px; + min-height: 64px; + font-size: 17px; + display: flex; + &:after { + content: " "; + .setTopLine(@weuiDialogLineColor); + } +} +.weui-dialog__btn { + display: block; + flex: 1; + color: @weuiDialogLinkColor; + font-weight:700; + text-decoration: none; + .setTapColor(); + &:active { + background-color: @weuiDialogLinkActiveBc; + } + + position: relative; + &:after { + content: " "; + .setLeftLine(@weuiDialogLineColor); + } + &:first-child { + &:after { + display: none; + } + } +} +.weui-dialog__btn_default { + color: @weuiTextColorTitle; +} + +@media screen and (min-width: 352px) { + .weui-dialog { + width: 320px; + margin:0 auto; + } +} diff --git a/src/style/widget/weui-tips/weui-half-screen-dialog.wxss b/src/style/widget/weui-tips/weui-half-screen-dialog.wxss new file mode 100644 index 00000000..c1a1ea53 --- /dev/null +++ b/src/style/widget/weui-tips/weui-half-screen-dialog.wxss @@ -0,0 +1,136 @@ +/** +* Tencent is pleased to support the open source community by making +* WeUI-WXSS available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. +* All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use +* this file except in compliance with the License. You may obtain a copy of +* the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../../base/fn.wxss"; + +.weui-half-screen-dialog { + position:fixed; + left:0; + right:0; + bottom:0; + max-height:75%; + z-index:5000; + + line-height:1.4; + background-color:#FFFFFF; + border-top-left-radius:12px; + border-top-right-radius:12px; + overflow:hidden; + + padding:0 24px; + padding:0 calc(24px ~"+ constant(safe-area-inset-right)") constant(safe-area-inset-bottom) calc(24px ~"+ constant(safe-area-inset-left)"); + padding:0 calc(24px ~"+ env(safe-area-inset-right)") env(safe-area-inset-bottom) calc(24px ~"+ env(safe-area-inset-left)"); +} +.weui-half-screen-dialog__hd { + font-size:8px; + height:8em; + display:flex; + align-items:center; + + .weui-icon-btn{ + position:absolute; + top:50%; + -webkit-transform:translateY(-50%); + transform:translateY(-50%); + } +} +.weui-half-screen-dialog__hd__side{ + position:relative; + left:-8px; +} +.weui-half-screen-dialog__hd__main { + flex:1; + .weui-half-screen-dialog__hd__side + &{ + text-align:center; + padding:0 40px; + } + & + .weui-half-screen-dialog__hd__side{ + right:-8px; + left:auto; + .weui-icon-btn{ + right:0; + } + } +} +.weui-half-screen-dialog__title { + display:block; + color:rgba(0,0,0,.9); + font-weight:700; + font-size:15px; +} +.weui-half-screen-dialog__subtitle { + display:block; + color:rgba(0,0,0,.5); + font-size:10px; +} + +.weui-half-screen-dialog__bd { + .hyphens(); + overflow-y:auto; +} +.weui-half-screen-dialog__desc { + padding-top:4px; + font-size:17px; + font-weight:700; + color:rgba(0,0,0,.9); + line-height:1.4; +} +.weui-half-screen-dialog__tips { + padding-top:16px; + font-size:14px; + color:rgba(0,0,0,.3); + line-height:1.4; +} +.weui-half-screen-dialog__ft { + padding:40px 24px 32px; + text-align:center; + .weui-btn:nth-last-child(n+2), + .weui-btn:nth-last-child(n+2) + .weui-btn{ + display:inline-block; + vertical-align:top; + margin:0 8px; + width:120px; + } +} + +.weui-icon-btn{ + background-color:transparent; + background-repeat:no-repeat; + background-position:50% 50%; + background-size: 100%; + border:0; + outline:0; + font-size:0; +} +.weui-icon-btn_goback{ + width:12px; + height:24px; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cg fill='none' fill-rule='evenodd' transform='translate(-16 -20)'%3E %3Cpath fill='%23FFF' d='M0 12C0 5.373 5.367 0 12 0h390c6.628 0 12 5.374 12 12v52H0V12z'/%3E %3Cpath fill='%23000' fill-opacity='.9' d='M26 39.438L24.955 40.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42l7.666-7.79L26 24.563 18.682 32 26 39.438z'/%3E %3C/g%3E%3C/svg%3E"); +} +.weui-icon-btn_close{ + width:24px; + height:24px; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E %3Cdefs%3E %3Cpath id='33cf2e7b-22e9-42d7-9c56-a9f4a4e03565-a' d='M8 6.943L1.807.75.75 1.807 6.943 8 .75 14.193l1.057 1.057L8 9.057l6.193 6.193 1.057-1.057L9.057 8l6.193-6.193L14.193.75z'/%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd' transform='translate(-16 -20)'%3E %3Cpath fill='%23FFF' d='M0 12C0 5.373 5.367 0 12 0h390c6.628 0 12 5.374 12 12v52H0V12z'/%3E %3Cuse fill='%23000' fill-opacity='.9' transform='translate(20 24)' xlink:href='%2333cf2e7b-22e9-42d7-9c56-a9f4a4e03565-a'/%3E %3C/g%3E%3C/svg%3E"); +} +.weui-icon-btn_more{ + width:24px; + height: 24px; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd' transform='translate(-374 -20)'%3E %3Cpath fill='%23FFF' d='M0 12C0 5.373 5.367 0 12 0h390c6.628 0 12 5.374 12 12v52H0V12z'/%3E %3Cpath fill='%23000' fill-opacity='.9' d='M380.75 32a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0zm5.25-1.75a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5z'/%3E %3C/g%3E%3C/svg%3E"); +} diff --git a/src/style/widget/weui-tips/weui-mask.wxss b/src/style/widget/weui-tips/weui-mask.wxss new file mode 100755 index 00000000..746ef1d1 --- /dev/null +++ b/src/style/widget/weui-tips/weui-mask.wxss @@ -0,0 +1,40 @@ +/** +* Tencent is pleased to support the open source community by making +* WeUI-WXSS available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. +* All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use +* this file except in compliance with the License. You may obtain a copy of +* the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../../base/fn.wxss"; + +.weui-mask { + position: fixed; + z-index: 1000; + top: 0; + right: 0; + left: 0; + bottom: 0; + background: rgba(0, 0, 0, .6); +} + +.weui-mask_transparent{ + position: fixed; + z-index: 1000; + top: 0; + right: 0; + left: 0; + bottom: 0; +} diff --git a/src/style/widget/weui-tips/weui-toptips.wxss b/src/style/widget/weui-tips/weui-toptips.wxss new file mode 100755 index 00000000..f6494b73 --- /dev/null +++ b/src/style/widget/weui-tips/weui-toptips.wxss @@ -0,0 +1,59 @@ +/** +* Tencent is pleased to support the open source community by making +* WeUI-WXSS available. +* +* Copyright (C) 2017 THL A29 Limited, a Tencent company. +* All rights reserved. +* +* Licensed under the MIT License (the "License"); you may not use +* this file except in compliance with the License. You may obtain a copy of +* the License at +* +* http://opensource.org/licenses/MIT +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/ + +@import "../../base/fn.wxss"; + +.weui-toptips{ + position: fixed; + -webkit-transform: translateZ(0) translateY(calc(-100% - 8px)); + transform: translateZ(0) translateY(calc(-100% - 8px)); + text-align: center; + top:8px; + left:16px; + right:16px; + border-radius:4px; + padding:8px; + -webkit-border-radius:4px; + color:rgba(255,255,255,.9); + font-size:17px; + line-height:1.4; + background:rgba(250,81,81,.9); + z-index: 5000; + .text_wrap(); + -webkit-transition: all 0.4s ease-in-out; + transition: all 0.4s ease-in-out; +} +.weui-toptips_show { + -webkit-transform: translateZ(0) translateY(0); + transform:translateZ(0) translateY(0); + opacity: 1; +} +.weui-toptips_warn{ + background-color: @weuiColorWarn; +} +.weui-toptips_success { + background-color: #09BB07; +} +.weui-toptips_error { + background-color:#FA5151; +} +.weui-toptips_info { + background-color: #10AEFF; +}