微信小程序实际案例--加法计算器

本文介绍了如何使用微信小程序实现一个加法计算器。通过view、input和button组件布局,结合class属性引用wxss样式控制组件显示,无须数据绑定和事件绑定。运行效果展示并详细说明了各组件的样式设置。
摘要由CSDN通过智能技术生成

分析:要实现该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
  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值