Current location - Recipe Complete Network - Catering franchise - Uniapp Making Posters-Using svg Color Icons in Uniapp
Uniapp Making Posters-Using svg Color Icons in Uniapp
Uniapp shares pop-up windows, generates posters, and supports saving. At present, only WeChat applets are supported. The address is:

How do novices make the style of small programs in diagrams with uniapp? Many novices want to make a beautiful applet quickly when they start making small programs, so how to do it? The following small series will share with you.

Methods/steps

First, you should download the software according to Hbuilder, and click on the new project below.

Then select uni-app in the project type, and then select a template, as shown in the following figure.

Then create a good project directory, as shown in the figure below.

Then open the setting interface of Hbuilder and configure the path of the applet development tool, as shown in the figure below.

Then open the applet development tool and select security settings.

Then open the service port as shown in the figure below.

Next, we click on the Run menu of Hbuilder and choose to run on the WeChat developer tool of the applet simulator, as shown in the following figure.

Finally, you can see that a small program will be completed soon, as shown in the figure below.

Uni-app uses svg color icon 1. Find your favorite icon and add it to the project.

2. Find the item selection symbol option.

3. Click js to open and copy everything in a new window.

4. Create a new uniapp project and paste the copied js.

5. Import the file.

6. Use in the page

Icon- grass girl is the corresponding id of svg.

7. Influence

8. Resize the icon

9.xlink:href dynamic assignment