随笔分类 -  小程序

1 2 下一页
微信、支付宝小程序引入阿里巴巴矢量图库
摘要：阿里巴巴矢量图标库：https://www.iconfont.cn/第一步：生成fontclass地址 将喜欢的icon加入购物车 将购物车中的图标添加至项目 获取项目，下载至本地 使用iconfont.css 第二步：引入字体 将iconfont.css 内容粘贴到微信小程序项目中 assets/ 阅读全文
posted @ 2024-05-28 18:09 bingxiaoxiao 阅读(168) 评论(0) 推荐(0) 编辑
小程序 canvas 画名片
摘要：用cancas画名片 涉及到技术 原型头像、文字超出换行、字体大小颜色、背景图wxml 页面内容 <view class="pages"> <canvas canvas-id="shareKapian" style="width:{{width}}px;height:{{height}}px;">< 阅读全文
posted @ 2020-07-24 16:45 bingxiaoxiao 阅读(522) 评论(0) 推荐(0) 编辑
小程序本地移除有一条数据
摘要：let index = e.currentTarget.dataset.index let array = [...this.data.list] array.splice(index,1) this.setData({ list:array }) 获取索引，定义一个新的数组，移除数据 splice 阅读全文
posted @ 2020-07-06 17:02 bingxiaoxiao 阅读(484) 评论(0) 推荐(0) 编辑
小程序弹窗真机不动
摘要：1.<!-- catchtouchmove='{{true}}' 真机上不可滚动 --> <view class='tips' catchtouchmove='{{true}}'> <view class="modal_cover"></view> <view class="modal"> <ima 阅读全文
posted @ 2020-03-22 20:52 bingxiaoxiao 阅读(279) 评论(0) 推荐(0) 编辑
小程序转义字符去空格&nbsp;
摘要：在微信小程序开发过程中，有时候会用到常用的一些特殊字符如：‘<’、‘>’、‘&’、‘空格’等，微信小程序同样支持对转义字符的处理， decode属性默认为false，不会解析我们的特殊字符，我们通过设置decode属性为true，并且调用其转义字符即可实现该特殊字符的显示。 decode可以解析的有 阅读全文
posted @ 2019-05-21 14:30 bingxiaoxiao 阅读(3380) 评论(0) 推荐(0) 编辑
小程序回到顶部
摘要：onPageScroll: function (e) { // console.log(e) if (e.scrollTop > 100) { this.setData({ floorstatus: true }); } else { this.setData({ floorstatus: false... 阅读全文
posted @ 2019-05-21 13:35 bingxiaoxiao 阅读(845) 评论(0) 推荐(0) 编辑
小程序之按钮点击之后，显示和隐藏切换
摘要：wxml wxjs 阅读全文
posted @ 2019-04-30 13:35 bingxiaoxiao 阅读(9566) 评论(0) 推荐(0) 编辑
小程序md5加密
摘要：路径图 在utils文件下新建一个md5.js 引用方式 var md5 = require('../../utils/md5.js'); md5.md5(string) md5.md5(string) 阅读全文
posted @ 2019-04-29 16:50 bingxiaoxiao 阅读(4428) 评论(0) 推荐(1) 编辑
小程序tab切换 点击左右滑动
摘要：wxml wxss wxjs 阅读全文
posted @ 2019-04-20 17:02 bingxiaoxiao 阅读(3267) 评论(0) 推荐(0) 编辑
小程序自定义弹窗
摘要：wxml <view class='cardNum'> <text catchtap='showDialogBtn'>解除绑定</text> </view> <view class='cardNum'> <text catchtap='showDialogBtn'>解除绑定</text> </vie 阅读全文
posted @ 2019-04-20 11:22 bingxiaoxiao 阅读(2010) 评论(0) 推荐(0) 编辑
微信小程序 swiper轮播 自定义indicator-dots样式
摘要：index.wxml index.wxss index.js 阅读全文
posted @ 2019-04-16 14:56 bingxiaoxiao 阅读(10012) 评论(0) 推荐(0) 编辑
小程序 新建项目底部tabbar
摘要：在app.json中配置 阅读全文
posted @ 2019-04-15 10:03 bingxiaoxiao 阅读(262) 评论(0) 推荐(0) 编辑
小程序获取openid 小程序授权
摘要：小程序获取openid 小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。 wx.login(Object object) 调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息，包括用户的唯一标识（openid）及本次登录的会话密钥（ses 阅读全文
posted @ 2019-03-13 13:25 bingxiaoxiao 阅读(12009) 评论(0) 推荐(0) 编辑
小程序点击跳转外部链接 微信小程序提示：不支持打开非业务域名怎么办 使用web-view 配置业务域名
摘要：小程序点击跳转外部页面 1.index.wxml 添加点击事件 标签可以是小程序支持的 2.index.js 添加事件 注：页面跳转是 url: '/pages/out/out', 所以需要在app.json中配置 3.在out.wxml 添加一句话web-view标签 其中src是需要跳转的链接 阅读全文
posted @ 2019-03-12 13:30 bingxiaoxiao 阅读(53519) 评论(4) 推荐(0) 编辑
小程序自带弹出框类型
摘要：wx.showToast(Object object) 显示消息提示框 wx.showToast 应与 wx.hideToast 配对使用 wx.showLoading 和 wx.showToast 同时只能显示一个 wx.showToast({ title: '成功', icon: 'succes 阅读全文
posted @ 2019-03-02 15:58 bingxiaoxiao 阅读(11812) 评论(0) 推荐(0) 编辑
图片垂直居中裁剪显示
摘要：如何使用css来让图片居中不变形 微信小程序和web端适用 缩放 scaleToFill 不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素 缩放 aspectFit 保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。 缩放 aspectFill 保 阅读全文
posted @ 2019-02-28 10:01 bingxiaoxiao 阅读(1258) 评论(0) 推荐(0) 编辑
小程序点击图片放大效果 单张图片 多张图片
摘要：单张图片点击放大效果 阅读全文
posted @ 2019-02-27 14:10 bingxiaoxiao 阅读(4907) 评论(1) 推荐(0) 编辑
小程序动态添加class及调接口传递多个参数
摘要：1.动态添加class <view class="step2 {{indication == 2 ?'on':''}}"> <view class='tc left'> <view>喷洒泡沫</view> <view>(min)</view> </view> <view class='right'> 阅读全文
posted @ 2019-02-27 10:59 bingxiaoxiao 阅读(1399) 评论(0) 推荐(0) 编辑
小程序for循环嵌套
摘要：暂无相关评论 {{item.nickname}} {{item.create_time}} {{item.info}} //item.img_pic是循环下的 阅读全文
posted @ 2019-02-26 11:44 bingxiaoxiao 阅读(3338) 评论(0) 推荐(0) 编辑
小程序富文本转换
摘要：富文本编辑器可以不引用wxss,可以省略 1.index.js var WxParse = require('../../utils/wxParse/wxParse.js'); //请求接口 获取到对应的字段var parma = { id: that.data.id } wx.request({ 阅读全文
posted @ 2019-02-22 15:43 bingxiaoxiao 阅读(1288) 评论(0) 推荐(0) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示