• 组件面板
  • 基础组件
    • 组件代码插入
    • 组件编辑
  • 扩展组件
    • 图标组件

组件面板

此功能在 2.25.0 之后版本可用。

成都创新互联自成立以来，一直致力于为企业提供从网站策划、网站设计、成都网站建设、成都做网站、电子商务、网站推广、网站优化到为企业提供个性化软件开发等基于互联网的全面整合营销服务。公司拥有丰富的网站建设和互联网应用系统开发管理经验、成熟的应用系统解决方案、优秀的网站开发工程师团队及专业的网站设计师团队。

为了方便开发者快速找到需要的组件，并快速查看组件的属性、事件、样式、demo、文档等信息，开发者工具集成了组件面板。

组件面板可通过编辑器右上角按钮打开。

打开面板后可看到基础组件和扩展组件列表。

基础组件

基础组件为智能小程序框架提供的组件。组件列表。

在列表中选中组件后，下方会展示当前组件的二维码，文档入口信息。用百度 APP 扫码可查看当前组件的 demo。

点击查看文档即可查看当前组件的文档。

组件代码插入

在编辑器中打开 swan 文件，点击插入按钮，即可插入组件的代码。插入代码位置为编辑器中光标所在位置，若光标在组件的标签中，则会插入到光标所在组件的内部。如果光标所在位置为自闭合组件，就在组件后插入代码。

组件编辑

在编辑器中选中鼠标选中组件后，可在组件面板下方直接编辑组件。可编辑的内容有属性，事件，样式。在编辑面板中的修改会实时同步到编辑器中。

扩展组件

扩展组件为智能小程序官方提供的 smart-ui，是一套开发、设计风格统一的智能小程序扩展组件库，由百度智能小程序官方设计团队和智能小程序团队为小程序量身设计，以增强开发者开发体验。

组件通过 npm 管理，包名为 @smt-ui/component

扩展组件使用 npm 管理依赖，需要系统中装有 Node.js 环境。并将编译模式选择为 依赖分析

首次插入扩展组件时，开发者工具会自动为小程序创建 package.json 文件，添加并安装 @smt-ui/component 依赖。如果当前环境变量中无 npm 命令，则会安装组件库失败。

图标组件

开发者工具为扩展组件 smt-icon 提供了可视化编辑面板。方便用户直接选择图标。如果你在小程序官方示例中看到了图标，想使用又不知道图标的名字，来这里找就可以了。

文章题目：创新互联百度小程序教程：组件面板
URL链接：http://www.mswzjz.cn/qtweb/news45/29445.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

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