通过useExtendedLib扩展库的方式 引入并使用WeUI

通过useExtendedLib扩展库的方式 引入并使用WeUI

第一步,在app.ison 中加入 useExtendedLib 字段

  "useExtendedLib": {
    "weui": true
  }

通过useExtendedLib扩展库的方式 引入并使用WeUI_第1张图片

第二步,在所需要的页面的 json 文件中 加入 usingComponents 字段

  "usingComponents": {
    "mp-uploader": "weui-miniprogram/uploader/uploader",
    "mp-cells": "weui-miniprogram/cells/cells",
    "mp-cell": "weui-miniprogram/cell/cell"
  }

通过useExtendedLib扩展库的方式 引入并使用WeUI_第2张图片

第三步,在所需要的页面中调用该组件 


  
    
  

最后,看一下效果图,具体的属性可以看一下 官方的文档 ( 点这里呦 ),才疏学浅,如有不足,欢迎补充  ヘ( ̄ω ̄ヘ)

通过useExtendedLib扩展库的方式 引入并使用WeUI_第3张图片

你可能感兴趣的:(小程序,Weui,小程序)