小程序---基础控件的使用

视图容器

<scroll-view scroll-y="true" style="height: 300px">
    <view style="background: red; width: 100px; height: 100px" ></view>
    <view style="background: green; width: 100px; height: 100px"></view>
    <view style="background: blue; width: 100px; height: 100px"></view>
</scroll-view>
<scroll-view scroll-x="true" style=" white-space: nowrap; display: flex" >
    <view style="background: red; width: 200px; height: 100px; display: inline-block" ></view>
    <view style="background: green; width: 200px; height: 100px; display: inline-block"></view>
    <view style="background: blue; width: 200px; height: 100px; display: inline-block"></view>
</scroll-view>
<!-- https://blog.csdn.net/gujinapenggu5/article/details/80937498 -->

多行输入框---textarea

https://blog.csdn.net/jackjia2015/article/details/86520245

表单组件

<form bindsubmit="formSubmit" bindreset="formReset">
    <checkbox-group name="checkbox">
        <label><checkbox value="checkbox1"/>checkbox1</label>
        <label><checkbox value="checkbox2"/>checkbox2</label>
    </checkbox-group>

    <!-- input(输入框)的使用 -->
    <text>账号：</text>
    <input type='number' placeholder='请输入账号' name="phone" value='刘'/>
    <text>密码:</text>
    <input password='true' placeholder='请输入密码' name="pwd" value='123'/>

    <button type='primary' form-type="submit">登录</button>
    <button formType="reset">Reset</button>
</form>

媒体组件

<image class='img' style="width: 200px; height: 200px; background-color: #eeeeee;" src="{{src}}"></image>
<image class='img' style="width: 200px; height: 200px; background-color: #eeeeee;" src="../../image/004.jpg"></image>

小程序实现视图向js传递参数

https://blog.csdn.net/tianxintiandisheng/article/details/82156546

https://blog.csdn.net/u010545480/article/details/78909701