Shulou(Shulou.com)06/01 Report--

This article mainly introduces how to use Mini Program components, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

Icon

The icon component has three properties, as follows:

Type, available values: success, success_no_circle, info, info_circle,warn, waiting, cancel, download, search, clear

Color, such as # C9C9C9.

Size, default is 23px.

Let's look at the specific wxml and wxss.

Circle: multiple selection not selected success: successful or selected success_no_circle: radio selected info: message prompt warn-#C9C9C9: general warning warn: strong warning waiting: waiting download: downloadable info_circle: message prompt cancel: stop or close search: search clear: delete PS: each type can set color (color), size (size). Demo-view-4 {display:flex; height: 100%; flex-direction: column } .view-1 {display:flex; height: 100%; flex-direction: row;} .margin {margin: 20rpx;} text

Wxml is as follows:

My name is wisely . \ n I am an Androider! Progress

The properties of the progress component are as follows:

The default value of the attribute name type indicates that percentFloat has no percentage 0~100show-infoBooleanfalse displays a percentage on the right side of the progress bar stroke-widthNumber6 progress bar width, unit pxcolorColor#09BB07 progress bar color (please use activeColor) activeColorColor selected progress bar color backgroundColorColor unselected progress bar color activeBooleanfalse progress bar animation from left to right

Thank you for reading this article carefully. I hope the article "how to use Mini Program components" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.