本站长承接,网站搭建,网站美化,wordpress网站速度优化,网站各种疑难杂症,vpn方案,小程序搭建,视频网站解决方案,视频播放器解析源码(带暂停广告,视频广告功能),视频播放跨域,视频直播流解决方案等等,欢迎来聊~
只有你想不到,没有我做不到( •̀ ω •́ )✧ 微信:wasabiidc

167素材网

守望轩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

167素材网

Madapang

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

相关推荐

发表评论

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

微信扫一扫

微信扫一扫

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

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

显示

忘记密码?

显示

显示

获取验证码

Close