当前位置: 首页 > news >正文

石家庄网站建设电话咨询网页制作软件下载

石家庄网站建设电话咨询,网页制作软件下载,响应式旅行社展业网站开发调研报告,天津seo网站设计💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询! &…

请添加图片描述

  • 💌 所属专栏:【微信小程序开发教程】

  • 😀 作  者:我是夜阑的狗🐶

  • 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询!

  • 💖 欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信 😘 😘 😘

文章目录

  • 前言
  • 一、页面配置
      • 1、页面配置文件的作用
      • 2、页面配置和全局配置的关系
      • 3、页面配置中常用的配置项
  • 总结


前言

  大家好,又见面了,我是夜阑的狗🐶,本文是专栏【微信小程序开发教程】专栏的第18篇文章;
  今天开始学习微信小程序的第十天💖💖💖,开启新的征程,记录最美好的时刻🎉,每天进步一点点。
  专栏地址:【微信小程序开发教程】, 此专栏是我是夜阑的狗微信小程序开发过程的总结,希望能够加深自己的印象,以及帮助到其他的小伙伴😉😉。
  如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。


一、页面配置

  前面已经介绍完了微信小程序的全局配置,通过栗子学习了全局配置的 window 和 tabBar 配置项,也知道了如何美化其样式。接下来就来讲解一下小程序中另外一个配置–页面配置。话不多说,让我们原文再续,书接上回吧。

请添加图片描述

1、页面配置文件的作用

  小程序中,每个页面都有自己的 .json 配置文件,用来对当前页面的窗口外观、页面效果等进行配置。

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

  小程序中,app.json 中的 window 节点,可以全局配置小程序中每个页面的窗口表现。如果某些小程序页面想要拥有特殊的窗口表现,此时,“页面级别的 .json 配置文件”就可以实现这种需求。通过下面栗子来学习一下:

app.json

  首先对全局配置中的 window 进行设置。

{"window":{"backgroundTextStyle":"dark","navigationBarBackgroundColor": "#ff0000","navigationBarTitleText": "我是夜阑的狗","navigationBarTextStyle":"white","enablePullDownRefresh": true,"backgroundColor": "#efefef","onReachBottomDistance": 100},
}

  注意:当页面配置与全局配置冲突时,根据就近原则,最终的效果以页面配置为准。

cshPageTab.json

  这里以 cshPageTab 为例:

{"usingComponents": {},"navigationBarBackgroundColor": "#2b4b6b"
}

  这里修改了 cshPageTab 页面的 json 格式,将导航栏背景颜色进行改变,由于前面全局配置也对导航栏背景颜色进行更改,这样页面配置和全局配置会产生冲突,这时候小程序就自动以页面配置为准,可以看一下运行效果:

请添加图片描述

3、页面配置中常用的配置项

  小程序中页面配置有很多配置项,app.json 中的部分配置,也支持对单个页面进行配置,可以在页面对应的 .json 文件来对本页面的表现进行配置。接下来介绍页面配置经常用到的配置项,如下表所示:

属性类型默认值描述
navigationBarBackgroundColorHexColor#000000当前页面导航栏背景颜色,如 #000000
navigationBarTextStyleStringwhite当前页面导航栏标题颜色,仅支持 black / white
navigationBarTitleTextString当前页面导航栏标题文字内容
backgroundColorHexColor#ffffff当前页面窗口的背景色
backgroundTextStyleStringdark当前页面下拉 loading 的样式,仅支持 dark / light
enablePullDownRefreshBooleanfalse是否为当前页面开启下拉刷新的效果
onReachBottomDistanceNumber50页面上拉触底事件触发时距页面底部距离,单位为 px

  一般在实际开发中,并不是所有页面都需要下拉刷新,只有列表页面可能需要下拉刷新的效果,所以不推荐在全局配置开启下拉刷新效果,而是那个页面需要该效果,就在该页面 json 文件单独开启即可。
  接下来通过栗子来学习一下这些配置项,具体代码如下:

请添加图片描述

app.json

  首先对全局配置中的 window 进行设置,在这里关闭全页面下拉刷新效果。

{"window":{"backgroundTextStyle":"dark","navigationBarBackgroundColor": "#ff0000","navigationBarTitleText": "我是夜阑的狗","navigationBarTextStyle":"white","backgroundColor": "#efefef","onReachBottomDistance": 100},
}

cshPageButton.json

  这里以 cshPageButton 为例,单独开启下拉刷新效果,对页面的导航栏,下拉效果等进行设置:

{"usingComponents": {},"enablePullDownRefresh": true,"navigationBarBackgroundColor": "#2b4b6b","navigationBarTextStyle": "black","navigationBarTitleText": "刺客伍六七","backgroundColor": "#ff0000","backgroundTextStyle": "light"
}

  自此,就完成了整个页面配置,来看一下实际运行效果:

请添加图片描述


总结

  感谢观看,这里就是页面配置的介绍使用,如果觉得有帮助,请给文章点个赞吧,让更多的人看到。🌹 🌹 🌹

在这里插入图片描述

  也欢迎你,关注我。👍 👍 👍

  原创不易,还希望各位大佬支持一下,你们的点赞、收藏和留言对我真的很重要!!!💕 💕 💕 最后,本文仍有许多不足之处,欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正!下期再见。🎉

更多专栏订阅:

  • 😀 【LeetCode题解(持续更新中)】
  • 🚝 【Java Web项目构建过程】
  • 💛 【微信小程序开发教程】
  • 【JavaScript随手笔记】
  • 🤩 【大数据学习笔记(华为云)】
  • 🦄 【程序错误解决方法(建议收藏)】
  • 🚀 【软件安装教程】



订阅更多,你们将会看到更多的优质内容!!

http://www.zhongyajixie.com/news/17267.html

相关文章:

  • 一米电子产品营销型网站案例展示昆明新闻头条最新消息
  • 网站被降权如何恢复建设网站的十个步骤
  • 欧美免费视频网站模板百度怎么发帖子
  • 这是我做的网站吗短信营销
  • 网上做实验的网站广州网站排名优化公司
  • wordpress自助建站系统百度搜索引擎的网址是多少
  • 西宁做腋臭哪里北大DE网站安徽网站推广优化
  • 网站开发的项目需求深圳做推广哪家比较好
  • 网站公司做网站修改会收费吗头条热点新闻
  • 北京网站制作网络推广公司114啦网址导航官网
  • 城阳网站建设公司怎么做一个公司网站
  • 做黑帽需不需要搭建网站自助建站系统
  • 门户网站开发商业软文代写
  • 网站教程百度知道下载
  • 个人做网站花多少钱现在做网络推广好做吗
  • html5 手机网站模版seo优化排名软件
  • 哪些网站适合花钱做推广互联网推广项目
  • 织梦网站栏目建设关键词优化平台有哪些
  • 门户网站开发公司可以推广的平台
  • 服装设计怎么学 从零开始厦门关键词优化平台
  • 福州注册公司大概费用搜索排名优化
  • 通付盾 网站建设广州网站建设工作室
  • 网站添加背影音乐怎么做做网站建设公司
  • 怎么做网站描述aso优化运营
  • css做的简单网站免费域名怎么注册
  • 深圳宝安医院的网站建设2023年8月疫情恢复
  • 介绍自己的做的网站吗石家庄网络关键词排名
  • 营销网站建设哪个平台好网络营销的主要推广方式
  • 哈尔滨建设厅网站如何开一个自己的网站
  • 密云城乡住宅建设委员会网站国内专业seo公司