![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 97
Sunqk5665
相信美好的事情终将发生
展开
-
微信小程序——简单饮食推荐(四)
该篇是转接我的文章简单饮食推荐(一)功能实现中的个人数据模块。目录1、个人数据页面简介2、模块创意3、设计思路4、实现过程4.1 使用Form组件4.2 通过公式实现热量计算4.3 使用的同步储存缓存数据5、总体外观设计6、验证效果7、与其他部分的关系1、个人数据页面简介该模块主要使用的是小程序中使用的Form组件加上Input组件,最后使用的按钮进行数据的传输到JS中进行处理,Input输入您的性别,您的年龄,身高体重的数据,使用公式进行科学热量计算的。2、模块创意在该模块中,创意点如下:创原创 2022-02-12 22:33:05 · 2576 阅读 · 4 评论 -
微信小程序——简单饮食推荐(三)
该篇是转接我的文章简单饮食推荐(一)功能实现中的转盘选餐模块。目录1、转盘随机配餐功能简介:2、模块创意3、设计思路4、实现过程4.1 使用自定义组件4.2 使用自定义组件的方式4.3 编写转盘的自定义组件4.4 使用自定义的转盘组件4.5 随机选择的配餐列表进行显示的方法5、总体外观设计5.1 转盘的设计5.2 中间的按钮设计6、验证效果自定义转盘组件参考文章:https://blog.csdn.net/qq_23375733/article/details/812749551、转盘随机配餐功能简介原创 2021-04-13 18:04:53 · 2553 阅读 · 3 评论 -
微信小程序——简单饮食推荐(二)
该篇是转接我的文章简单饮食推荐(一)中功能实现中的订餐模块。目录1、要实现的功能2、界面的布局3、设计思路4、实现过程1、要实现的功能能够显示菜单可以切换不同的食物种类可以将菜单中的菜品或者食物添加至购物车在购物车中可以对已经选择的食物进行增加或减少可以对购物车中的食物进行结账结完账后可以扫码支付2、界面的布局该模块的界面采取的是左右联动的菜单列表,该功能的实现可以直接通过scroll-view来设置。但我没有直接用这个组件。我使用的组件是view组件,只不过是在它的css属性中通过原创 2021-04-09 21:26:54 · 3091 阅读 · 1 评论 -
微信小程序——简单饮食推荐(一)
做这个这个微信小程序实际上是一个微信大作业的作品功能不多,简简单单参考博客:1、https://blog.csdn.net/lily_808/article/details/1057692562、https://blog.csdn.net/ZHJ123CSDN/article/details/1038187213、https://blog.csdn.net/CodingNoob/article/details/81807285一、总体界面效果二、功能实现(一)拍照识别模块1、模块.原创 2021-01-10 23:18:32 · 8512 阅读 · 9 评论 -
实现一个指南针功能的微信小程序
一、小程序的实现过程该小程序实现了指南针功能,能够通过图片的旋转指示当前的方向。实现的方法就是通过罗盘API函数onCompassChange(functioncallback)来算出当前便宜的角度,然后将该角度的值rotate传到image组件中transform:rotate({{rotate}}deg),实现绑定的图片的旋转。同时还通过当前的偏转角度来显示出相对于正北方向的便宜角度。罗盘传感器的使用方法: 与罗盘传感器有关的API函数包括: wx.startCompass(Object obj原创 2020-11-22 21:19:17 · 4970 阅读 · 1 评论 -
解决微信小程序WXSS的button样式中width设置失效
在微信小程序WXSS的button样式中width设置失效,查找了相关的文档发现是我但钱使用的微信开发工具的版本是v2版本,通过在WXSS中直接对button的宽度设置不适配,所以解决办法是找到 app.json 文件,将末尾的 “style”: "v2"删掉就好。解决办法:...原创 2020-11-07 23:32:05 · 1255 阅读 · 0 评论 -
微信小程序实现7个彩票号码的生成
目标:利用微信小程序实现7个彩票号码的生成,每点击一次按钮,便生成一组7位号码,而且每个彩票号码的范围为 0~31,各个彩票号码均不重复。实现的效果:打开小程序的初始界面点击 “生成号码” 按钮,便显示出了7位符合要求的彩票号码再次点击 “生成号码” 按钮实现代码:<!--index.wxml--><view class="box"> <view class="title">彩票号码生成器</view> <view class.原创 2020-10-04 19:41:48 · 3135 阅读 · 0 评论 -
微信小程序快速建立列表
如何在微信小程序中建立列表,并且实现列表项的动态增添,点击某一列表项实现界面的跳转,可以通过navigator组件进行表示。wxml文件<view class="box"> <block wx:for="{{object}}"> <navigator url="{{item}}"> <view class="waikuang">...原创 2020-05-07 10:04:49 · 1540 阅读 · 0 评论