feat: taro框架使用自定义标签

src/app.config.ts

@@ -27,4 +27,7 @@ export default {
     navigationBarTitleText: "WeChat",
     navigationBarTextStyle: "black",
   },
+  // 设置后,空对象代表可以使用小程序原生组件
+  usingComponents: {
+  }
 };

src/pages/home/index.tsx

@@ -12,7 +12,13 @@ import {
   Tag,
   Toast,
 } from "@antmjs/vantui";
-import { Input, OfficialAccount, View, WebView } from "@tarojs/components";
+import {
+  Input,
+  OfficialAccount,
+  View,
+  WebView,
+  // ChannelVideo,
+} from "@tarojs/components";
 import React, { useCallback, useEffect, useState } from "react";
 import { Swiper, SwiperItem, Image } from "@antmjs/vantui";
 import react from "react";
@@ -533,7 +539,6 @@ const Home = () => {
         <Skeleton title={true} row={4} />
       )}
 
-
       {/* <View style={{marginTop:'10px'}}>打卡精选</View> */}
       {/* 瀑布流 */}
       {/* <InfoCard /> */}
@@ -590,6 +595,28 @@ const Home = () => {
 
       <Toast id="vanToast-demo2" />
 
+      <View
+        onClick={() => {
+          Taro.openChannelsActivity({
+            finderUserName: "sphqzUmI0BlppCI", //视频号id
+            feedId:
+              "export/UzFfAgtgekIEAQAAAAAAeIIQA5S-0wAAAAstQy6ubaLX4KHWvLEZgBPEj6MUcExXaL37zNPgMJpEUVVnZ9njxR_hb9_u-bQj", //视频 feedId
+            success: (res: any) => {
+              console.log("res", res);
+            },
+          });
+        }}
+      >
+        打开视频号
+      </View>
+
+      {/* @ts-ignore */}
+      {/* <channel-video feed-id={'export/UzFfAgtgekIEAQAAAAAAeIIQA5S-0wAAAAstQy6ubaLX4KHWvLEZgBPEj6MUcExXaL37zNPgMJpEUVVnZ9njxR_hb9_u-bQj'} finder-user-name={'sphqzUmI0BlppCI'}></channel-video> */}
+
+      {/* @ts-ignore */}
+      {/* <channel-video autoplay = {true} object-fit={'cover'} feed-id={'export/UzFfAgtgekIEAQAAAAAAi2cqMAslgwAAAAstQy6ubaLX4KHWvLEZgBPEgIFoIyNiE9iBzNPgMJpw2GKV9V4VOKQarDhUTo15'} finder-user-name={'sphiBL5kbHuXDRZ'}></channel-video> */}
+
+
       <TabbarCom active={0} />
     </View>
   );