- 博客(17)
- 收藏
- 关注
RSS订阅
原创 微信小程序web-view带参数跳转H5页面播放视频流（记录）
（虽然最终这个功能由于各种原因无法上线，但也算是个很大收获吧，记录下来~）最近有个需求，是要在小程序上实时播放监控视频，本来用的官方video组件，代码如下：<view class="video"> <video id="myVideo" src="{{url}}" title="{{title}}" autoplay controls show-fullscreen-b...
2019-12-02 11:40:17
3554
3
原创 微信小程序简单爱心点赞动画
需求是用户点赞的时候，小心心跳动一下（变大然后恢复），大概是这个样子 ↓找了很久都没有类似的demo，各种尝试之后终于成功了，代码（仅动画）：wxml：<!-- 点赞 --> (已点赞？点赞图片：未点赞图片) <view class="" bindtap='onCollectionTap' data-index='{{index}}'>...
2019-09-12 11:46:39
8023
原创 npm引入小程序官方WeUI组件库weui-miniprogram
1、在小程序根目录内，初始化npm npm init2、执行命令安装 npm 包：npm install --save weui-miniprogram3、安装完成后，在微信开发者工具中的菜单栏：工具 ------ 构建 npm ：4、在微信开发者工具中的右上角：详情 ------ 本地设置， 勾选“使用 npm 模块”选项：5、点击文档中的组件示例代码，开始ctrl C + ...
2019-09-04 11:29:53
24063
9
原创 微信小程序转支付宝小程序遇到的问题（记录）
（左边微信小程序，右边支付宝小程序）1、文件后缀名wxml------axmlwxss------acss2、wxml中wx:------a:bind------on(改成驼峰式命名，如bindtap------onTap)3、js中wx:------my:缓存的存取方式不同4、json中enablePullDownRefresh------pullRefresh5、app...
2020-03-12 17:38:25
662
原创 微信小程序获取实时定位（记录）
首先在app.json里配置： "requiredBackgroundModes": [ "location" ] 在需要定位的页面js里：getUserLocation() { wx.getSetting({ success(res) { console.log(res) if (res.authSetting['scope.us...
2019-12-09 15:27:05
6171
1
原创 微信小程序指定盒子上滑置顶（记录）
wxml代码：<!-- 盒子一号 --><view class="{{fixedNav?'topnavFixed':'topic-view'}}" id="topic"></view><!-- 盒子二号---滚动区域 --><view id='content'></view>js代码：onPageScroll: ...
2019-12-02 18:38:23
973
原创 微信小程序上拉加载更多（记录）
import util from '../../../utils/request';Page({ data: { page:1, comment:[] }, onLoad: function (options) { var that=this //帖子列表 util.jsonRequest('/wx/posts/queryList', ...
2019-11-27 16:32:10
546
原创 文字一行居中，两行及以上靠左
.content{ font-size: 34rpx; color: rgba(83, 83, 83, 0.8); line-height: 56rpx; display: flex; align-items: center; justify-content: space-around; flex-direction: column;}...
2019-11-21 10:17:42
629
原创 微信小程序五星评价功能
需求如图：1个星-很不满意；2个星-不满意；3个星-一般；4个星-还不错；5个星-很满意；找了demo，删删改改，demo地址： https://www.jb51.net/article/150081.htm上代码吧还是 = =需要的页面引入：json: { "usingComponents": { "star": "../../component...
2019-11-20 13:54:58
3062
原创 微信小程序显示帖子发布时间（XXX前）
项目里有个需求是显示用户发帖时间：XXX前，如下：参考了这个：https://blog.csdn.net/ChibiMarukoChan/article/details/89451920写好之后在工具里是正常的，但在手机上全部显示的刚刚，后来发现是因为日期格式ios不兼容，改成这样就好啦：先把后台返回的（例：2020-01-01 10:10:10）转化一下：dateTime.replac...
2019-10-30 10:28:00
1377
1
原创 小程序字符串转数组报错情况
前两天转数组的时候发现一直报错，是这样写的：res.list[i].picUrls.split(",")看似没什么问题，但由于没有考虑到空值，所以一直在报错。换成这样就好了。(res.list[i].picUrls || “”).split(",")...
2019-10-30 10:13:00
304
原创 微信小程序使用插件解析富文本
开发微信小程序的时候，经常会遇到后台返回的富文本编辑的内容，小程序上不能直接显示，需要下载插件解析一下。1、Copy文件夹wxParse，下载地址：https://github.com/icindy/wxParse2、把这个文件夹放到app.js同级，设置全局样式：/**app.wxss**/@import "./wxParse/wxParse.wxss";3、在需要使用的wxm...
2019-09-18 15:33:23
733
原创 微信小程序自动更新线上版本
在app.js里添加下面的代码：// app.jsApp({ onLaunch: function () { // 获取小程序更新机制兼容 if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpd...
2019-09-18 14:24:56
1523
原创 微信小程序 wx.showActionSheet 在安卓机上不显示“取消”的解决方法
小程序在使用 wx.showActionSheet 方法时， iOS 与开发者工具上效果一样，而在 Android 机上则是在屏幕中间弹出，只有itemList里的内容，没有取消按钮，所以需要我们添加一下。 var system = wx.getSystemInfoSync() //获取系统信息 var itemList = ['男生', '女生'] if (/...
2019-09-17 16:39:14
1574
1
原创 parseInt与进制
语法parseInt(string, radix);参数string要被解析的值。如果参数不是一个字符串，则将其转换为字符串(使用 ToString 抽象操作)。字符串开头的空白符将会被忽略。radix一个介于2和36之间的整数(数学系统的基础)，表示上述字符串的基数。比如参数"10"表示使用我们通常使用的十进制数值系统。始终指定此参数可以消除阅读该代码时的困惑并且保证转换结果...
2019-09-10 18:30:55
433
原创 用git提交到新建仓库，切换仓库
切换仓库（github ←→ gitlab）删除远程分支关联git remote rm origin 添加新地址git remote add origin '项目地址'提交git push -u origin master本地文件夹提交到新建仓库新建文件提交新库git add .查看git status 备注git commit -m '备注'提交gi...
2019-09-04 13:51:06
699
原创 微信小程序 WeUI 组件样式的使用，附样例
**WeUI组件最方便的的使用方法**微信小程序官方链接：https://developers.weixin.qq.com/miniprogram/dev/extended/weui/quickstart.html这里面的示例代码需要npm安装之后使用，不能直接复制，现在有个简单的方法，不需要npm安装直接使用，ctrl c+ ctrl v 解决。首先下载weui-wxss下载地址...
2019-09-04 10:39:16
2457
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人