帮助中心
所有文章
常见F&Q
活动中心
外部SDK使用说明

使用本SDK需要网站允许Iframe嵌入

1 代码展示

把以下代码复制到html中

<script>
(function () {
  var moyin = document.createElement('script');
  moyin.src = 'https://webfiles.moyincloud.com/hc/sdk/moyin-1.0.0.min.js';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(moyin, s);
})();
</script>

在调用弹窗的函数中使用

const {useDocIframe,  useVideoIframe} = window.MoYinSDK

// 调用帮助文档弹窗
useDocIframe('https://xxxxx', {
  dialogModal: {
    background: 'rgb(0, 0, 0, 0.6)',
  },
  dialog: {
    maxWidth: '1200px',
    top: '10vh',
    right: '10vw',
    background: '#fff',
  }  
})
  
// 调用视频弹窗
useVideoIframe('https://xxxx', {
  phoneMatchMediaWidth: 900,
  dialogModal: {
    phoneBg: '#000',
    defaultBg: ''
  },
  dialog: {
    width: '80vw',
    maxWidth: '1200px',
    paddingTop: '56.25%'
  }
})

2 参数说明

useDocIframe参数

属性说明类型默认值
url帮助文档的url路径string''
params弹窗的样式属性object{}

Params 参数配置

属性说明类型默认值
dialogModalmodal层样式属性object{}
dialog弹窗外层的样式属性object{}

dialogModal 参数配置

属性说明类型默认值
background背景string''

dialog 参数配置

dialog设为了 position:fixed;

属性说明类型默认值
top弹窗距离页面顶部的距离string'unset'
bottom弹窗距离页面底部的距离string'unset'
left弹窗距离页面左边的距离string'unset'
right弹窗距离页面右边的距离string'unset'
width弹窗宽度string'500px'
height弹窗高度string'450px'
background弹窗背景string'#ffffff'
border弹窗边界样式string'1px solid #EDEFF2'
borderRadius弹窗圆角string'6px'

useVideoIframe参数

属性说明类型默认值
url帮助文档的url路径string''
params弹窗的样式属性object{}

Params 参数配置

属性说明类型默认值
phoneMatchMediaWidth手机尺寸最大宽度number900
dialogModalmodal层样式属性object{}
dialog弹窗外层的样式属性object{}

dialogModal 参数配置

属性说明类型默认值
phoneBg手机尺寸下的背景string''
defaultBgweb页面尺寸下的背景string

dialog 参数配置

属性说明类型默认值
margin弹窗外边距string'auto'
width弹窗宽度string'80vw'
maxWidth弹窗最大宽度string'1200px'
paddingTop控制弹窗的高度,传百分比字符串,分母是宽度string(百分数)'56.25%'
最后更新于 2022/08/05
未能解决您的问题?请联系
评价此篇文档
有帮助
没帮助

请留下具体问题或建议

能够解决我的问题
我还有其他想说的
本篇目录