守望轩Wordpress小程序修改记录——文章页悬浮一键分享按钮

守望轩Wordpress小程序文章页悬浮一键分享按钮

在文章页加入悬浮按钮,点击实现直接转发给朋友

例图

首先找到文章页面目录pages/detail/detail

打开detail.wxml加入代码

 <!--分享图标-->
        <view class='share'>
              <view>
                  <image src="../../images/sharee.png" class="img-menu3"></image>
              </view>
              <button class="share-button" open-type="share"></button>
        </view>

然后打开detail.wxss加入样式代码

.share{
  text-align:center;
  position:fixed;
  bottom:140px;
  right:20px;
  border-radius:100%;
  width:100rpx;
  height:100rpx;
  overflow: hidden;
}
.share view{
  margin-top: 4px;
}
.img-menu3 {
  width: 100rpx;
  height: 100rpx;
  display: inline-block;
  text-align: center;
}

然后需要在你的images文件夹加入一个分享的图片,大小最好为100px*100px,重命名为sharee.png

END拜拜ヾ(•ω•`)o


郑重提醒:下载前请必读《免责声明》

本站声明:本站所有资源均来源于互联网,不保证100%完整、不提供任何技术支持,分享目的仅限于学习和测试,一切商业行为与本站无关,下载后请在24小时内删除。请勿用于商业用途,如需商业使用请向官方购买授权,由于使用该资源引起的侵权行为与本站无关!如有侵权,请联系admin@madapang.xin及时删除!

Madapang

一个喜欢撸猫,听歌,玩小霸王,睡觉的人。

5 条评论

  1. 博主,你好,SEO学习博客特来拜会

    • 你好,欢迎(。・∀・)ノ

  2. Pine

    有联系方式吗?

  3. 05o

    好文章!666,学习了

发表评论

电子邮件地址不会被公开。 必填项已用*标注

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

守望轩Wordpress小程序修改记录——文章页悬浮一键分享按钮
返回顶部

显示

推荐使用快捷登录:

忘记密码?

显示

显示

获取验证码

Close