章小程序逻辑层任务（2.1）
发表时间：2023-11-02 09:27:11
文章来源：炫佑科技
浏览次数：215
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
章小程序逻辑层任务（2.1）
其内部代码可用于定义小程序的项目名称、AppID等内容，如图2-~-":•Jiamu-":{*-":".36-*:*2.18 .0-,"eppld":37-":"-l**337"*:("*:xL-*:{"*:43"-:-")47"*::{~-swrch* :《sei])951 "": 52-list*: 2.主文件资源管理器••，编辑器打开...wxml有index.wxssp.jsapp..wxss<....json"":"light" ,"xt ":"",10"le":"black"1112•'style":"v213"".json"14 [1]: 这是一个页面文件吗？ [2R1]: 属性类型修改了 必填属性微信小程序开发配置，用于记录小程序所有页面文件附件，如果pages包含多个页面，pages/index/index默认为小程序注[3]：请确认该属性是正确的，中间有空格吗？注解[4R3]：？注解[5]：是页面文件吗？注解[6R5]：修改后的小程序主文件名都是app，分别是也可以直接位于项目根目录下，如图2所示。
资源管理器打开的编辑器 app.jsapp.json[app... 图 2.4 主文件 app 位置 主文件 app 根据后缀名的不同分为 3 类文件：app.json、app.js 和 app。 .json：是小程序的全局配置文件。 主要包含小程序所有页面文件的路径地址、导航栏样式等，是必填文件，如图2.5所示。 全局配置文件app.json的代码如上图所示。 小程序项目的主要功能包含页面和两个属性。 其实除了pages、app.json之外，还可以配置 、^、debug 等属性。 这些属性的具体描述如表2所示。全局配置文件app.json的可选属性用于设置页面的窗口性能，例如导航栏背景颜色、标题文本内容、文本等可选属性颜色用于设置页面底部选项卡工具栏的表现。 可选属性用于设置各种网络请求的超时时间。 可选属性用于设置调试模式下是否打开pages属性：对应的值是数组的形式。 数组中的每一项都是默认的相关代码，以字符串的形式记录小程序页面的路径：注[7]：请确认该属性是，或者中间是否有空格注释[8R7] : "pages":["pages/index/index", "pages/logs/logs" 表示当前有两个页面，分别是索引页和日志页，索引页默认是初始页小程序：对应的值是对象的形式，包括小程序页面顶部导航栏背景颜色、标题文字内容、文字颜色等属性。 具体可以包含的对象属性如表2所示。
属性类型默认值说明 #导航栏背景颜色，默认值表示黑色，也缩写为 #导航栏标题颜色，默认值表示白色，该值只能是白色或者导航栏标题文字内容，默认为无文本内容 导航栏样式仅支持 或 ，用于自定义导航栏内容。 只保留右上角小图标窗口的背景色。 默认值表示白色，缩写为#下拉加载样式； 该属性值只能是底部窗口的背景色，仅在iOS上有效。 底部窗口的背景颜色，仅在 iOS 上有效。 是否开启下拉刷新功能。 触发底部上拉事件时距底部窗口底部的距离，单位为像素（7px） app.json 文件中的属性值 注：十六进制颜色用十六进制数字表示，如#川000，即表示为红色，也可简写为肝00，大小写不限。
3、实现效果，修改app.json文件，将顶部窗口背景色改为红色，导航栏标题文字改为“微信小程序注解[9]：是app中的一个属性。 json文件，以及表中的每一项，读起来会不会有点混乱？注释[10R9]：属性值，正确注释[11]：这是一个属性吗？如果是章小程序逻辑层任务（2.1），根据其他属性的拼写格式，应该这里的上下两个词是连在一起的吗？中间没有回车？注解[12R11]：两个词之间有空格 navi gat 注解[13]：什么是下拉加载？这是不是意味着下拉-down list?注释[14R13]：下拉加载，正确注释[15]：请老师确认是顶部窗口还是窗口顶部注释[16R15]：顶部窗口，正确注释[17] ：请老师确认一下是底部窗口还是窗口底部注释【18R17】：底部窗口，正确注释【19】：是下拉吗？ 注解[20R19]：上拉开发教程》，导航栏标题颜色变为白色，实现如图2所示的效果。 17:03100%一·微信〃限购开发教程金云轩修改app后的预览效果图。 json 文件 4. 任务实现 修改app.json 文件中的属性。
例如，顶部窗口背景色设置为“#1 00”红色，导航栏标题文字“tl eText”设置为“微信小程序开发教程”。 导航栏标题颜色“le”更改为“white”白色。 实现代码如图2所示。 2v•'pages":[ "xt":"微信小程序开发教程", 10 "le":"white" 11 12, •style": "v2"。 13 "": ".json" 14 将小程序全局配置文件app.json的代码与原代码进行对比。 修改解释如下。 Line：将导航栏的背景颜色从白色更改为“#”更改为红色“#fOO”。
