add nodisplay layout and prerenderAllowed true (#694)

mipengine · Aug 29, 2019 · edfe5c7 · edfe5c7
1 parent e729a79
commit edfe5c7
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/components/mip-linksubmit/README.md b/components/mip-linksubmit/README.md
@@ -5,7 +5,7 @@
 标题|内容
 ----|----
 类型|通用
-支持布局|N/S
+支持布局|nodisplay
 所需脚本| [https://c.mipcdn.com/static/v2/mip-linksubmit/mip-linksubmit.js](https://c.mipcdn.com/static/v2/mip-linksubmit/mip-linksubmit.js)
 
 ## 说明
@@ -15,7 +15,7 @@
 ## 示例
 
 ```html
-<mip-linksubmit type="baidu"></mip-linksubmit>
+<mip-linksubmit type="baidu" layout="nodisplay"></mip-linksubmit>
 ```
 
 ## 属性

diff --git a/components/mip-linksubmit/example/index.html b/components/mip-linksubmit/example/index.html
@@ -8,11 +8,17 @@
     <link rel="stylesheet" href="https://c.mipcdn.com/static/v2/mip.css">
     <style mip-custom>
     /* 自定义样式 */
+    .content {
+        height: 2000px;
+        width: 300px;
+        background: #ccc;
+    }
     </style>
   </head>
   <body>
+    <div class="content"></div>
     <div>
-      <mip-linksubmit type="baidu"></mip-linksubmit>
+      <mip-linksubmit type="baidu" layout="nodisplay"></mip-linksubmit>
     </div>
     <script src="https://c.mipcdn.com/static/v2/mip.js"></script>
     <script src="/mip-linksubmit/mip-linksubmit.js"></script>

diff --git a/components/mip-linksubmit/mip-linksubmit.js b/components/mip-linksubmit/mip-linksubmit.js
@@ -1,4 +1,8 @@
 export default class MIPLinksubmit extends MIP.CustomElement {
+  prerenderAllowed () {
+    return true
+  }
+
   build () {
     const type = this.element.getAttribute('type') || ''
     const bp = document.createElement('script')