


Detailed explanation of Tabbar examples in WeChat applet development
This article mainly introduces relevant information about the detailed explanation of Tabbar examples for WeChat mini program development. Friends in need can refer to
WeChat mini program Tabbar
1 .Download WeChat applet development software;
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714
2. Scan the QR code to log in, and click Confirm Login on your mobile phone
3. Create a new project, select No APPID here, and fill in the APPID if needed. You need to register in the WeChat applet, then you can get the APPID, fill in the project name, and select the project directory (Note: The WeChat applet will not create the main directory file by itself, so create a project folder yourself first. Then choose to store it in this folder), add the project, and a project project is generated. Note that there is a radio button button . If you cancel this radio button, it will Create an empty project, and I choose to select this button;
#4. Then I get a new project. Now I want to put a tabbar below. Create a new one first. image directory, right-click the directory->New->Directory
picture into the sub-directory. Note: the picture size is limited to 40kb, size 81px * 81px;
# #6. Let’s take a look at
first. The program has two directories, one pages and utils. Pages contains index and logs. These two directories are two pages (the first page is what you see when you run the program. , the second page comes out by clicking on our avatar), we will use these two pages as tabbar pages; Click click app.
jsonWrite tabbar control ;For convenience, I put the image in the root directory, select the image directory and right-click->Open hard disk->copythe Image directory to the root directory,delete The original directory is enough, the code is as follows:
Method description:
color: No font color selected
selectedColor: Select the font color
b
erStyle: The color of the line above the tabbar white (only white and black are supported)
backgroundColor: tabbar background color
network
out: Set network timeout time
debug: Set debug mode to open
The effect is as shown:
Note: The page of
is not allowed to be registered in the pages of app.json; Thank you for reading, I hope it can help you, thank you for your support of this site!
The above is the detailed content of Detailed explanation of Tabbar examples in WeChat applet development. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

WebStorm Mac version
Useful JavaScript development tools

SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.

MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

Atom editor mac version download
The most popular open source editor