微信小程序--29(页面配置)

于 2024-08-19 13:42:38 发布
阅读量76 收藏 3
点赞数 1
分类专栏： 小程序学习 文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_57464528/article/details/141323233
版权

1.作用

  • 每个页面的.json，是对其进行窗口外观、页面效果等进行配置

2.页面配置和全局配置的关系

  • 就近原则，页面配置会覆盖相同的全局配置
  • 对单独页面进行特殊窗口配置

3.常用配置项

  • navigationBarBackgroundColor
            导航栏背景颜色

  • navigationBarTextStyle
            导航栏标题颜色

  • navigationBarTitleText
            导航栏标题

  • backgroundColor
            当前页面下拉窗口的背景颜色

  • backgroundTextStyle
            当前页面下拉loading样式

  • enablePullDownRefresh
            当前页面下拉刷新效果

  • onReachBottomDistance
            上拉触底时间触发距离

阿巴阿巴啊啊啊
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信小程序-微信小程序-豆瓣电影
08-06
微信小程序-豆瓣电影-测试案例 1、app.js 封装请求方式函数 fetchApi 2、app.json 配置文件(配置页面样式、多少页面、菜单按钮) 3、app.wxss 全局样式文件（定义页面的全局样式） 4、效果图 5、填入appid后保错...
微信小程序-美食列表源码
04-26
2. **WXSS**: 微信小程序的样式语言，与CSS类似，用于设置页面的样式和布局。在美食列表的展示中，WXSS会涉及到列表的排版、字体、颜色、间距等样式设计。 3. **JavaScript**: 小程序的逻辑层，用于处理数据和业务...
微信小程序---全局配置及页面配置
前端小白在前进的博客
07-19 2118
tabBar是移动端应用常见的页面效果，用于实现多页面的快速切换。底部tabBar顶部tabBartabBar中只能配置最少2个、最多5个tab页签当渲染顶部tabBar时，不显示icon，只显示文本。
微信小程序--小程序框架
ChatYU的博客
10-16 3467
​ 整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。 ​
微信小程序---分包
weixin_46218456的博客
01-20 1万+
分包
uniapp开发微信小程序-2.页面制作
最强的森的博客
04-15 7160
uniapp开发微信小程序-2.页面制作 往期文章： uniapp开发微信小程序-1.工具和本地环境 uniapp开发微信小程序-2.页面制作 一、项目配置 开发层级结构： 左侧是基础开发，右侧是uniapp开发。经过对比，我们只需要掌握了vue框架就可以直接开发，通过uniapp运行到微信开发者工具即可自动编译成微信小程序基础开发层级。 其中manifest.json是对uniapp项目进行配置的文件，在微信小程序项目中我们要配置两点： 1.基础配置获取uniapp标识。 通过HBuilder账号登
微信小程序开发（超详细保姆式教程）
热门推荐
m0_64875238的博客
11-10 35万+
微信小程序开发（超详细保姆式教程）
微信小程序-----全局配置与页面配置
m0_73633088的博客
01-16 2886
今天我们开始学习微信小程序中的全局配置，前面对微信小程序文件介绍的时候讲到过.json文件的基本作用和内容，那么本期的主角是app.json文件，这个是作为微信小程序的全局配置文件，通过这个文件我们可以对微信小程序进行全局性的管理。
微信小程序--订单查询页面
无知者无畏
06-23 7996
微信小程序–订单查询页面 包含功能点： 订单查询 结构：order.wxml <tabs tabList="{{tabList}}" binditemChange="handleItemChange"> <view class="order_main"> <view wx:for="{{orders}}" wx:key="order_id" class="order_item"> <view class
微信小程序 - - 地图及导航
是草莓味的啊
11-12 5915
地图及导航一、开发前的准备二、代码实现1.index.vue2.mappage.vue3.pages.json4.app.json 一、开发前的准备 1.环境准备：HBuilderX（软件管理中可以下载），微信开发者工具， 2.在微信公众平台（官方）上注册申请一个微信小程序 3.获取小程序的AppID 4.在腾讯位置服务上创建一个应用 5.配置key 6.代开HbuilderX创建一个项目 7.将项目运行到小程序模拟器（HBuilder连接微信开发者工具） 注意：需要提前将微信开发者工具的服务
微信小程序--自定义新用户引导页面
海到无边天作岸 山登绝顶我为峰
11-27 3981
效果展示 Demo代码 wxml <view class='page-cont' wx:if="{{isTiptrue}}"> <view class='top'> <image src='../images/jiantou.png'></image> <view class='p_one'>添加「海轰Pro」小程序 坚持每天学习</view> </view> <view class='c
关于微信小程序--授权弹窗
追梦的女孩博客
05-14 6288
实现 1.进入微信文档官网，找到button组件 添加链接描述 2.阅读文档，发现只需设置一个opentype类型和bindgetuserinfo <button class="button" bindgetuserinfo="GetuserinfoHide" open-type="getUserInfo">获取用户信息</button> 3.在js页面编写GetuserinfoHide函数的实现 GetuserinfoHide(res){ console.log('用户信息
微信小程序-今日头条.zip
04-20
微信小程序是一种轻量级的应用开发平台，主要针对移动端，由腾讯公司推出，旨在提供便捷的、无需下载安装即可使用的应用体验。"微信小程序-今日头条"是一个特定的小程序模板，主要用于构建类似今日头条这样的新闻...
微信小程序-房贷计算器Demo源码
05-07
微信小程序-房贷计算器Demo源码 其主要目录结构如下： ``` ├── vender 插件目录 | ├── wxapp-client-sdk 客户端sdk | └── assets 小程序公共素材包 ├── pages 小程序界面 ├── app.js 小程序...
微信小程序-模仿QQ小程序
05-13
6. 状态管理：对于复杂的小程序，可能会涉及多个页面共享状态，这时可以使用微信小程序提供的全局变量或者引入第三方的状态管理库，如Vuex for WX。 7. 用户授权：微信小程序提供了获取用户信息、位置等权限的功能...
基于微信小程序的高校校园信息整合平台的设计与实现
No_Name_Cao_Ni_Mei的博客
08-14 463
随着移动互联网的发展和智能手机的普及，微信小程序成为了人们生活中必不可少的应用之一。本文旨在提出一种基于微信小程序的高校校园信息整合平台的设计与实现方案。本平台旨在为高校学生提供一个便捷的信息查询和交流的平台。首先，平台将整合高校各种官方公告、学生社团活动信息、课程表、图书馆借阅情况等校内信息，通过推送功能将最新的信息及时送达给用户。用户可以快速查找所需信息，避免繁琐的查找过程。其次，本平台将提供一个校内社交网络，让学生之间可以方便地交流和分享。
微信小程序 for，if语法 事件对象，事件传参
m0_47045804的博客
08-14 885
小程序里面也有小胡子语法{{}}，定义数据需要在js文件的data对象中定义小程序的js里面获取data数据的方式：this.data.变量名修改data里面的数据:this.setData({ 键1:值1...可以一次修改多个数据 })
基于微信小程序的书籍销售预测系统的设计与实现(论文+源码)_kaic
最新发布
涉及毕业论文、远程调试、小程序、管理系统、JAVA、C#、IDEA、VS开发工具等
08-18 467
经过对作者形象的塑造、书籍品牌的分析、书籍多种增值的衍生品、书籍的整体设计以及推广渠道等五个方面的探究，对此深入探讨了书籍设计的内涵、运作方式和途径，深入了解了网上书店的意义以及其对书籍市场的影响和现实意义。本系统建成后，开发的微信小程序的书籍销售预测系统前景广阔，经济价值高，在小程序开发前也在我们的考虑范围内。本系统的开发为消费者提供了网上平台，实现了用户和管理者的双赢局面，节省空间、资金，提高了生活质量和时间，降低了管理者的运营成本，为社会科技发展做出贡献，为网上图书销售的发展提供了巨大的支持。
微信小程序--27（自定义组件4）
qq_57464528的博客
08-16 603
1、属性绑定用于父组件向子组件的只当属性设置数据，但只能设置JSON兼容的数据2、事件绑定用于子组件向父组件传递数据，可以传递任意数据3、获取组件实例父组件还可以通过this.select Component()获取子组件的实例对象，这可直接访问子组件的任意数据和方法。
微信小程序 - 弹出键盘遮挡住输入框 textarea
05-26
要解决这个问题，你可以在小程序页面的 JSON 配置文件中添加一个 window 属性，设置页面的可视区域。例如： ``` { "navigationBarTitleText": "页面标题", "enablePullDownRefresh": true, "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTextStyle": "black", "navigationBarTitleText": "页面标题", "enablePullDownRefresh": true, "onReachBottomDistance": 50 } } ``` 其中，onReachBottomDistance 表示当页面滚动到距离底部 50px 的时候触发触底事件。 另外，你还可以在 textarea 的 focus 事件中，通过调用 wx.pageScrollTo() 方法，将页面滚动到 textarea 所在的位置，以便用户可以看到输入框。例如： ``` <view> <textarea bindfocus="onTextAreaFocus"></textarea> </view> Page({ onTextAreaFocus() { wx.pageScrollTo({ selector: '.textarea', duration: 300 }) } }) ``` 这里的 .textarea 是指输入框所在的元素的 class，可以根据实际情况进行修改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿巴阿巴啊啊啊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值