准备工具:
微信小程序、微信小程序开发工具、截图工具、WPS、笔记本电脑
具体步骤:
1、双击打开微信小程序开发工具,创建一个微信小程序项目。
2、在pages文件夹下,新建一个模块文件夹,并在该文件夹下新建一个wxml文件
3、在界面中,插入view和form元素,form元素中添加一个输入框和按钮
4、接着在输入框中,添加type属性、name属性和value值,并进行变量绑定
5、接着打开页面中的JavaScript文件,data对象中添加username变量,然后添加submitData方法
6、保存代码并刷新项目,查看左侧的模拟器,然后在输入框中输入内容
7、点击提交按钮,可以发现输入框的值被清空了,说明这个清空表单元素数据成功了
1、打开小程序开发工具新建一个小程序项目,建好的结构如下图所示。
2、打开其中的wxml文件,我们在文件中准备三个view结构的视图,图下图所示。
3、然后我们在silde的view里面插入swiper组件,如下图所示。
4、接下来就是在js文件中的data数组里面准备轮播图片的地址数组,如下图所示。
5、然后在wxss文件中声明轮播图的样式,如下图所示,这里用rpx能够自适应。
6、最后我们预览界面,你就会在程序的源代码中看到视图都已经渲染好了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)