微信小程序基础内容类组件icon使用详解

 时间:2024-10-15 06:05:47

1、先百度搜索查看 icon 图标组件的官方文档,该组竭惮蚕斗件最重要的一个属性是 type 即图标类型,目前可取值有10个:success, circle, success_no_circle, info, warn, waiting, cancel, download, search, clear 代表10中图标类型;属性 size 设置图标的尺寸; 属性 color 设置图标的颜色。

微信小程序基础内容类组件icon使用详解

2、演示所有默认大小默认颜色的 icon 图标在页面对应的 wxml 文件中通过 <icon> 标签创建10种不同类型的图标,未指定 size 和 color 属性,即默认尺寸和颜色。

微信小程序基础内容类组件icon使用详解

3、在 wxss 中定义 wxml 中使用的类样式。

微信小程序基础内容类组件icon使用详解

4、保存编译,通过模拟器查看页面效果,页面展示出了平台内置的风格一致的10种常用图标。

微信小程序基础内容类组件icon使用详解

5、演示指明大小和颜色的 success, info, warn 图标

微信小程序基础内容类组件icon使用详解
  • Coreldraw怎么创建表格
  • Photoshop怎么对选区进行羽化操作?
  • Illustrator来制作毛绒的效果
  • 淘宝网店模板制作教程
  • 用PS制作玉佩~
  • 热门搜索
    胖大海泡水喝的功效 内蒙古旅游路线 香港 旅游 哈尔滨旅游景点大全 苹果手机如何下载软件 路由器密码忘了怎么办 吉利金刚怎么样 唐山职业技术学院怎么样 怎么去希利苏斯 192.168.1.1路由器