diff --git a/demo/app.json b/demo/app.json index b327cc3..471f13c 100644 --- a/demo/app.json +++ b/demo/app.json @@ -35,7 +35,8 @@ "pages/about/home/home", "custom-tab-bar/index", "pages/plugin/drawer/drawer", - "pages/plugin/verticalnav/verticalnav" + "pages/plugin/verticalnav/verticalnav", + "pages/about/test/custom" ], "window": { "navigationBarBackgroundColor": "#39b54a", diff --git a/demo/app.wxss b/demo/app.wxss index 3a7b80b..189c6f8 100644 --- a/demo/app.wxss +++ b/demo/app.wxss @@ -1,6 +1,10 @@ @import "icon.wxss"; @import "colorui.wxss"; +.cu-btn.button-hover { + pointer-events: none; +} + .cu-modal.show { z-index: 99999; } diff --git a/demo/pages/about/test/custom.js b/demo/pages/about/test/custom.js new file mode 100644 index 0000000..7dd2801 --- /dev/null +++ b/demo/pages/about/test/custom.js @@ -0,0 +1,19 @@ +const app = getApp() + +Page({ + data: { + + }, + onLoad: function () { + wx.getSystemInfo({ + success: e => { + let custom = wx.getMenuButtonBoundingClientRect(); + this.setData({ + StatusBar: e.statusBarHeight, + Custom: custom, + CustomBar: custom.bottom + custom.top - e.statusBarHeight + }) + } + }) + }, +}) diff --git a/demo/pages/about/test/custom.json b/demo/pages/about/test/custom.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/demo/pages/about/test/custom.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/demo/pages/about/test/custom.wxml b/demo/pages/about/test/custom.wxml new file mode 100644 index 0000000..ab4ad77 --- /dev/null +++ b/demo/pages/about/test/custom.wxml @@ -0,0 +1,6 @@ + + + + + + diff --git a/demo/pages/about/test/custom.wxss b/demo/pages/about/test/custom.wxss new file mode 100644 index 0000000..25f7268 --- /dev/null +++ b/demo/pages/about/test/custom.wxss @@ -0,0 +1,22 @@ +.custom { + background-color: #333; +} +.bar{ + display: flex; + align-items: center; + background: #555; + position: fixed; + top: 0; + width: 50%; +} +.StatusBar { + position: fixed; + background-color: #da0000; + width: 75%; + top: 0; + left: 0; +} +.border-custom{ + background-color: #fff; + border-radius: 50px; +} \ No newline at end of file diff --git a/demo/pages/about/test/list.wxml b/demo/pages/about/test/list.wxml index 68275f1..0ab7055 100644 --- a/demo/pages/about/test/list.wxml +++ b/demo/pages/about/test/list.wxml @@ -9,7 +9,7 @@ filter:blur引起的ios花屏测试 - + + 胶囊按钮的Api测试 + \ No newline at end of file diff --git a/demo/pages/basics/button/button.js b/demo/pages/basics/button/button.js index a20e9a6..a65cc62 100644 --- a/demo/pages/basics/button/button.js +++ b/demo/pages/basics/button/button.js @@ -15,4 +15,7 @@ Page({ bordersize: e.detail.value }) }, + input(){ + console.log(); + } }); diff --git a/demo/pages/basics/button/button.wxml b/demo/pages/basics/button/button.wxml index 691e0a4..2a6be9f 100644 --- a/demo/pages/basics/button/button.wxml +++ b/demo/pages/basics/button/button.wxml @@ -15,7 +15,7 @@ - +