feat(get-provider): 新增 getProvider 示例

pages/API/get-provider/get-provider.uvue

+<template>
+  <!-- #ifdef APP -->
+  <scroll-view class="page-scroll-view">
+  <!-- #endif -->
+    <view class="page">
+      <page-head :title="title"></page-head>
+      <view>
+        <view class="service-item" v-for="(item, index) in serviceList" :key="index">
+          <text class="item-k">{{item.name}}</text>
+          <view class="item-v">
+            <text v-for="(item2, index2) in item.provider" :key="index2">{{item2}}</text>
+          </view>
+        </view>
+      </view>
+      <button class="btn-get-provider" type="primary" @click="getProvider">getProvider</button>
+    </view>
+  <!-- #ifdef APP -->
+  </scroll-view>
+  <!-- #endif -->
+</template>
+<script>
+  type ProviderItem = {
+    service : string,
+    name : string,
+    provider : string[]
+  }
+
+  export default {
+    data() {
+      return {
+        title: 'provider',
+        serviceList: [
+          { service: "oauth", name: "登陆", provider: [] },
+          { service: "share", name: "分享", provider: [] },
+          { service: "payment", name: "支付", provider: [] },
+          { service: "push", name: "推送", provider: [] },
+          { service: "location", name: "定位", provider: [] }
+        ] as ProviderItem[]
+      }
+    },
+    methods: {
+      getProvider() {
+        this.serviceList.forEach((item : ProviderItem) => {
+          uni.getProvider({
+            service: item.service,
+            success: (e) => {
+              this.updateProvider(e.service, e.provider);
+            }
+          })
+        })
+      },
+      updateProvider(service : string, provider : string[]) {
+        const item = this.serviceList.find((item : ProviderItem) => {
+          return item.service == service
+        });
+        if (item != null) {
+          item.provider = provider
+        }
+      }
+    }
+  }
+</script>
+
+<style>
+  .page {
+    padding: 15px;
+  }
+
+  .item-k {
+    line-height: 2;
+  }
+
+  .item-v {
+    font-weight: bold;
+    line-height: 2;
+  }
+
+  .btn-get-provider {
+    margin-top: 50px;
+  }
+</style>