Home

Website Source Code

Mini program source code

Easy-to-use and easy-to-extend mini program UI library

Download Now Preview

use

Before using ZanUI-WeApp, please make sure you have studied WeChat’s official Mini Program Simple Tutorial and Mini Program Framework Introduction.
Then use Bower to add ZanUI-WeApp to your project.
You can also fork your own ZanUI-WeApp to get more stable code and more convenient customization.

We recommend directly introducing zanui-weapp/dist/index.wxss into your app.wxss.

Component classification introduction

According to different functions, components can be roughly divided into two categories:

1. Normal Quote

For example, if you have a button component, you only need to introduce the button custom component into the page.

{ "usingComponents": { "zan-button": "/path/to/zanui-weapp/dist/btn/index" }
}

<!-- example/btn/index.html --> <zan-button>Button</zan-button>

2. API component

For example, Toast components need to introduce custom components on the page first. Later, when the logic is running, the method can be displayed directly by calling the method.

{ "usingComponents": { "zan-toast": "/path/to/zanui-weapp/dist/toast/index" }
}

<zan-toast id="zan-toast-test"></zan-toast>

Introduce the corresponding Toast function into the page, and you can directly call it to display Toast.

// example/toast/index.js const Toast = require('/path/to/zanui-weapp/dist/toast/toast'); Page({ showToast() { Toast({
        selector: '#zan-toast-test',
        message: 'toast content' });
  }
});

Disclaimer

All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn

How to install and use UI component library in mini program

15 Nov 2021

This article will share with you a practical experience in developing a small program and introduce how to install and use the UI component library in a small program. I hope it will be helpful to you!

Convenient and easy-to-use Golang configuration library (Viper)

13 Jan 2021

Below, the golang tutorial column will introduce to you a lightweight and easy-to-use Golang configuration library viper. I hope it will be helpful to friends in need!

Introducing Animate.css, a simple and easy-to-use animation library

02 May 2017

A beautiful and cool web page is inseparable from the embellishment of animation effects. There are many animation libraries to choose from now. Here I will introduce a simple and easy-to-use animation library Animate.css. The animate.css online effect uses an online web page to demonstrate all animation effects. We only need to select an effect name in the drop-down list to view its actual animation effect. You can go directly to this website to test these animation effects. After the test is completed, we can add it to our project. We can use bower or npm to download. bower inst

Simple and easy to understand--suitable for zero-based WeChat experience mini program development tutorial

26 Jul 2018

Due to work needs, I recently have to develop a WeChat applet. This is a challenge for me. Because it is my first contact, I am very excited and want to try the development of a very popular applet. In order to live up to the trust of the WeChat team, I decided to fight! But after all, I am an Android engineer! So let’s start from scratch!

Example analysis of java open source and easy-to-use simplified and traditional conversion class library

11 May 2023

1. Example experience uses maven for project management. You can download it directly from the central warehouse and add the following dependencies to the pom file. com.github.liuyueyiquick-transfer-core0.2.6 Description: Version 0.2.6 was uploaded on 2022-08-11 , if you can’t find it in the mvn warehouse, don’t panic, you can use 0.2.5 first. If you use gradle for project management, the dependency is also very simple // https://mvnrepository.com/artifact/com.github.liuyueyi/quick-transfer -coreimplementation

Mini Program Simple PHP multi-image upload mini program code

29 Jul 2016

Mini program: Mini program is a simple PHP multi-image upload mini program code: first upload the source code, you can copy it to your own computer to run ~ Copy the code as follows: <html> <meta http-equiv="Content-Type" c method="post" enctype="multipart/form-data"> <input type="file" name="img[]" /><br /> <input type

Implementation of calendar sign-in applet

26 Jan 2021

Mini program development tutorial: This article shares with you the ideas and source code for implementing a calendar mini program. It has certain reference value and I hope it can be helpful to everyone.

Detailed explanation of the steps to set up Gitee applet

31 Mar 2023

Gitee is a very good open source platform that not only supports code hosting, but also has many functions such as Wiki, blog, email, CI/CD, etc. For mini program developers, Gitee also provides mini program settings. Today we will explain in detail the steps to set up the Gitee applet. ## Step one: Create a new mini program. First, we need to create a new mini program on Gitee. Open the Gitee homepage, click "New Warehouse", and select "Mini Program" in "Warehouse Type": ![New Mini Program](https://img

Where can I find the php source code?

06 Nov 2019

PHP source code can be downloaded from the PHP Chinese website download site, including back-end templates, mini program source codes, Discuz templates, wordpress templates, phpcms template source codes, etc.

See all articles