美文网首页
小程序设置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