# Codepen支持

# 创建pen

1. 登录codepen.io 创建一个新的pen
2. 点击右下角Embed在Embed This Pen弹窗中滚动到最下方，切换到iframe方式 获取需要嵌入的pen的src格式如下:
   src='//codepen.io/airen/embed/xmXQrW/?height=265&theme-id=0&default-tab=js,result'

# 在文档中引入codepen

1. 使用组件<code-pen/>，组件件接收3个参数penSrc,penHeigh,penTitle

示例：

<code-pen penSrc='//codepen.io/airen/embed/xmXQrW/' penHeight='350'/>

2. 效果