无双科技

百度MipCMS组件的使用及相关属性

时间:2019-03-28 16:02:26 出处:无双科技

一、百度mip组件 mip-form

mip-form 用来支持 mip 中的表单提交

1. 使用

在MIP HTMl中,示例如下:


<mip-form method="post" url="www.baidu.com">
     <input type="input" name="username" validatetarget="username" validatetype="must" placeholder="姓名">
     <div target="username">姓名不能为空</div>
     <input type="input" name="email" validatetarget="email" validatetype="email" placeholder="邮件">
     <div target="email">填写正确的email</div>
     <input type="input" name="phone" validatetarget="phone" validatetype="phone" placeholder="电话">
     <div target="phone">填写正确的电话格式</div>
     <input type="input" name="customnumber" validatetarget="custom" validatetype="custom" validatereg=^[0-9]*$ placeholder="我是自定义验证规则数字">
     <div target="custom">请输入正确的数字</div>
     <input type="submit" value="提交">
 </mip-form>


组件所涉及的属性有 表单提交方法(method),表单提交url(url) validatetarget(验证提示对应tag) validatetype(验证类型) 自定义验证(validatereg)

表单提交方法(method)

是否必填:是

表单提交url(url)

是否必填: 是

validatetarget(验证提示对应tag)

是否必填:否

说明: 用于对应错误时的提示显示元素的查找

validatetype(验证类型)

是否必填:否

说明: 用于支持简单的验证。目前提供email、phone、idcar、custom。当为custom时则需要填写validatereg

自定义验证(validatereg)

是否必填:否

说明: 补充站长个性化的验证规则。如果validatetype为custom时需填写相应验证规则

二、百度mip组件 mip-link

mip-link 用来支持在 mip 页面跳转,解决类似 iframe 嵌套情况下不能跳出父级的问题

1. 使用

在MIP HTMl中,用来替代a标签,示例如下:

2. 属性

组件所涉及的属性有:mip地址(href) 跳转目标页面标题(title)。

href

是否必填:是

说明:跳转目标网址。

title

是否必填:否

说明:跳转目标页面标题如果不填默认为标签之间的内容

三、百度mip组件 mip-share

mip-share 用来支持在 mip 中添加对第三方网站的分享。

分享组件提供一个静态的页面嵌入模块,其中分享的平台,站长通过选择type从而指定网页可分享的第三方网站。

1. 使用

在MIP HTMl中,用来替代img标签,示例如下:

2. 属性

组件所涉及的属性有:标题(title), 分享连接(url), 分享摘要(content)以及分享图片(iconUrl)。

标题(title)

是否必填:否

说明:分享出去的标题,默认取页面title。

分享连接(url)

是否必填:否

说明:分享连接,默认取当前页面连接。

分享摘要(content)

是否必填:否

说明:分享的文章摘要,默认取页面title。

分享图片(iconUrl)

是否必填:否

说明:默认百度logo。

猜你喜欢