小程序设置background-image不生效&小程序butt
2018-08-10 本文已影响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>