记得第一次打开微信开发者工具,新建一个小程序项目,导入默认模板运行后,出现了关于“小程序与小游戏获取用户信息接口调整,请开发者注意升级”的警告信息,一脸懵逼的点着链接过去,发现这个改动已经在猩球掀起了一场腥风血雨(链接就不上了,免得条哥又说我打广告),大概意思是wx.getUserInfo这个底层接口将无法获取用户基本开放信息,造成上线的众多小程序授权登录工作不正常,程序猿怨声载道,但又无可奈何,附上最具代表性的动图:
2024年07月23日
记得第一次打开微信开发者工具,新建一个小程序项目,导入默认模板运行后,出现了关于“小程序与小游戏获取用户信息接口调整,请开发者注意升级”的警告信息,一脸懵逼的点着链接过去,发现这个改动已经在猩球掀起了一场腥风血雨(链接就不上了,免得条哥又说我打广告),大概意思是wx.getUserInfo这个底层接口将无法获取用户基本开放信息,造成上线的众多小程序授权登录工作不正常,程序猿怨声载道,但又无可奈何,附上最具代表性的动图:
2024年07月23日
1.2 集成WXStepper
1.2.1 复制组件内容
将stepper.wxss的内容复制到cart.wxss中
将stepper.wxml的内容复制到cart.wxml中
与之前的单一组件不同的是:这里要定义数组minusStatuses来与每一个加减按钮相应。当然,合并入carts也是没问题的。
2024年07月23日
本案例主要应用事件绑定(bindTap)、本地缓存的保存(setStorage)与获取(getStorage),实现留言板的添加留言、删除留言、添加留言后自动保存、刷新后自动读取留言等功能。
案例效果如下:
制作步骤如下:
2024年07月23日
上一篇抖音播放小视频文章发出来后很多的粉丝纷纷留言问为什么手机不能用呀!
小编也是试了诸多方法,最后把经验总结出来给大家做了一个改进的例子
首先看下效果图
预览效果截图
点击后播放截图
2024年07月23日
以下基本框架
<scroll-view class='container' scroll-y="true" scroll-x="false" bindscrolltolower="onScrollLower">
<view class="weui-search-bar">
<view class="weui-search-bar__form">
<!-- 搜索框 -->
<view class="weui-search-bar__box">
<icon class="weui-icon-search_in-box" type="search" size="14"></icon>
<input type="text" class="weui-search-bar__input" value="{{keys}}" bindinput="bindKeyInput" placeholder="请输入搜索内容" />
</view>
</view>
<!-- 搜索按钮,调用搜索查询方法 -->
<view class="weui-search-bar__cancel-btn" bindtap='search'>{{cancelValue}}</view>
</view>
<view class="goodsList carts-list">
<view wx:for="{{article}}" wx:key="objectId" class="carts-item" data-object-id="{{item.id}}" bindtap="tapGoods">
<!-- 缩略图 -->
<image class="carts-image" mode='widthFix' src="{{imgurl}}{{item.img}}" />
<view class="carts-text">
<!-- 商品标题 -->
<text class="carts-title">{{item.title}}</text>
<view class="carts-subtitle">
<text class="goods-score">{{item.intro}}</text>
</view>
</view>
</view>
</view>
<view wx:if="{{pageEnd==true}}" class='scrollEnd'>已显示所有数据...</view>
</scroll-view>
2024年07月23日
微信小程序页面渲染时,框架会将WXML文件同对应的Page的data进行绑定,在页面中我们可以直接使用data的属性,其使用的语法是Mustache语法,也就是使用双大括号将变量或简单的运算规则包裹起来,实现的主要渲染方式有以下几种:
2024年07月23日
因业务上的需求,需要在某些点击区域上增加这样一层逻辑:如果该用户没有授权基本信息 / 手机号,在点击该区域时,先弹出微信的授权弹窗,授权成功后再进行下一步的业务操作。
其中用到了weapp-event 传送门
本案例
2024年07月23日
本小程序本着公开的态度,开放了上传渠道,如果有不法图片,考虑关闭渠道。
下载与上传包括之前的请求,都是需要在后台配置好服务器地址的,这里不详说。
这是系列篇,其他在之前文章里面。
整体效果
上传选择图片这里因为是模拟器,所以截图没有,手机有实际效果。
2024年07月23日
都是小技巧,废话不多说,上代码!
改变小程序原生组件大小
微信官方提供了一些基本组件,但是有的组件没有提供类似size的属性,我们只需要一个css就可以解决,以radio为例:
小程序picker组件的range-key不生效
小程序picker使用过程中发现按官方文档写完,提示列表渲染为[Object Object],先看文档: