分析:要实现该UI,至少需要使用到两个可输入数据的组件,一个按钮组件,一个结果显示组件。
还需将这些组件放到一个容器控件中。
view 组件:作为容器
input组件:用来接收输入数据和结果显示
button组件:接受用户单击,进行计算,得到结果。
在pages下 建立个jiafa目录,其中wxml中使用view组件实例
< view class="page">
< view class="page_hd">
< text class="page_title">view< /text>
< /view>
< view class="page_bd">
< view class="section">
< view class="section_title">flex-direction:row< /view>
< view class="flex-wrp" style="flex-direction:row;">
< view class="flex-item bc_green">1< /view>
< view class="flex-item bc_red">2< /view>
< view class="flex-item bc_blue">3< /view>
< /view>
< /view>
< view class="section">
< vi