创新互联百度小程序教程:icon图标

  • icon 图标
    • 属性说明
    • 示例
      • 代码示例 1:自定义 icon 类型
      • 代码示例 2:自定义 icon 颜色
      • 代码示例 3:自定义 icon 大小

    icon 图标

    解释:包括天气、系统设置、互动社交、生活服务、书籍影音、政务服务、交通出行 7 个行业类别的图标。请扫描示例二维码查看图标全集。详细设计文档参考图片图标。

    在宛城等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、做网站 网站设计制作按需制作,公司网站建设,企业网站建设,品牌网站制作,营销型网站建设,外贸网站制作,宛城网站建设费用合理。

    属性说明

    属性名 类型 必填 默认值 说明

    name

    String

    icon 的英文名称

    color

    String/Array.

    icon 的颜色,多色图标支持传入色值的数组

    size

    String

    25px

    icon 的尺寸,必须包含单位(px、rpx、 vw、vh、%、em 等)

    更多 icon 图标样式请扫码体验

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    代码示例 1:自定义 icon 类型

    • SWAN
    • JS
    • CSS
    • JSON
     
     
     
    1. {{item}}

    设计指南

    提供 2 种主题的图标,单色线型和多色面型。框架和基础功能类页面可选择单色图标,重点内容分类入口(金刚位)可选择多色图标。

    代码示例 2:自定义 icon 颜色

    • SWAN
    • JS
     
     
     

    代码示例 3:自定义 icon 大小

    • SWAN
     
     
     

    本文题目:创新互联百度小程序教程:icon图标
    文章地址:http://www.hantingmc.com/qtweb/news48/264698.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联