微信小程序(沧海一笑)
1.微信小程序简介:
微信小程序实际上就是类似于网页,有前端开发经验的人,几乎可以 0 门槛进行开发。
但是他相对网页,可以调用类似于摄像头,指纹,等非常丰富的 API。
微信程序是不分安卓系统和苹果系统。
2.View 标签 text 标签
<!--pages/test/test.wxml-->
<view>这个是View</view>
<view>这个是View</view>
<view>这个是View</view>
<text>这个是text</text>
<!-- 加上 selectable是可选的 -->
<text selectable>这个是text</text>
<view>这个是分开的</view>
<text decode>这个   是text</text>
<text decode>这个是全中文的空格   是text</text>
<text decode> <,></text>
<view space="nbsp">你好 世界 </view>
<text space="nbsp">有多收空格都会等价出来 世界</text>
<view>*************</view>
<block>这个是Block 标签</block>
2. check控件
<view>下边是多选</view>
<checkbox>男</checkbox>
<checkbox>女</checkbox>
<view>下边是单选</view>
<radio-group>
<radio>男</radio>
<radio>女</radio>
</radio-group>
<text>请输入姓名</text><input></input>
<text>输入电话号码</text><input type="number">默认就是文本,如果是数字的话,要另外声明</input>
<text>身份证号</text><input type="idcard">输入身份证号</input>
<text>可以输入小数点</text><input type="digit"></input>
<input placeholder="请输入密码" placeholder-style="color:red" placeholder-class="textstyle"></input>
效果图:
3. button 控件
<button>这个是个按钮</button>
<button type="primary">这个是个按钮</button>
<button type="default">这个是个按钮</button>
<button type="warn">这个是个按钮</button>
<form bindsubmit="" bindreset="">
<button form-type="submit">提交按钮</button>
<button form-type="reset">重置按钮</button>
</form>
<button bindtap="clickMe">点击我</button>
<button bindlongtap="longClickMe">长长的点击我</button>
<input bindinput="changeinput">我要改变了</input>
<input bindblur="lostFocus" bindfocus="getFocus"></input>
效果图:
参考文献: