一、组件:
1、view相当于div。视图容器
<view>我是view</view>
<view>我是view2</view>
2、text组件(文本)。
<text>text组件1</text>
<text>text组件2</text>
3、input组件(输入框)。
<input placeholder="我是输入框" value="我是默认内容" type="number">
</input>
4、button组件(按钮)。
<button type="warn">按钮</button> <!--灰底红字-->
<button type="primary">按钮</button> <!--绿底白字-->
<button>按钮</button> <!--正常-->
<button size="mini">按钮</button> <!--size设置尺寸,mini小按钮-->
<button plain="true">按钮</button> <!--镂空样式-->
<button disabled="true">禁用按钮</button>
<button loading="true">加载按钮</button>
二、函数:
无参函数
Page({
onLoad: function () {
console.log("onLoad");
this.hanshu();
this.hanshu2();
},
//函数两种函数写法
hanshu() {
console.log("第一种");
},
hanshu2:function(){
console.log("第二种");
}
三、事件:
1.点击事件 :
<text bindtap="(函数名)"> </text>
2.用户输入事件:
<!-- input的绑定输入 -->
<input bindinput="getContent" placeholder="输入"></input>