2021-10-14(小程序)

一、组件:

        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>

Guess you like

Origin blog.csdn.net/qq_45688193/article/details/120765491