Skip to content
[Deprecated] MIP 组件包括官方组件和开发者自定义组件,请到 mip2-extensions 查看官方组件
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Update PULL_REQUEST_TEMPLATE.md Jul 31, 2018
docs 文档更改 (#1032) Feb 26, 2018
sample 新增animate.css 动画 (#1303) Nov 30, 2018
src mip-story 横屏时增加二维码 (#1339) Apr 25, 2019
tools add sample (#1134) May 8, 2018
.fecsrc mip-widget-full-height 组件 (#1218) Jul 23, 2018
.gitignore 通用MIP增加凤巢广告 广告组件及抽样组件修改 (#1135) Jul 3, 2018
.grenrc.js 增加package.json (#837) Oct 11, 2017
LICENSE feat:更改配置文件 (#888) Nov 9, 2017
README.md
package.json add sample (#1134) May 8, 2018

README.md

MIP 组件

注意:停止维护,请使用 MIP2 官方组件,查看最新官方文档

MIP 组件包括官方组件和开发者自定义组件,是用于定制站点页面功能的利器。

组件编译

  • 安装依赖

     npm install
    
  • 执行编译

    组件编译集成了 mip-extension-optimizer 工具,并通过 npm script 命令提供出来,如:

     npm run build
    
  • 指定参数

    如果需要指定编译参数(参数使用与 mip-extension-optimizer 一致),以 -- 分割,如指定输出目录和需编译的个别组件:

     npm run build -- -o output mip-form mip-access
    

脚本引用

使用该仓库下的组件前,需在页面中引入组件对应脚本。

  • 格式

     https://c.mipcdn.com/static/v1/{组件名}/{组件名}.js
    
  • 示例

     <script async src="https://c.mipcdn.com/static/v1/mip-form/mip-form.js"></script>
    

组件预览

组件的预览支持两种方式,具体如下:

  • 页面预览

    将当前开发的脚本引用到示例页面,并通过 mip cli 开启本地服务,预览页面功能。该方法需要开发者构建预览所需的 MIP 页面。具体可以参考官方博客中的MIP-CLI工具调试组件文档。

  • README 预览

    通过在 README 中书写 html,并借助 mip cli 来预览效果。该方法会抓取 README 中预览所需 html 来达成预览效果。具体细节可参考调试 MIP 扩展组件文档。

组件相关资料

You can’t perform that action at this time.