随笔分类 -  微信小程序组件

摘要:wxml 页面 <import src="/pages/lianxi/lianxi.wxml" /> //引入文件 <view style='position:fixed;left:0;top:0;'> <template is="showToastMyTan"> <text>haha</text> 阅读全文
posted @ 2017-11-21 11:17 ThisCall 阅读(603) 评论(0) 推荐(0) 编辑
摘要://JS data: { navNum:0, navList: [ { id: 1, name: '已预约' }, { id: 2, name: '已消费' }, { id: 3, name: '已取消' }, ], shopList0: [ { id: 1, image: '/imgs/news/ 阅读全文
posted @ 2017-11-20 09:38 ThisCall 阅读(1489) 评论(0) 推荐(0) 编辑
摘要://wxml <view class='nav-right' bindtap='tobackShop'> <button open-type="share" class='nav-right' style='background:#fff'> <view> <image src='../../img 阅读全文
posted @ 2017-11-16 09:47 ThisCall 阅读(672) 评论(0) 推荐(0) 编辑
摘要:<view class="container"> <!-- menue --> <view class="aside flex"> <block wx:key="navList" wx:for="{{navList}}"> <view class="type-nav flexca" bindtap= 阅读全文
posted @ 2017-11-04 11:31 ThisCall 阅读(1019) 评论(0) 推荐(0) 编辑
摘要:<!-- 1分类菜单--> <view class='edition-menu flex'> <block wx:key="edmenu" wx:for="{{edmenu}}" wx:for-index="index"> <view class='flexcca' data-index='{{in 阅读全文
posted @ 2017-10-23 11:45 ThisCall 阅读(310) 评论(0) 推荐(0) 编辑
摘要:JS // 左侧菜单栏焦点控制函数 keyMenu: function (e) { var mlindex = e.currentTarget.dataset.mlindex; this.setData({ curNav: mlindex, }) }, //数据 curNav: 0, mrlist: 阅读全文
posted @ 2017-10-10 14:06 ThisCall 阅读(973) 评论(0) 推荐(0) 编辑
摘要://循环 <block wx:key="style" wx:for="{{item.style}}" wx:for-item="its" wx:for-index="itx"> <!-- <view > --> <view class='rob-merch-list flexba'> <view c 阅读全文
posted @ 2017-10-09 11:07 ThisCall 阅读(986) 评论(0) 推荐(0) 编辑
摘要:.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) 编辑
摘要:<!--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) 编辑
摘要:// 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,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) 编辑
摘要:<!--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) 编辑
摘要: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) 编辑
摘要: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) 编辑