微信小程序
WeiflR10
…………
展开
-
微信官方文档学习——API
一、基础 1. wx.canIUse('console.log') //true //wx.canIUse (判断小程序的API,回调,参数,组件等是否在当前版本可用) 2. const arrayBuffer = wx.base64ToArrayBuffer('xuezhiqian') //(将Base64字符串转成ArrayBuffer对象) 3. const arrayBuffer = new Uint8Array([11, 22, 33]) .原创 2020-06-17 16:01:36 · 2240 阅读 · 0 评论 -
小程序--配置文件学习
全局配置app.json文件原创 2020-10-21 14:46:11 · 625 阅读 · 0 评论 -
小程序全选
效果图:wxml<view style="position:relative;top:100rpx;"> <checkbox-group bindchange="selectChange"> <!-- 全选按钮 --> <view> <checkbox value="all" bindtap="selectall" />全选 </view> <view class="content" wx:.原创 2021-11-23 18:06:22 · 538 阅读 · 0 评论 -
小程序中地图的使用
一、腾讯地图(微信小程序JavaScript SDK) var that=this // 获取当前地址 wx.getLocation({ type: 'gcj02', success:function(res){ const location={ lat:res.latitude,lng:res.longitude, } that.setData({ ......原创 2020-07-27 09:47:09 · 1320 阅读 · 1 评论 -
小程序中使用vant框架的dialog时产生的问题
问题一:确认按钮靠右方法一:可以去掉app.json里的style:“v2”方法二:可以再app.wxss里加button{width: 100%!important;}与此同时其他的button按钮的width需要根据自己的需求改成相应的大小问题二:修改确认/取消按钮的颜色<van-dialog id="van-dialog" confirm-button-color="#55D88A"/>问题三:引入官网示例:构建后写成自己的路径就好了,例:impor原创 2021-05-26 16:30:34 · 2237 阅读 · 3 评论 -
小程序底部tabbar设置扫一扫功能
效果图及需要的页面: custom-tab-bar/index.jsComponent({ data: { selected: 0, "color": "#bfbfbf", "selectedColor": "#56D88A", "borderStyle": "#fff", list: [ { "pagePath": "/pages/index/index", "text": "首页", "ic...原创 2021-01-18 16:11:40 · 3452 阅读 · 6 评论 -
小程序-弹窗填写原因
效果图:wxml<button class="leftbtn" bindtap="modalinput">取消接单</button><modal id="modal" hidden = "{{hiddenmodalput}}" title = "取消原因" confirm-text = "确认" cancel-text = "取消" bindcancel = "cancell" bindconfirm = "confirml" > <textar原创 2020-09-08 10:38:52 · 528 阅读 · 0 评论 -
小程序中使用vant框架
在你小程序的根目录下cmd命令进入1.初始化npm终端输入npm init,回车,根据提示输入项目信息(其实一直回车就可以了,会自动输入默认信息),成功后会在项目下生成package.json文件。2.接下来生成package-lock.json,记录使用的第三方插件:npm install --production使用--production选项,可以减少安装一些业务无关的 npm 包,从而减少整个小程序包的大小。3.......原创 2021-04-21 18:05:15 · 438 阅读 · 0 评论 -
小程序实现点击按钮回到顶部
按钮样式wxml<view class="topbtn" bindtap="gotopAction" wx:if="{{up_show}}"> <image src="./../../image/topimg.png"></image></view>wxss.topbtn{ position: fixed; width: 120rpx; height: 120rpx; border-radius: 50%; bottom:.原创 2021-02-05 10:23:37 · 593 阅读 · 0 评论 -
小程序数据分页
后端返回的数据和PC端分页时返回数据相同。原创 2020-11-04 14:58:41 · 706 阅读 · 2 评论 -
小程序选择框
二、选择框搜索+选择。原创 2021-11-23 15:26:08 · 6880 阅读 · 5 评论 -
微信小程序使用iconfont
从阿里巴巴矢量图官网升级维护后,生成cdn功能就不可用了,原来的方法使用iconfont就行不通了原创 2022-07-20 10:32:21 · 508 阅读 · 0 评论