微信小程序
Qssn丶
学无止境,码无尽头
展开
-
微信小程序商品详情页交互源码(选择商品类型切换、预览商品图片)
maker一下自己捣鼓的商品详情页,主要是选择商品类型的交互和样式,点击不同类型切换图片和文字,商品增加减少,还有商品预览图片(本地图片无法预览!!!)。。源码下载:http://download.csdn.net/download/dknightl/99398721.效果图2.wxml<view class="swiper_area"> <swiper indicator-dots="{{in原创 2017-08-18 13:51:08 · 23907 阅读 · 1 评论 -
微信小程序点击移除添加class(点击改变背景颜色和字体颜色)
微信小程序不允许DOM操作,所以不能用addClass这种方法,我的用法如下。 点击元素后,获取元素中data-select值,赋值给catalogSelect,然后判断二者是否相等,一样则添加class(class的css可以先写好)。 <!--页面--> <view class="info_choose "> <view class="catalog_name原创 2017-07-25 14:30:12 · 27620 阅读 · 11 评论 -
微信小程序引用同一js文件中的方法函数(function)
在小程序的js文件中,有时候我们也要复用同一js的一个或多个方法。微信小程序引用同一js文件中的方法函数(function)原创 2017-07-27 20:03:13 · 44502 阅读 · 0 评论 -
微信小程序页面使内容充满整个屏幕(高度、宽度100%),并使内容水平和竖直都居中
很多时候,我们会希望将内容充满整个屏幕(高度、宽度100%),如下图 代码如下wxml页面代码 <view class="empty_tip "> <image class="" src="../../image/empty_cart.png" mode="widthFix"></image> <view class="classname">购物车竟然是空的</v原创 2017-07-28 09:36:05 · 75378 阅读 · 2 评论 -
微信小程序,使用scroll-view实现下拉加载更多(下一页)源码
maker一下使用scroll-view实现下拉加载更多(下一页),比较粗糙,如下图。 由于数据是死数据,只能加载一次(如图)。源码下载:http://download.csdn.net/download/dknightl/9922174 下拉逻辑由scroll-view里的bindscrolltolower参数实现。 判断是否可以下拉由当前页数和总页数比较判断wxml<!--inde原创 2017-08-05 16:08:59 · 9146 阅读 · 1 评论