微信小程序 反馈界面是如何做的

这个反馈界面 是怎么做的,能讲讲它的整个逻辑吗,像hidden是什么意思,js里这些数据传递之类的,谢谢。我想参考一下做一个同类型页面。

img

img

img

微信中wx:if相当于Vuev-if,是条件渲染
hidden相当于Vuev-show,只是简单的控制显示与隐藏
点击反馈按钮,调用js文件中showMessage方法,第一步通过最方法的Show构造函数,实例化一个p实例对象
通过this.setData()(这个setData类似react老版本class方式内容变更变量值方法)方法变更变量flag、Show、flag2的值,然后调用微信官方api中showToast进行提示。

https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/conditional.html#wx:if%20vs%20hidden

一看写法就联想到了vue

用uniapp写这个小程序,会vue就行,可以直接转各种平台小程序

微信小程序有自带反馈 请查看:https://developers.weixin.qq.com/miniprogram/dev/component/button.html

img

img

this.setData({})//赋值,直接渲染wxml页面,[hidden]显隐控制显示,mvvm模式的开发,数据传递的话,小程序:1.app.js定义 2.路由?x=x传递,再onload(opt)接收3.缓存