绑定平车插件

index.html

@@ -47,6 +47,13 @@
 <!--            示例插件2 id=100-->
             <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
 
+            <div data-pid="pid111" data-uid="1321399402832728064" data-rid="rid333" data-tid="tid444" data-did="did555">
+              <div class="bind-box">
+                <button class="bg-blue-500 py-2 px-5 rounded text-white" id="bind-status-one" style="display:none" onclick="p101.bindOne(this)">插件测试</button>
+                <button class="bg-blue-500 py-2 px-5 rounded text-white" id="bind-status-two" style="display:none" onclick="p101.bindTwo(this)">插件测试</button>
+              </div>
+            </div>
+
             <script>
               const p100 = {
                 name: 'hello tall plugin',
@@ -54,6 +61,39 @@
                   alert(this.name)
                 }
               }
+              /*
+                1.进页面首先查询绑定状态
+                2.根据返回的数据，判断显示哪个btn
+              */
+              ;(function() {
+                var dom = document.getElementById('bind-box').parentNode
+                console.log(dom.getAttribute('data-pid'))
+                const uid = dom.getAttribute('data-uid')
+                getToken('1321399402832728064')
+              })()
+              function getToken(uid) {
+                console.log(uid);
+                fetch(`https://www.tall.wiki/gateway/tall/v1.0/users/userId?userId=${1202064120040525824}`)
+                .then(function(response) {
+                  return response.json();
+                })
+                .then(function(myJson) {
+                  console.log(myJson);
+                });
+              }
+              /*
+                1. p101插件的所有事件及属性
+              */
+              const p101 = {
+                bindOne(that) {
+                  console.log(that.parentNode.parentNode)
+                  console.log('data-pid',that.parentNode.parentNode.getAttribute('data-pid'))
+                },
+                bindTwo(that) {
+                  console.log(that.parentNode.parentNode)
+                  console.log('data-uid',that.parentNode.parentNode.getAttribute('data-uid'))
+                }
+              }
             </script>
           </div>
         </div>
@@ -75,7 +115,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',