小程序
码林鼠
致力于知识的传播
展开
-
小程序自定义长按说话进度条
虽然小程序有提供progress进度条,但在进度过程中停顿效果不好,所以自定义了一个<view class="speaking"> <view style="position:relative;width:686rpx;"> <view class="currentsecond"> <image src="/spea...原创 2020-03-13 11:12:29 · 302 阅读 · 0 评论 -
小程序用富文本wxparse
在github上下载wxparse,放到项目中js中引入var WxParse = require('../../wxParse/wxParse.js');data: { content:'<p>title抬头content控疼痛foot福特body波地</p>' }, WxParse.wxParse('article', 'html', this...原创 2020-03-04 15:38:13 · 116 阅读 · 0 评论 -
小程序open-type=“contact“客服消息真机无效
官网说可以用button,但是我用了,在真机上没效果,开发工具就有反应,最终还是用回view,而不用cover-view原创 2020-03-04 14:53:40 · 3834 阅读 · 0 评论 -
小程序的背景图片
<view style="background-image:url('{{url}}')">注意这里是background-image,还有注意这行的单双引号跟vue的使用方式有些许差别,所以坑了老爹一小段时间,在此记录一下ulr只能是base64或者https路径,不能是本地路径...原创 2020-02-29 18:00:34 · 350 阅读 · 0 评论 -
ucharts大坑
用uniapp做小程序,用到了ucharts但是插件的canvas宽高很不稳定,要用自己的变量才可以,一旦mounted完后,selfWidth 和selfHeight 就固定不变了(稳定了)mounted() { let info = uni.getStorageSync('systemInfo') this.selfWidth = info.windowWidth this.s...原创 2020-02-20 16:38:34 · 8800 阅读 · 3 评论 -
小程序之间实现跳转(已实现)
一准备两个appId二在微信公众号上关联两个appId三用appId1和appId2新建小程序原始程序用appId1,目标程序用appId2四原始程序代码<view>原始小程序,测试跳转</view><navigator target="miniProgram" app-id='wxb961920bdfabbaba' path='pages...原创 2020-02-20 11:38:07 · 10675 阅读 · 1 评论 -
小程序--加载更多的两种方式
一如果是页面滚动的话,就用onPageScroll的页面滚动事件,注意这是页面的事件,对于view的over-flow:scroll是无效的(用第二种方法)二用scroll-view的方法,官方文档有两种可以监听滚动到底部的方法,一种是 bindscrolltolower=“bottomHere” bindscroll=“scrolling”不过各有各的缺点bindscrolltolow...原创 2019-12-30 11:49:33 · 605 阅读 · 1 评论 -
vue-clipboard,小程序,js剪切板复制copy
vueimport VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)<button v-clipboard:copy="text" v-clipboard:success="onCopy">复制</button>如果想要复制的内容保留原格式或换行,这里复制的text就要用模板字符串mpwx.set...原创 2019-10-22 16:55:21 · 536 阅读 · 0 评论 -
小程序给组件的properties传值
像上面这种情况,b页面怎么给a页面的组件传值呢,请跟我来let pages = getCurrentPages()let obj = pages[pages.length - 2].selectComponent('#sel')obj.setData({ region//这就region就是a页面中的组件的properties的属性})<selTab region="{...原创 2019-11-14 16:29:43 · 6264 阅读 · 0 评论 -
小程序传值的七种方式
一<view data-id="{{id}}">通过e.currentTarget.dataset.id来获取数据二wx.navigateTo({ url: '/url?id=' + id, })通过onload生命周期中获取数据onLoad: (options) => { this.setData({ id: options...原创 2019-09-25 22:20:22 · 262 阅读 · 0 评论 -
小程序上传文件(图片)
wx.chooseMessageFile({ success(res) { if (res.tempFiles[0].type == 'image' || res.tempFiles[0].type=='file') { wx.uploadFile({ url: app.baseUrl,//服务器地址 ...原创 2019-11-13 10:50:06 · 948 阅读 · 0 评论 -
小程序movable-area movable-view实现左滑删除
<movable-area class="moveArea" wx:for="{{iteList}}" wx:key="{{item}}" bindtap="toPosiDetl" data-id="{{item.work.id}}"> <movable-view class="moveView" x="{{item.x}}" direction="horizontal" b...原创 2019-11-13 17:33:10 · 933 阅读 · 0 评论