创新互联小程序教程：微信小程序WeUI·基础组件

Badge徽章

出现在按钮、图标附近的数字或者状态标记。

10余年的汉寿网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同，自动调整汉寿建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“汉寿网站设计”,“汉寿网站推广”以来，每个客户项目都认真落实执行。

示例代码：

{
  "usingComponents": {
    "mp-cells": "../components/cells/cells",
    "mp-cell": "../components/cell/cell",
    "mp-badge": "../components/badge/badge"
  }
}

---

Gallery画廊

用于多张图片展示，类似原生的wx.previewImage的展示。

示例代码：

{
  "usingComponents": {
    "mp-gallery": "../components/gallery/gallery"
  }
}

---

Loading加载

加载数据时的 loading 效果

示例代码：

{
    "usingComponents": {
        "mp-loading": "../components/loading/loading"
    },
    "navigationBarTitleText": "UI组件库"
}

---

Icon

图标

代码引入

在 page.json 中引入组件

{
  "usingComponents": {
    "mp-icon": "../../components/icon/icon"
  }
}

示例代码

效果展示

属性列表

属性	类型	默认值	说明
extClass	string		组件类名
type	string	outline	Icon类型，可选值 outline（描边），field（填充）
icon	string		Icon名字
size	number	20	Icon的大小，单位 px
color	string	black	Icon的颜色，默认黑色

Icon 列表

 

分享标题：创新互联小程序教程：微信小程序WeUI·基础组件
文章位置：http://www.shufengxianlan.com/qtweb/news37/92937.html

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

广告

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