zww学习笔记

初始化项目时可以看到一个helloworld的项目 代码结构app.wxss/**app.wxss**/.container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx

最近两天随着微信小程序的正式上线，看到被各种疯狂转载，今天难得有闲暇时间，特来体验一把。1、体验小程序需要下载微信web开发工具，这里提供官方地址：官方下载地址 2、申请appid,提供一个链接参考，自己申请：appid申请参考地址申请成功后创建应用可以看到以下界面：

button的初体验：初始化一个项目，新建一个目录firstPage，结构如下：在firtst.wxml中写UI<view class="content"><text class="title">button 示例</text></view><button type="default" size="{{defaultSize}}" loading="{{loading}}" plain="{{pla

微信模版的使用： 新建一个templates目录，新建header.wxml,footer.wxml两个模版文件 header.wxml<template name="header1"> <view class="header"> <text>这是头部模版-{{title}}</text> </view></template>footer.wxml<template n

1、条件语句控制控件的隐藏／显示ifandelse.wxml<view wx:if="{{length>5}}">1</view><view wx:elif="{{length>2}}">2</view><view wx:else>3</viewifandelse.jsPage({ data:{ length:4 }, onLoad:function(options){

参考微信官方demo敲的例子：https://mp.weixin.qq.com/debug/wxadoc/dev/component/view.html?t=20171121、view的布局方式：flex-direction:row<view class="section"> <view class="section__title">flex-direction: row</view>

1、icon图标的使用icon.wxml<block wx:for-items="{{iconSize}}"> <icon type="{{item.type}}" size="{{item.size}}" color="{{item.color}}" /></block>icon.js:Page({ data: { iconNums:[{ 'type':'suc

1、radio<radio-group class="radio-group" bindchange="radioChange"> <label class="radio" wx:for-items="{{items}}"> <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}

1、组件形式&lt;loading hidden="{{hidden}}"&gt; 加载中...&lt;/loading&gt;2、动态形式showToast 和 showLoadingwx.showToast()wx.showLoading()参数itle icon image duration masktitle mask关闭方法设置dur...

1、到https://github.com/icindy/wxParse下载2.1 在使用的View中引入WxParse模块var WxParse = require('../../wxParse/wxParse.js');2.2 在使用的Wxss中引入WxParse.css,可以在app.wxss@import "/wxParse/wxParse.wxss";3、数据绑定var article =

微信小程序官方文档提示wx.getUserInfo(OBJECT) ，此接口有调整，使用该接口将不再出现授权弹窗。推荐使用&lt;button open-type="getUserInfo"&gt;&lt;/button&gt;使用方式*.wxml&lt;view class='container'&gt; &lt;view bindtap="bindViewTap" cla...