美文网首页
小程序设置background-image不生效&小程序butt

小程序设置background-image不生效&小程序butt

作者: 宋乐怡 | 来源:发表于2018-08-10 14:16 被阅读0次

    样式问题

    1.小程序设置background-image不生效
    解决办法是使用网络图片或者去http://imgbase64.duoshitong.com/
    将 图片转化为base64格式。或者,放在image标签里面用src也可以。
    目前没搜到原因只知道怎么解决。

    2.小程序button的默认边框去不掉

    .form-btn{
          background-color:transparent;//去掉默认背景变成透明
        }::after{border:none;}//用伪类的方式去掉边框
    

    3.小程序margin-bottom在ios下失效
    换成padding

    事件

    3.method和event和散着放的函数

    method里面放小程序自己定义的函数,例如bindtap等等绑定的函数;
    event里面放要传给子i组件的方法;
    散着的函数是自定义的函数,不能被小程序自定义的绑定事件调用的。

    处理方式

    4.form表单提交的方式(模板消息)
    此方式基于微信通知的渠道。

    • 模板推送位置:服务通知
    • 模板下发条件:用户本人在微信体系内与页面有交互行为后触发
    • 模板跳转能力:点击查看详情仅能跳转下发模板的该帐号的各个页面
      第一步:
      两种办法获取模板ID:
      1.通过模板消息管理接口获取模板ID
      2.在微信公众平台手动配置获取模板ID
      第二步:
      在页面要绑定事件的元素用<form/>组件,report-submit属性为true(这样此时点击按钮提交表单可以获取formId),参数e里面可以拿到detail里面的formid。bindsubmit为绑定的提交事件,如果是支付则是prepay_id。
    <form report-submit bindsubmit="toAlert">
          <button form-type="submit" class="form-btn func four form-btn-manage">
            <image class="icon four-icon" src="../../images/alert.png"></image>
            <view class="txt">巡场提醒</view>
          </button>
    </form>
    
    <script>
    toAlert(e): void {
            this.formIdArr.push(e.detail.formId);
            this.alatEvent('巡场提醒入口', '');
            wepy.navigateTo({
              url: '/pages/patrol-settings/reminders'
            });
          },
    </script>
    
    

    相关文章

      网友评论

          本文标题:小程序设置background-image不生效&小程序butt

          本文链接:https://www.haomeiwen.com/subject/siikbftx.html