质控图片插件

index.html

@@ -47,6 +47,12 @@
 <!--            示例插件2 id=100-->
             <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
 
+            <div data-pid="1402932548627206144" data-uid="1323567842540523520" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:40px;width:100px">
+              <div data-root="p102" style="height:100%;width:100">
+                <img style="height:100%;width:100" onclick="p102.jumpDetails()" src="https://img2.baidu.com/it/u=3960470193,627689163&fm=26&fmt=auto&gp=0.jpg">
+              </div>
+            </div>
+
             <script>
               const p100 = {
                 name: 'hello tall plugin',
@@ -54,6 +60,11 @@
                   alert(this.name)
                 }
               }
+              const p102 = {
+                jumpDetails() {
+                  location.href = 'https://www.baidu.com'
+                }
+              };
             </script>
           </div>
         </div>
@@ -75,7 +86,6 @@
             <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="alert('hello')">测试组建1</button>
             <!--            示例插件2 id=100-->
             <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
-
             <script>
               const p100 = {
                 name: 'hello tall plugin',

package-lock.json

@@ -0,0 +1,12 @@
+{
+  "name": "plugin-templete",
+  "version": "1.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "version": "1.0.0",
+      "license": "ISC"
+    }
+  }
+}