随笔分类 -  WeChat小程序

微信小程序开发笔记(十一)--输入框计数
摘要：1.wxml： <textarea placeholder="请描述内容" maxlength="{{noteMaxLen}}" bindinput="bindWordLimit"></textarea> <text>{{currentNoteLen|0}}/{{noteMaxLen}}</text 阅读全文
posted @ 2020-04-29 21:51 杵臼 阅读(475) 评论(0) 推荐(0)
微信小程序开发笔记(十)--多选标签效果
摘要：1.wxml： <block wx:for='{{itemList}}' wx:key="id"> <view class="{{item.isSelected?'_on':''}}" bindtap='itemSelected' data-index='{{index}}'><text>{{ite 阅读全文
posted @ 2020-04-29 21:42 杵臼 阅读(934) 评论(0) 推荐(1)
微信小程序开发笔记(九)--单选标签效果
摘要：1.wxml： <block wx:for='{{itemList}}' wx:key='{{key}}'> <view class="{{index==isChoice?'_on':''}}" bindtap='itemChoice' data-index="{{index}}"><text>{{ 阅读全文
posted @ 2020-04-29 21:34 杵臼 阅读(312) 评论(0) 推荐(0)
微信小程序开发笔记(八)--路由跳转
摘要：官方传送门：https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html 1.navigate 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回 阅读全文
posted @ 2020-04-29 04:27 杵臼 阅读(284) 评论(0) 推荐(0)
微信小程序开发笔记(七)--template模板
摘要：建议单独创建template目录，在template目录中创建管理模板文件。由于模板只有wxml、wxss文件，而且小程序开发工具并不支持快速创建模板，因此就需要直接创建wxml、wxss文件了，一个template的模板文件和样式文件只需要命名相同即可。如果模板较多，建议在template目录下再 阅读全文
posted @ 2020-04-07 01:13 杵臼 阅读(394) 评论(0) 推荐(0)
微信小程序开发笔记(六)--实现tab选项卡
摘要：wxml： <!-- pages/index/index.wxml --> <!--导航菜单--> <view class="navbar"> <!--循环--> <view wx:for="{{navbar}}" data-idx="{{index}}" class="item {{current 阅读全文
posted @ 2020-04-06 23:42 杵臼 阅读(344) 评论(0) 推荐(0)
微信小程序开发笔记(五)--swiper实现tab选项卡
摘要：wxml： <!--pages/index/index.wxml--> <view class="swiper-tab"> <view class="{{tab 0 ? 'on' : ''}}" data-current="0" bindtap="tab_click">{{tablist1}}</v 阅读全文
posted @ 2020-04-03 02:57 杵臼 阅读(809) 评论(0) 推荐(1)
微信小程序开发笔记(四)--轮播图
摘要：官方传送门 wxml: <!--pages/index/index.wxml--> <swiper circular="{{circular}}" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{inter 阅读全文
posted @ 2020-04-03 01:07 杵臼 阅读(396) 评论(0) 推荐(0)
微信小程序开发笔记(三)--底部导航栏，顶部标题栏设置
摘要：基础库 2.5.0 开始支持自定义 tabBar... 1.准备三个页面，首页（home），消息（info），我的（mine） 选择pages文件夹 右键-->新建文件夹 -->新建 home 文件夹-->再选中 home 文件夹 右键-->新建 Page，保持和文件夹名相同，同理建消息（info） 阅读全文
posted @ 2020-04-01 03:14 杵臼 阅读(1661) 评论(0) 推荐(0)
微信小程序开发笔记(二)
摘要：1.小程序代码构成 通过开发者工具快速创建了一个 wechatdemo 项目。项目里边生成了不同类型的文件: .json为配置文件 .wxml 为模板文件，相当于HTML模板 .wxss 为样式文件，相当于HTML的CSS样式表 .js 为JS 脚本逻辑文件，相当于HTML的js脚本 一个描述整体程 阅读全文
posted @ 2020-03-30 02:28 杵臼 阅读(286) 评论(0) 推荐(0)
微信小程序开发笔记(一)
摘要：1.申请帐号 1.1 进入小程序注册页 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。 1.2 在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。 登录小程序后台 ，我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 。 1.3 小程 阅读全文
posted @ 2020-03-29 17:18 杵臼 阅读(222) 评论(0) 推荐(0)