From 5577220c7be6b56d21e0a7610db41509b2f39ad8 Mon Sep 17 00:00:00 2001 From: xpz2018 <107107461@qq.com> Date: Thu, 22 Jul 2021 14:24:02 +0800 Subject: [PATCH] tips --- assets/image/add-tips.png | Bin 0 -> 3661 bytes components/add-tips/index.js | 66 +++++++++++++++++++++++++++++++++ components/add-tips/index.json | 3 ++ components/add-tips/index.wxml | 7 ++++ components/add-tips/index.wxss | 1 + pages/index/index.json | 1 + pages/index/index.wxml | 2 +- 7 files changed, 79 insertions(+), 1 deletion(-) create mode 100644 assets/image/add-tips.png create mode 100644 components/add-tips/index.js create mode 100644 components/add-tips/index.json create mode 100644 components/add-tips/index.wxml create mode 100644 components/add-tips/index.wxss diff --git a/assets/image/add-tips.png b/assets/image/add-tips.png new file mode 100644 index 0000000000000000000000000000000000000000..3c0d446473352a1b80387412df26cce805fd74a0 GIT binary patch literal 3661 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 literal 0 HcmV?d00001 diff --git a/components/add-tips/index.js b/components/add-tips/index.js new file mode 100644 index 0000000..7412238 --- /dev/null +++ b/components/add-tips/index.js @@ -0,0 +1,66 @@ +const STORAGE_KEY = 'PLUG-ADD-MYAPP-KEY' + +Component({ + properties: { + name: { + type: String, + value: '测试' + }, + duration: { + type: Number, + value: 5 + }, + delay: { + type: Number, + value: 2 + }, + logo: { + type: String, + value: '/assets/image/add-tips.png' + }, + custom: { + type: Boolean, + value: false + } + }, + lifetimes: { + attached: function() { + if (wx.getStorageSync(STORAGE_KEY)) return; + let rect = wx.getMenuButtonBoundingClientRect ? wx.getMenuButtonBoundingClientRect() : null + let {screenWidth} = wx.getSystemInfoSync() + this.setData({ + navbarHeight: rect.bottom, + arrowR: screenWidth - rect.right + rect.width * 3 / 4 - 5, + bodyR: screenWidth - rect.right + }) + this.startTimer = setTimeout(() => { + this.setData({ SHOW_TOP: true }) + }, 500) + this.duraTimer = setTimeout(() => { + this.hidden(); + }, (this.data.duration + this.data.delay) * 1000) + }, + detached: function() { + if (this.startTimer) clearTimeout(this.startTimer) + if (this.duraTimer) clearTimeout(this.duraTimer) + }, + }, + data: { + SHOW_TOP: false + }, + methods: { + hidden: function() { + // wx.setStorageSync(STORAGE_KEY, true) + this.setData({ SHOW_TOP: false }) + // this.shrink() + }, + shrink:function() { + this.animate('#add-tips', [ + {scale: [1, 1]}, + {scale: [0, 0], ease:'ease', transformOrigin: `calc(600rpx - ${this.data.arrowR}px) 1%`} + ], 500, function () { + this.setData({ SHOW_TOP: false }) + }.bind(this)) + } + } +}) \ No newline at end of file diff --git a/components/add-tips/index.json b/components/add-tips/index.json new file mode 100644 index 0000000..32640e0 --- /dev/null +++ b/components/add-tips/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} \ No newline at end of file diff --git a/components/add-tips/index.wxml b/components/add-tips/index.wxml new file mode 100644 index 0000000..f78a720 --- /dev/null +++ b/components/add-tips/index.wxml @@ -0,0 +1,7 @@ + + + + + 将“{{name}}”添加到手机桌面，下次访问更便捷 + + \ No newline at end of file diff --git a/components/add-tips/index.wxss b/components/add-tips/index.wxss new file mode 100644 index 0000000..e18050e --- /dev/null +++ b/components/add-tips/index.wxss @@ -0,0 +1 @@ +.box{position:fixed;right:0;z-index:999;display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;width:600rpx;}.arrow{width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent rgba(0,0,0,0.75) transparent;}.body{background-color:rgba(0,0,0,0.75);border-radius:2px;display:flex;align-items:center;justify-content:center;padding:10px;}.tips{flex:1;color:#fff;font-size:14px;font-weight:700;}.logo{height:42px;width:42px;border-radius:8px;margin-right:10px;} \ No newline at end of file diff --git a/pages/index/index.json b/pages/index/index.json index 9060de5..8467e7c 100644 --- a/pages/index/index.json +++ b/pages/index/index.json @@ -10,6 +10,7 @@ "van-popup": "/components/popup/index", "van-cell": "/components/cell/index", "van-tree-select": "/components/tree-select/index", + "add-tips": "/components/add-tips/index", "notification": "/pages/message/notification/index" } } \ No newline at end of file diff --git a/pages/index/index.wxml b/pages/index/index.wxml index 2f3a52e..dd45a7d 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -5,7 +5,7 @@ - +