微信小程序
blueBings
努力的小吗喽。
展开
-
微信小程序调用腾讯地图SDK
wxml:<view> <view> <view class="retailStore"> <view class="cnaps borderBottom"> <text>所在城市</text> <input class='m-bbt' placeholder-clas...原创 2019-10-14 14:12:31 · 626 阅读 · 0 评论 -
微信小程序图片懒加载
wxml:<block wx:for="{{group}}" wx:key="1"> <view class="loadImg loadImg{{index}} {{item.show? 'active' : ''}}" > <image wx:if='{{item.show}}' style='width:100%;height:100%;...转载 2019-10-13 10:54:49 · 364 阅读 · 0 评论 -
微信小程序图片延迟加载,复制即用。
wxml<view class="content"> <block wx:key="{{img}}" wx:for="{{img}}"> <view class="pic-list"> //listIndex大于item.index时,图片显示 <image src="{{ listIndex > ind...转载 2019-10-13 10:37:44 · 1053 阅读 · 0 评论 -
微信小程序回到顶部,底部
1.回到顶部if (wx.pageScrollTo) { wx.pageScrollTo({ scrollTop: 0 })}2.到最底部<view class='data-loading' id="j_page" > 数据加载中... </view> wx.createSelectorQuery()...原创 2019-08-06 16:51:21 · 1419 阅读 · 0 评论 -
小程序两个不固定宽度占满一行
需求:两个块都不固定宽度。根据左侧不固定内容的宽度,占满右侧内容;<view id="container"> <view id="left"><text>深圳市</text></view> <view id="mid"><text>搜索框</text></vi...原创 2019-08-01 15:51:50 · 2486 阅读 · 0 评论 -
微信小程序可拖动按钮
作者使用的是catchtouchstart;catcht有效的阻止了点击事件;tap,touchstart,touchend的事件触发顺序为start→end→tap 所以问题在于catchtouchstart,catchtouchend后事件被阻止了,tap捕获不到。 改为bindtouchstart,bindtouchend后问题得以解决。<button bindtouchm...转载 2019-08-01 09:56:01 · 5080 阅读 · 0 评论 -
微信小程序实用组件
github 地址:https://github.com/opendigg/awesome-github-wechat-weapp;原创 2018-11-02 17:03:03 · 157 阅读 · 0 评论 -
微信小程序循环列表实现单个显示与隐藏
实现多列数据显示和隐藏,效果图由于小程序不支持dome操作,因此使用 wx:for 方法实现效果wxml:<!--searchArray 循环遍历的对象wx:for-item="item" 别名itembindtap='showList' 绑定点击事件data-id='{{item.id}}' 将对象id添加到点击列表上-->...转载 2018-10-30 10:05:59 · 12743 阅读 · 0 评论 -
小程序列标显示隐藏
<view class='container'> <!-- 订单列表 --> <block wx:for-items="{{carInfoData}}"> <view class='card b-shadow' bindtap='toggleBtn' id="{{item.id}}"> <view class='原创 2018-10-30 09:28:37 · 376 阅读 · 0 评论 -
微信小程序左右联动的坑我来踩...
// 点击左边导航定位右边导航位置// 滑动右边导航左边导航滑动跟随并改变样式wxml<view class="container"> <!--左侧栏--> <scroll-view class='scroll_left' scroll-y="true" style="height:{{winHeight}}px;" scroll-...原创 2018-10-17 14:52:20 · 37 阅读 · 1 评论 -
linux 下安装微信开发者工具
一.环境::ubuntu 16.04;linux二.安装过程:2.1 安装winesudo apt-get install wine2.2 安装nwjs-sdk2.2.1 下载linux版nwjs-sdkwget https://dl.nwjs.io/v0.25.4/nwjs-sdk-v0.25.4-linux-x64.tar.gz 2.2.2 解压nwjs-s...转载 2018-10-12 11:04:27 · 3517 阅读 · 0 评论