微信小程序之三——基础控件的使用

1.图片 image

<view>

<image src='../image/u80.png'

class='img'></image>

</view>

src用来查找图片路径，图片后缀要写出来；

class是写在wxss里的样式；

2.按钮 button

<view>

<button class='button'

bindtap='firstpage'

form-type='submit'>

登录</button>

</view>

bindtap是写在js里的函数，响应点击事件；

<button>和</button>之间的内容表示按钮上显示的字；

3.输入文本框 input

<view class='view'>

账号<input placeholder='请输入账号'

class='username'

bindinput='getUserInput'

value='{{name}}'

name='num'>

</input>

</view>

input要和bindinput一起使用，用于获取文本框输入的内容；

value是函数中用到的数据；

name就是这个文本框的id；

4.提示框 dialog

<view wx:if="{{flag}}" class="dialog"></view>

//改日继续