![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
但心情怎会无恙
以梦为码
展开
-
微信小程序排坑总结(更新中)
1.样式动态绑定class,不能用对象的写法,得用三目运算wrong:<view class="{current: tabCurrentIndex === index}"></view>right:<view class="{{tabCurrentIndex === index?'current':''}}"></view>2.事件传参要...原创 2020-03-12 15:44:03 · 436 阅读 · 0 评论 -
小程序map组件不显示坐标解决
前提场景:在使用map组件时,经纬度属性(latitude,longitude)使用数据绑定,在onLoad里获取用户的地理位置,然后再setData,这时往往map组件拿不到获取的值。原因:map组件的组件渲染是优先于接口setData的异步赋值的,导致map的渲染过程中实际上longitude和latitude值都为空,且map只渲染一次。解决方式:使用wx:if<map l...原创 2019-10-18 09:51:19 · 1826 阅读 · 0 评论 -
改变对象的属性值-微信小程序
1.改变直属data的对象属性:data:{ person:{ name:'小白' }}传统方式:updateName(){ this.person.name = '小黑' this.setData({ person: this.person })}小技巧:updateName(){ this.setData({ ['person.name']: '小黑...原创 2019-10-18 09:36:57 · 183 阅读 · 0 评论 -
文本溢出省略号
多行:.multi-line{ word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow:ellipsis;}单行:.one-line{ overflow: hidden; wh...原创 2019-05-10 16:37:25 · 112 阅读 · 0 评论 -
根据图片形状计算图片尺寸
/*计算图片尺寸*/function caculateImgSize(url) { //限制最大尺寸 let max_width = 690; let max_height = 600; let results; return new Promise((resolve, reject)=>{ uni.getImageInfo({ src: url, success...原创 2019-05-09 16:49:29 · 769 阅读 · 0 评论 -
微信小程序面板移入移出
begin(){ var that=this; if(that.data.animationData==''){ var animation = wx.createAnimation({ duration: 300, timingFunction: 'ease-out', }) this.animation = ...原创 2018-09-21 15:18:06 · 1750 阅读 · 0 评论 -
微信小程序获取元素高度宽度
1.创建节点var query = wx.createSelectorQuery();2.绑定DOMquery.select('#box').boundingClientRect()3.获取元素信息query.exec(function (res) { //console.log(res); console.log(res[0].height);})...原创 2018-10-11 09:45:11 · 4002 阅读 · 2 评论 -
小程序各种滚动与滑动效果实现
1.滚动选项卡小程序内提供scroll-view组件,可以实现此效果,将scroll-x设置为true.2.滑动切换页面swiper组件,不同的页面写在不同的swiper-item里。通过左右滑动或者点击上方的选项卡,改变当前的索引值。<swiper indicator-dots="false" current="{{currentIndex}}"> <swipe...原创 2018-09-25 14:00:19 · 5390 阅读 · 0 评论 -
小程序中使用字体图标
安装npm install vuex -S引入在main.js中:import Vuex from 'vuex'import store from './vuex/store'Vue.use(Vuex)创建仓库在src目录下创建vuex文件目录,并在目录内创建store.js文件。 在store中:import Vue from 'vue'i...原创 2018-09-17 16:26:18 · 158 阅读 · 0 评论 -
小程序上的黑色阴影
box-shadow: 0rpx 1rpx 20rpx 2rpx rgba(1, 1, 1, 0.1);原创 2018-08-25 20:41:04 · 2422 阅读 · 0 评论 -
小程序存取缓存
异步存:wx.setStorage({ key: 'key1', data: 'data1', success: function(res){ console.log('异步保存成功') } })同步存: wx.setStorageSync('key2', 'data2') console.log('同...原创 2018-08-20 09:39:04 · 1253 阅读 · 0 评论 -
微信小程序开发中的坑
小程序模板引擎的列表循环支持数组,不支持对象 text 组件实质是行内标签 background-image 只能用网络url或者base64 注意事件对象中target 和 currentTarget的区别 URL 传参数时微信会自动拦截’=’,导致后面页面onLoad中options参数容易解析出错 二级页面无法再使用tabbar,必须自定义 自定义组件中methods对象中定义的...原创 2018-08-22 19:08:36 · 194 阅读 · 0 评论 -
在小程序里实现星星评级
1.点亮的星星和未点亮的是两张图片,都是通过循环渲染生成的,初始化评级为0,则不亮的星星的个数为 总评级减去当前评级。而点亮的星星个数就是评级数。2.WXML文件里,先写点亮再写未点亮。如下:<view class='star-cell' wx:for="{{feedbacks}}" wx:for-item="feedback" wx:for-index="findex" wx:f...原创 2018-08-16 17:34:01 · 511 阅读 · 0 评论 -
小程序全局变量的存取
app.js中globalData存储全局变量: globalData: { app_token:null }设置:app.globalData.app_token = res.app_token;获取:var APP_TOKEN = getApp().globalData.app_token;原创 2018-08-18 11:38:33 · 4251 阅读 · 0 评论