小程序前端开发技巧分享（一）

本文为作者实际项目遇到的问题总结，在这里记录分享。喜欢的加个收藏吧。

页面内（非胶囊体）点击按钮分享：标签 button  设置属性  open-type="share"，该button会自动调用onShareAppMessage，onShareTimeline。

点击胶囊体分享到朋友圈/好友：添加生命周期 onShareAppMessage  onShareTimeline（分享到朋友圈必加

我的代码：

  //分享
  onShareAppMessage() {
    const promise = new Promise(resolve => {
      setTimeout(() => {
        resolve({
          title: '分享的标题'
        })
      }, 2000)
    })
    return {
      title: '自定义转发标题',
      path: '/pages/index/index',
      promise 
    }
  },
  onShareTimeline() {
  },

tap栏选中时border-bottom 优化（设计图多为圆角，单单border属性做不到）： 
  改为 ::after  必填属性content, position:absolute
  父元素要有position 属性  值需为relative/absolute

我的代码：

.nav-switch-style::after{
  position: absolute;