zoukankan      html  css  js  c++  java
  • 微信小程序按钮去除边框线,分享页面

    有一个需求是分享当前页面,使用美工的分享按钮图片来分享,而小程序分享功能只有button有

    open-type="share"这个属性,使用image标签肯定不行。我是这样做的:
    <button open-type="share"  
    style="height:85rpx;215rpx;padding:0;background-color:#fff;border-color:#fff;margin-right:10rpx" >
    <image style="height:85rpx;215rpx;"  src='../../../image/share_btn.png'></image>
    </button>

    加入css样式去除button边框

    button::after{
    border: none;
    }

    实际效果如下

    这样按钮的边框就消失了,单纯的设置border:none和outline:none没用。

    小程序的分享事件

     /**
       * 用户点击分享
       */
      onShareAppMessage: function () {
       return { 
         title: '分享',
          desc: '活动描述', 
          path: '/xxx/xxxx?id=' + this.data.id
        } 
      },
  • 相关阅读:
    pm2
    php 基础知识
    EBADF, read
    php apache
    noah
    ejs
    node linux
    枚举系统进程
    c++ 进程权限的提升
    Liunx的目录结构
  • 原文地址:https://www.cnblogs.com/FollowWinds/p/8392398.html
Copyright © 2011-2022 走看看