数据加载中如何保持在页面顶部

 时间:2024-10-12 04:46:23

1、打开微信小程序开发工具,创建一个微信小程序项目,然后进入到主界面

数据加载中如何保持在页面顶部数据加载中如何保持在页面顶部

2、在index.wxml文件中,利用view进行页面布局,插入一个输入框和一个按钮

数据加载中如何保持在页面顶部

3、在index.wxss文件中,利用类选择器设置元素的样式

数据加载中如何保持在页面顶部

4、接着在index.js文件中,调用微信小程序接口wx.showToast,显示消息提示框;保存代码并点击按钮,可以看到提示框显示正中间

数据加载中如何保持在页面顶部数据加载中如何保持在页面顶部

5、在按钮下方添加两组view标签,设置style并动态绑定变量

数据加载中如何保持在页面顶部

6、还是在index.wxss样式文件中,设置两个view的样式,如定位、背景色、优先级等

数据加载中如何保持在页面顶部数据加载中如何保持在页面顶部

7、在对应界面中的js文件中,初始化变量display并赋值none,然后在提交时改为block

数据加载中如何保持在页面顶部

8、再次保存代码并查看模拟器,点击按钮,可以看到正在加载中,保持在页面顶部

数据加载中如何保持在页面顶部
  • 快手浏览模式怎么开启畅爽概念版
  • 使用filezilla导入连接配置(站点)
  • 东崎TE系列经济型智能温控表说明书
  • 教程 | Axure如何设置导航切换功能?
  • 中央空调常见问题及处理方法
  • 热门搜索
    旅游节半价 去帕劳旅游要多少钱 新西兰最佳旅游时间 新加坡旅游局 春节到哪里旅游最好 东北雪乡旅游攻略 杭州的旅游景点有哪些 泰山旅游攻略三日游 广州旅游景点介绍 阜阳旅游景点大全