weixin_44714325的博客

<navigator url="/packages/pack-A/pages/sets/log/log" class='notice-wrap align-items' wx:if="{{sys_notice && appTheme.is_audit == 0 }}"> <icon class="marquee-icon"></icon> <view class="marquee-con align-items"> .

格式比较类似于之前的城市选择，但是之前的城市选择格式有些太过繁琐了，然后看到了一篇比较好的处理方式，是采用节点查询的方法来找到左侧字母的定位，而且页面上的渲染也简单了很多页面的实现效果WXML<block wx:for="{{list}}"> <view class='letter' id="letter{{index}}">{{index}}</view> <view class='item' wx:for="{{item}}" wx:for-

这篇文章的主题就是swiper啦，不过swiper在真机上有个不好的点就是页面切换时会有闪烁回弹的感觉，不知道如何处理，希望有知道如何处理的小伙伴可以给出一些指导意见。那还是先来看看正常的切换吧，这篇主要是为了记录swiper的前后边距的使用。先看一下常用的一些属性这些属性还是比较常用的看一下演示效果WXML<view style="height:{{maxHeight}}px" class='page'><!-- 参数详见 https://developers.wei

项目中有需要提现输入的密码框，首先来看一下效果WXML<view class='password-input-box' style='margin-top:200rpx;'> <view class='input' bindtap='getFocus'> <view wx:for="{{Length}}" wx:key="item" class='input-content'> <input value="{{Value.lengt

实现效果1WXML<view class="table"> <view class="tr bg-w"> <view class="th">head1</view> <view class="th">head2</view> <view class="th ">head3</view> </view> <block wx:for="{{listDat

最近遇到了一个新的需求，就是在项目中添加城市选择，小程序的城市选择也不是什么难点，网上也有很多的demo，主要是数据格式的不同，总结了一下，基本上属于两种结构。大部分demo都是引入所有的城市，大家在选择测试的时候可能觉得并不方便，所有我把数据抽取了部分出来，大家尝试后可以再对所有城市的数据进行封装，在网络上搜索的话基本上分为两种数据格式，多数如下第一种所示，第二种是根据接口需要更改的格式，同时前端也会使用两种不同的数据格式去渲染。第一种 citys: [ { "A": [

遇到一个需求，就是需要在一个页面进行多家商店的价格比价，所以就需要表格有左右滚动的效果，最终的效果如下图所示首先说一下数据，因为左侧是一个单独的列表，原本是从接口拿的数据，接口右侧返回的数据是按照左侧的列表数量对应返回的，所以内容方面大家可以根据自己的需要添加。然后再说一下这个页面的布局，虽然是一个表格，但是我是划分成两部分，左侧是固定的，左侧的最上面我放了一个空的view来占位，右侧是可滑动的，因为要求边框和每个view绝对的对齐，所以样式方面需要格外注意，右侧的数据列表如果缺少部分数据，是会影响

由于在微信小程序中，所有屏幕的宽度均为750rpx，因此可以进行如下转换：rpx转px:var px = rpx / 750 * wx.getSystemInfoSync().windowWidth;px转rpx:var rpx = px * 750 / wx.getSystemInfoSync().windowWidth;

// list.wxml列表<import src ="/template/cardList/cardList2.wxml"/><block> <view id="left"> <view class="list-index list-index-{{plType}}" wx:for="{{ leftList }}" wx:key="key"> <navigator url="/pages/Main/pages/detail.

<!-- wxml分页组件 --><scroll-view scroll-x="{{false}}"> <view class="table {{border?'border':''}}"> <view class="th" > <view class="td {{item.type === 'checkbox'?'td-80':'td-200'}}" wx:for="{{cloumns}}" wx:key="index"&g

<!-- wxml分页组件 --><view class="page_div"> <view class="page_sum">共{{pagetotal}}页 当前{{currentPage}}页</view> <view class="page_prev" bindtap="prevFn">上一页</view> <view class="page_number_div"> <view class="p

touchstart 手指触摸动作开始touchmove 手指触摸后移动touchcancel 手指触摸动作被打断，如来电提醒，弹窗touchend 手指触摸动作结束拖拽操作案例1：（注意按钮拖出屏幕边缘处理）<view id="id" bindtouchmove="handletouchmove" class=‘demo‘ style=‘top:{{ballTop}}px; left: {{ballLeft}}px‘></view>page

解决：小程序首页接口调用app.js中异步调用返回的值原因解决办法原因因为app.js中的onLaunch是异步的，当小程序首页打开的时候，app.js中在onLaunch里的接口还没有通没有返回值，也就没有办法设置相应的globalData，但index.js已经执行了，当然就拿不到在app.js中动态设置的globalData的值了，我们需要的是onLaunch请求完之后，再执行index.js中的onLoad方法解决办法在首页index.js中先判断一下当前app.globalData.tes