微信小程序入门小知识点

it2026-08-05  10

大家好,最近这几天在研究小程序,下面就来给大家说一说小程序入门的一些流程。

前言: 首先呢,大家要知道的是小程序和vue的区别是不大的,有vue基础的话学习小程序的话会事半功倍。但是如果没有的话呢,其实也没有太难啦。好啦,现在进入正题咯!

一、全局配置

在全局的app.json文件来对微信小程序进行全局配置。 1.配置页面路径

"pages":[ "pages/login/login", "pages/logs/logs", "pages/index/index", "pages/inner/inner", "pages/car/car", "pages/mine/mine", "pages/home/home" ],

每行断句后面一定要加英文的“,”,否则会整段报错的。        就用"/pages/login/login"来举栗子吧,这个代表的就是在pages文件夹里面的login文件夹里的login文件。        是的没错,这个就相当于vue中的路由文件啦。

然后呢创建好以后,会在对应的文件夹下出现4个文件 这里面的js就是普通的js文件,json文件呢是用来配置一些这个页面的东西的,wxml就相当于html了,wxss就相当于是css了。

2.window 配置全局默认的窗口 navigationBarTextStyle:导航栏的标题颜色

navigationBarTitleText:导航栏的文字

navigationBarBackgroundColor:导航栏的背景颜色;

backgroundColor:窗口的背景色

3.tabar 导航条 color:HexColor 必填 导航条的默认颜色 selectedColor:HexColor 必填 文字选中的颜色 backgroundColor:HexColor 必填 背景色 borderStyle:边框颜色 list:tarbar列表 最多5个 list 数组中各项介绍 pagePath:页面路径,必须在 pages 中先定义 text:文本信息 iconPath:图片路径 selectedIconPath:选中中时的图片路径 当 position 为 top 时,不显示 icon。

4.请求时间

二、页面设置

在创建好的login文件夹中,可以对login.json文件进行这个单页面的设置。 每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置。

好啦,这一篇就先写这么多啦,后面还会更新很多内容,希望大家关注我一下哦,谢谢大家的观看,嘻嘻嘻嘻。

最新回复(0)