微信小程序
苏喂苏喂苏喂su
这个作者很懒,什么都没留下…
展开
-
公众号H5页面接入微信支付
官方示例:function onBridgeReady(){ WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId":"wx2421b1c4370ec43b", //公众号名称,由商户传入 "timeStamp":"1395712654", //时间戳,自1970年以来的秒数 "nonceStr":"e61463f8efa9409原创 2020-08-21 16:21:24 · 655 阅读 · 0 评论 -
微信小程序父组件向子组件传值
父组件<topNav navH="{{ navH }}"></topNav>子组件Component({ properties: { navH: { type: Number, value: 0 } }})原创 2020-01-18 17:58:04 · 1943 阅读 · 0 评论 -
微信小程序自定义顶部导航栏防止出现内容显示不全和出现空白
在微信小程序自定义顶部导航栏,需要设置导航栏的高度,和页面body的margin-top的值,如果这两个值不一致,都会导致页面的内容显示不全或者margin-top的值太大导致有空白。为了解决这个问题,可以通过动态获取手机的状态栏高度<view class='nav bg-white' style='height:{{navH}}px'> <view class='...原创 2020-01-18 17:56:04 · 6579 阅读 · 1 评论 -
微信小程序swiper组件中的img自定义尺寸(自适应)
swiper组件里的image默认宽度320,高度200,这无法满足我们的需求,就需要我们自己修改尺寸和属性了,这里记录下自己的解决办法。首先给image的width设置为100%,此时图片的大小会根据屏幕宽度自动适应大小了。height默认为200,如果需要调整的话直接设置到合适的尺寸即可。另外还有一个属性很重要,就是mode属性,mode有13种模式,具体文档中有介绍,这里不再阐述;我是使用w...原创 2019-01-26 13:10:14 · 9590 阅读 · 3 评论 -
微信小程序网络请求报错:request:fail url not in domain list
报错信息:request:fail url not in domain list根据提示:合法域名校验出错,然后查看相应文档,微信小程序官方要求每个微信小程序需要事先设置一个通讯域名,小程序只可以跟指定的域名与进行网络通信,所以我们需要在小程序后台-设置-开发设置-服务器域名中配置,或者在开发者工具右上角 - 详情-底部 【不校验合法域名、web-view(业务域名)、TLS 版本以及 H...原创 2019-03-10 20:42:19 · 35562 阅读 · 4 评论 -
微信小程序组件scroll-view无法横向滚动问题
当我们使用scroll-view组件的时候,通常按文档上的说明进行操作,也就是将scroll-x="true"来设置允许横向滚动的时候,其实只设置这里还是不够的。此时我们打开调试器查看会发现组件的子元素并没有在一行显示,而是自动换行了,此时即使是将父元素的宽度加大,也是一样无法进行横向滚动。解决的办法就是将父元素容器的display设为flex弹性布局,然后设置不允许换行white-space:n...原创 2019-03-10 23:59:05 · 3875 阅读 · 4 评论 -
微信小程序通过URL传参和接收参数
传参数:<navigator url='/pages/details/details?type=top100'>Go Go Go</navigator>接收参数: /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { let type = options.type; con...原创 2019-03-17 23:01:09 · 10216 阅读 · 0 评论 -
微信小程序组件封装
为了提高代码的可复用性以及可读性、可维护性,通常我们会对重复使用的代码进行组件化封装,以便再次使用;在小程序也是一样,这里就简单记录下微信小程序的组件封装过程:No.1:新建组件目录并同时创建相应的4个文件(wxml、wxss、js、json)No.2:将在页面中写好的代码,也就是需要进行组件化的代码拷贝一份到刚创建的组件目录里边的相应文件中,注意样式代码也要拷贝过来。如果有变量,则需...原创 2019-03-12 23:39:36 · 635 阅读 · 0 评论