Develop small programs and official account from zero [phase III]

Hello everyone , Our main content starts today , Thank you for your attention . It was originally said that it would be updated continuously these days , However, the work is too busy , I really don't have time to write an article , Here to say sorry ！

Okay , No more nonsense , Go straight to our topic today ： Basic configuration of applet

Be careful ： Before we start again , You need to know something about the front-end just , It doesn't take much , As long as you can layout 、 Can write css Just go , Although the front-end framework does not need you to make too much adjustment , But it still needs to be based on your own business , Make some fine adjustments based on the framework . If you have vue Basic words , Help you get familiar with applets faster ！

The first is the basic configuration of the applet , Mainly explain the configuration used in my project , You can focus on ： Invertebrate monster Experience the full functionality of the applet

overall situation app.json To configure

entryPagePath：

Specify the default startup path of the applet （ home page ）, A common scenario is to start from the wechat chat list page 、 Applet list startup, etc . If you don't fill in , Default to pages The first item in the list . With page path parameter... Is not supported .

pages：

Used to specify which pages the applet consists of , Each item corresponds to a page route （ Include file name ） Information . The file name does not need to be suffixed , The frame will automatically find the corresponding position .json, .js, .wxml, .wxss Four files are processed .

window

“navigationBarBackgroundColor”: “#fff”, // Navigation bar background color , Such as #000000

“navigationBarTitleText”: “ Invertebrate monster ”, // The name of the applet

“navigationBarTextStyle”: “black”, // Navigation bar Title Color , Support only black / white

tabBar

If the applet is more than one tab application （ There is... At the bottom or top of the client window tab Column can switch pages ）, Can pass tabBar Configuration item assignment tab Column performance , as well as tab The corresponding page displayed when switching .

Let's write based on the desperate situation , I didn't use it, so I won't talk more here , You can refer to ：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar

usingComponents

overall situation Custom components （ In the next issue, I will talk about ）

Configuration page

navigationBarBackgroundColor Navigation bar background color , Such as #000000

navigationBarTitleText Navigation bar title text content

navigationStyle Navigation bar style , Only the following values are supported ：default Default style ,custom Custom navigation bar , Just keep the capsule button in the upper right corner .

visualEffectInBackground When cutting into the background of the system , Hide page content , Protect user privacy . Support hidden / none, If the page is set separately, the global configuration will be overwritten , See Global configuration

The above is the general configuration of my applet , Of course, some of them are not used , But it is something you may use , Also listed for everyone .

Finished talking about the basic configuration of the applet , Next is the introduction of the framework and the use of the basic layout

Everyone is looking forward to the next issue ！