美文网首页
我的第一个微信小程序-计算器

我的第一个微信小程序-计算器

作者: a_simple_coder | 来源:发表于2018-03-09 18:55 被阅读0次

本来已经关电脑准备回家过周末了,上了个厕所觉得还是有必要记录一下,毕竟是第一个小程序~

应工作要求,将项目改成小程序?完全不会好伐!但是不能拒绝,只有硬着头皮,对着小程序的基本语法,api等等一顿恶补:(

纸上得来终觉浅,绝知此事要躬行,想着可以尝试开发个小demo了,突然看到手机上,正好看到计算器,要不写个简单的计算器?

/*于是,新建了空项目,然后,时间静止。。。

无从下手,有种想打开Android studio的冲动。。

感觉按照这么细节的写下去,今天不用回家了,所以注释了*/

iOS上的计算器在逻辑上没有难点,困了我一会的是按钮的形状:圆形,用Android实现圆形按钮很简单,但是小程序的开发指南没有说圆形按钮额,吐血。。

瞅着电脑上的小程序预览图,突然发现按钮虽然是矩形,但它是圆角的,矩形设置圆角,是通过样式:border-radius,直接设置50%,不就是个圆了,最终的效果如下:

最后代码地址为:计算器小程序,查看caculator部分即可。


相关文章

网友评论

      本文标题:我的第一个微信小程序-计算器

      本文链接:https://www.haomeiwen.com/subject/olzjfftx.html