微信小程序
文章平均质量分 67
zhaihaohao1
这个作者很懒,什么都没留下…
展开
-
微信小程序----组件之textarea
效果图:项目结构:核心代码:index.wxml 使得输入框获取焦点 提交 index.js//textarea.jsPage({ data: { height: 20, focus: false }, bindButtonTap: fu原创 2017-09-07 15:32:39 · 15088 阅读 · 0 评论 -
微信小程序----组件之switch
效果图:项目结构:核心代码:index.wxml index.jsPage({ switch1Change: function (e) { console.log('switch1 发生 change 事件,携带值为', e.detail.value) }, switch2Change: function (e) {原创 2017-09-07 15:27:34 · 2220 阅读 · 0 评论 -
微信小程序----组件之slider
效果图项目结构:核心代码:index.wxml 设置left/right icon 设置step 显示当前value 设置最小/最大值 index.jsvar pageData = {}for (var i = 1; i < 5; i++)原创 2017-09-07 15:24:13 · 2911 阅读 · 0 评论 -
微信小程序----组件之radio
效果图:项目结构:核心代码:index.wxml {{item.value}} index.wxss.radio-group{ display: flex; flex-direction: column; }index.jsPage({ data: { items: [ { name: 'USA',原创 2017-09-07 15:20:16 · 1997 阅读 · 0 评论 -
微信小程序----组件之picker
效果图项目结构:核心代码:index.wxml 普通选择器 当前选择:{{array[index]}} 多列选择器 当前选择:{{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}},{{multiArray[原创 2017-09-07 15:14:59 · 4371 阅读 · 0 评论 -
微信小程序----组件之label
效果图项目结构index.wxml表单组件在label内 {{item.value}} label用for标识表单组件 {{item.name}} index.wxss.label-1原创 2017-09-07 15:09:11 · 5411 阅读 · 0 评论 -
微信小程序----组件之input
效果图项目结构:核心代码:index.wxml 使得输入框获取焦点 你输入的是:{{inputValue}} index.is//input.jsPage({ data: { focus: false, inputVal原创 2017-09-07 15:03:01 · 1278 阅读 · 0 评论 -
微信小程序----组件之form
效果图项目结构:index.wxml switch slider input radio radio1 radio2 checkbox checkbox1 checkb原创 2017-09-07 14:58:38 · 653 阅读 · 0 评论 -
微信小程序----组件之checkbox
效果图:项目结构:核心代码:index.wxml {{item.value}} index.wxss.checkbox{ display: block; background-color: yellow}index.jsPage({ /** * 页面的初始数据 */ data: { ite原创 2017-09-07 14:54:26 · 1257 阅读 · 0 评论 -
微信小程序----组件之button
效果图项目结构:index.wxml default primary warn 点击设置以上按钮disabled属性 点击设置以上按钮plain属性 点击设置以上按钮loading属性 进入客服会话index.wxss/** wxss **//** 修改button默认的点击态样式类**/.button-hover原创 2017-09-07 14:49:18 · 4840 阅读 · 0 评论 -
微信小程序----组件之icon
文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/component/根据文档写代码效果图:项目结构:核心代码:index.wxml index.wxss.group{background: yellow;height: 1原创 2017-09-03 14:24:39 · 3027 阅读 · 0 评论 -
微信小程序----组件之progress
文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/component/根据文档写代码效果图:项目结构:核心代码:index.wxml原创 2017-09-03 12:15:22 · 1237 阅读 · 0 评论 -
微信小程序----组件之rich-text
文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/component/ 根据文档写代码效果图项目结构:核心代码:index.wxmlindex.jsPage({ /** * 页面的初始数据 */ data: { nodes: [{ name: 'div',原创 2017-09-03 12:09:52 · 7082 阅读 · 1 评论 -
微信小程序----组件之text
文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/component/根据文档写代码效果图:项目结构:核心代码:index.wxml {{text}} add line remove line index.wxss.btn-area{ background-color原创 2017-09-03 11:56:48 · 1476 阅读 · 0 评论 -
微信小程序----组件之swiper
文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/component/根据文档写代码效果图:项目结构:源码下载:index.wxml<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}原创 2017-09-03 11:50:23 · 609 阅读 · 0 评论 -
微信小程序----组件之scroll-view
文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/component/根据文档写代码:效果图:项目结构:核心代码:index.wxml: 竖向滚动 横向滚动 视图1 视图2 视图3 index.wxss.bc_green{原创 2017-09-03 11:40:01 · 833 阅读 · 0 评论 -
微信小程序----组件之view
文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/component/根据文档写代码效果图:项目结构:核心代码:index.wxml中: 横向布局 1 2 3 纵向布局 1 2 3 index.wxss中:.sectio原创 2017-09-03 11:31:34 · 272 阅读 · 0 评论 -
微信小程序----常用组件
微信小程序常用控件view微信小程序常用控件scroll-view微信小程序常用控件swiper微信小程序常用控件icon text progress源码下载:原创 2017-08-27 12:13:19 · 1444 阅读 · 1 评论 -
微信小程序----项目结构
项目结构app.json文件主要用来配置页面启动页放在第一个 "page/index/testview",其它页面往下面加就行了{ "pages": [ "page/index/testview" ]}app.js中调用App函数就行了App({ /** * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) */原创 2017-08-27 12:02:08 · 319 阅读 · 0 评论