09 2017 档案

微信 小程序组件 焦点切换
摘要：.monery-detail .active{ ">#e5c41d; color: white; } <block wx:key="recharge" wx:for="{{recharge}}" wx:for-index="index"> <!-- 绑定焦点函数rechargeActive --> 阅读全文
posted @ 2017-09-22 14:57 ThisCall 阅读(2147) 评论(0) 推荐(0) 编辑
微信 小程序布局 标题之二分列表
摘要：<view class="commodity-zone"> <!-- 系列商品模板 --> <block class="zone-among" wx:key="teaamong" wx:for="{{teaamong}}" wx:for-index="index"> <!-- 控制显示与隐藏的外衣 阅读全文
posted @ 2017-09-14 14:08 ThisCall 阅读(738) 评论(0) 推荐(0) 编辑
微信 小程序布局 假收索框
摘要：<!-- 收索 --> <view class="header"> <view class="search"> <image class="icon" src="/imgs/index/o_search.png"/> <i class="fa fa-home"></i> 阿里山高山茶 </view> 阅读全文
posted @ 2017-09-14 13:54 ThisCall 阅读(258) 评论(0) 推荐(0) 编辑
微信 小程序布局 左右三区块
摘要：/* 3三区块部分 *************/ .wear-diamonds{ display: flex; width: 100%; height: 300rpx; } .wear-diamonds>view{ width: 50%; height:100%; border: 1px solid 阅读全文
posted @ 2017-09-14 13:48 ThisCall 阅读(444) 评论(0) 推荐(0) 编辑
微信 小程序布局 水平菜单
摘要：<!-- 菜单列表部分 --> <view class="wear-menu"> <view class='menu-box' wx:key="menu" wx:for="{{menuList}}" wx:for-index="index"> <view class="menu-img" bindt 阅读全文
posted @ 2017-09-14 13:43 ThisCall 阅读(865) 评论(0) 推荐(0) 编辑
微信 小程序组件 轮播（原始）
摘要：<!--1 轮播部分 --> <view class="banner-box"> <swiper class="home-banner swiper" indicator-dots="true" autoplay="true" indicator-color="#F5A084" indicator- 阅读全文
posted @ 2017-09-14 13:35 ThisCall 阅读(202) 评论(0) 推荐(0) 编辑
微信 小程序组件 加入购物车全套 one wxss
摘要：//1，wxss /*外部容器*/ .container { display: flex; flex-direction: column; align-items: center; justify-content: space-between; box-sizing: border-box; } / 阅读全文
posted @ 2017-09-14 12:04 ThisCall 阅读(285) 评论(0) 推荐(0) 编辑
微信 小程序组件 加入购物车全套 one wxml
摘要：<!--pages/shop/shop.wxml--> <view wx:if="{{hasList}}"> <view class="container carts-list"> <view wx:key="isshop" wx:for="{{carts}}" class="carts-item" 阅读全文
posted @ 2017-09-14 12:04 ThisCall 阅读(1339) 评论(0) 推荐(0) 编辑
微信 小程序组件 加入购物车全套 one js
摘要：// pages/shop/shop.js Page({ /** * 页面的初始数据 */ data: { carts: [ { teaname: '冠军乌龙茶-150g', image: '../../imgs/car/shopping_pic_1.png', num: '1', price: ' 阅读全文
posted @ 2017-09-14 12:04 ThisCall 阅读(717) 评论(0) 推荐(0) 编辑
小程序开发 自定义转发
摘要：请确认测试手机微信版本为最高版本 1，wxml (主要) <button open-type="share">分享</button> //<button open-type="share"><image src='../../imgs/index/wear_1.png'></image></butt 阅读全文
posted @ 2017-09-14 11:56 ThisCall 阅读(757) 评论(0) 推荐(0) 编辑
小程序开发 event对象中 target和currentTarget 属性的区别。
摘要：首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 p包含在div内 在outer上点击时，target跟currentTarget是一样的，都是div，而在inner上点击时，e.target是p、e.currentTarget是 阅读全文
posted @ 2017-09-14 10:39 ThisCall 阅读(629) 评论(0) 推荐(0) 编辑
微信 小程序组件 分页精简版
摘要：1xml <view class="container flex-wrap flex-direction-row"> <!-- left aside --> <view class="aside flex-wrap flex-direction-col"> <block wx:key="navLis 阅读全文
posted @ 2017-09-14 09:13 ThisCall 阅读(4032) 评论(0) 推荐(0) 编辑
小程序开发 绑定自定义数据data- 及JS获取
摘要：1wxml<!-- 茶系显示隐藏函数sectionSelect --><view class="img-fur" data-id="{{item.id}}" bindtap="sectionSelect"> <image class="section-img" src="{{item.section 阅读全文
posted @ 2017-09-13 16:46 ThisCall 阅读(1593) 评论(0) 推荐(0) 编辑
小程序开发 js里面array操作的方法列表。
摘要： 阅读全文
posted @ 2017-09-09 08:13 ThisCall 阅读(871) 评论(0) 推荐(0) 编辑
微信 小程序组件 分页菜单
摘要：HML***************** <view class="container flex-wrap flex-direction-row"> <!-- left aside --> <view class="aside flex-wrap flex-direction-col"> <bloc 阅读全文
posted @ 2017-09-05 23:09 ThisCall 阅读(640) 评论(0) 推荐(0) 编辑
小程序开发 缓存的应用
摘要：xhml <view catchtap="onCollectionTap" style="background:green" class="sotrge1" >读取缓存</view><view catchtap="onShareTap" style="background:red" class="s 阅读全文
posted @ 2017-09-04 22:56 ThisCall 阅读(306) 评论(0) 推荐(0) 编辑