current location:Home > Technical Articles > WeChat Applet > Mini Program Development

  • How to add background image to WeChat applet
    How to add background image to WeChat applet
    How to add a background image to a WeChat applet: 1. Use background-image to set a network image in wxss to add a background image; 2. Convert the image to Base64 encoding and use background-image to add a background image; 3. Use flow layout and use image to add a background image.
    Mini Program Development 25136 2020-03-23 11:29:21
  • How to preview WeChat applet on mobile phone
    How to preview WeChat applet on mobile phone
    How to preview WeChat applet on mobile phone: first use WeChat developer tools to open the project; then click the [Preview] button on the toolbar; then the developer tools will automatically compile the uploaded code and generate a QR code; finally use the developer mobile phone Just scan the QR code.
    Mini Program Development 6813 2020-03-23 11:09:36
  • How to solve the problem that real device pictures are not displayed in the WeChat applet
    How to solve the problem that real device pictures are not displayed in the WeChat applet
    Solution to the problem that real machine pictures are not displayed in the WeChat applet: 1. Change the absolute path to a relative path; 2. Do not use Chinese in the picture URL; 3. The domain name server needs to be registered; 4. The picture name should not have spaces; 5. Change the picture suffix is lowercase.
    Mini Program Development 11221 2020-03-23 10:48:37
  • What to prepare for WeChat mini program
    What to prepare for WeChat mini program
    Information required for the WeChat mini program: bank account opening bank, corporate account number, organization code number, business license number, name of legal representative, name of manager, phone number, email address, ID number and other personal related information accurate to branch information information.
    Mini Program Development 3926 2020-03-23 10:47:59
  • Can WeChat mini programs only use cloud servers?
    Can WeChat mini programs only use cloud servers?
    The WeChat mini program does not need to use a cloud server. The back-end code can be placed on any other domestic or foreign server. You only need to bind a domain name starting with https, then configure the SSL digital certificate, and finally configure the server domain name in the mini program management center. That’s it.
    Mini Program Development 6633 2020-03-23 10:37:11
  • How to center pictures in WeChat mini program
    How to center pictures in WeChat mini program
    In the applet, the main way to center the image is to write wxss style. The way to achieve this is to set the parent component display to flexbox, and add justify-content:center and align-items:center to center the image in the horizontal and vertical directions.
    Mini Program Development 33161 2020-03-23 10:07:55
  • How to reduce the icon size in WeChat mini program
    How to reduce the icon size in WeChat mini program
    The icons in the WeChat applet use the icon component. The attribute values ​​​​are type, size, and color. The size attribute controls the size of the icon. If you want to shrink the icon, you only need to set the size value smaller.
    Mini Program Development 10408 2020-03-23 09:55:22
  • How to create seamless carousel in WeChat mini program
    How to create seamless carousel in WeChat mini program
    You can use the swiper component to achieve the carousel effect in WeChat mini programs, add the autoplay attribute to achieve automatic playback, and add the circular attribute to achieve seamless carousel.
    Mini Program Development 3150 2020-03-21 18:01:06
  • Can I register a mini program without a business license?
    Can I register a mini program without a business license?
    You can register a mini program without a business license, but a mini program without a business license cannot realize functions such as payment and display of nearby mini programs, and there are many disadvantages.
    Mini Program Development 5645 2020-03-21 16:36:15
  • What does the mini program review look for?
    What does the mini program review look for?
    The contents to be looked at in the mini program review are: 1. Check the basic information of the account; 2. Look at the service categories of the mini program; 3. Look at the content of the mini program page; 4. Look at the availability and integrity of the mini program; 5. Look at user privacy and data security. ; 6. Look at technical implementation standardization; 7. Look at UI specifications.
    Mini Program Development 2917 2020-03-25 10:14:29
  • Does the mini program require website support?
    Does the mini program require website support?
    The WeChat mini program is a pure front-end and does not require a website (or server) to support it. When your mini program does not use network requests, it is a purely offline version of the mini program. There is no need to configure domain names, addresses, etc. of.
    Mini Program Development 3478 2020-03-21 16:08:14
  • How to solve the error code -1 received by the applet
    How to solve the error code -1 received by the applet
    The applet received error code -1 because of permission issues when requesting data in the cloud database. The solution is to check "Readable by all users, readable and writable by the creator only" in the cloud development console.
    Mini Program Development 6309 2020-03-21 15:57:22
  • How to generate links on the mini program homepage
    How to generate links on the mini program homepage
    Currently, links cannot be generated on the homepage of the mini program, nor can you enter the mini program from a clicked link. Generally, you need to swipe the mini program code, chat history, or pull down from the WeChat homepage to enter the mini program. However, you can generate a QR code image for the page shared by the mini program for sharing. .
    Mini Program Development 11718 2020-03-21 15:29:15
  • What is the reason why the mini program prompts that the jump fails?
    What is the reason why the mini program prompts that the jump fails?
    The reasons why the mini program prompts that the jump fails are: 1. Forgot to register in the pages option in the app.json file; 2. The jump path is written incorrectly; 3. If the jump path is already in the TabBar option in the app.json file Registration and jump methods need to use the wx.switchTab method to jump.
    Mini Program Development 6602 2020-03-21 14:44:56
  • How to change the mini program trial version into the official version
    How to change the mini program trial version into the official version
    How to turn the trial version of the mini program into the official version: first log in to the WeChat mini program developer backend; then enter the [Development Management] page; finally click the [Submit for Review] button behind the trial version. After the review is successful, it can become the official version.
    Mini Program Development 11452 2020-03-21 14:39:36

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28