wxml代码
<text style="font-size:66px">占行测试</text> <text style="font-size:66px">占行测试</text> <text style="font-size:66px">占行测试</text>
<button formType="submit" open-type="share" class='btncss'> <button formType="submit" open-type="share" class='btncss'> <button formType="submit" open-type="share" class='btncss'> <button formType="submit" open-type="share" class='btncss'> <button formType="submit" open-type="share" class='btncss'> <button formType="submit" open-type="share" class='btncss'> <view class='share-btn'>转发</view> </button> </button> </button> </button> </button> </button></form> |
css代码
form button{ padding: 0;}form button::after{ content: ''; display: none;}.share-btn{ position: fixed; bottom: 50rpx; left: 50%; transform: translateX(-50%); width: 698rpx; line-height: 90rpx; border-radius: 4rpx; background: #1a1a1a; font-size: 38rpx; font-weight: bolder; color: #fff;} |
js代码
formSubmit: function (e) { if (e.detail.formId != 'the formId is a mock one') { this.setData({ formIdString: e.detail.formId + "," + this.data.formIdString }) } console.log(e.detail, this.data.formIdString) } |
上述代码从log可以看出实现了批量formid获取，但是真机测试时转发页面后，收到消息卡片的用户得到的小程序卡片是空白的
为什么要套这么多层的分享按钮呢？
找到答案了，除了最内层的opentype = share 外面的 opentype = share 全部删除就好了