在微信小程序开发过程中可能會遇到这么个情况,需要将操作的功能按钮固定到操作界面的底部而且不能随着界面发生改变。下面利用实例说明如何实现这个功能操作如下:
-
第一步,双击打开微信小程序开发工具新建一个空白文件user.wxml文件,如下图所示:
-
第三步接着使用类选择器,设置view元素的样式如宽度、高度、行高、内容居中显示等,如下图所示:
-
第四步保存代码并在开发工具左侧查看显示的效果,可以发现详情在界面底部如下图所示:
-
第五步,由于界面中的view元素添加了事件所以需要在对应的JavaScript添加事件,如下图所示:
-
第六步调用了微信小程序中的接口,实现界面跳转但是出现了报错,位置在app.json中不存在如下图所示:
-
注意如何将按钮固定在底部
-
注意使用合理CSS样式控制元素位置
经验内容僅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。