diff --git a/app/components/business/bizcard.tsx b/app/components/business/bizcard.tsx
index 42f6812..539d3f5 100644
--- a/app/components/business/bizcard.tsx
+++ b/app/components/business/bizcard.tsx
@@ -26,8 +26,14 @@ export const BizCardTpl_01 = memo(({ userInfo }: BizCardProps) => {
 
 export const BizCardTpl02 = memo(() => {
   return (
-    <View className="bg-amber-100 p-3 h-30 rounded-sm shadow-amber-200">
-      <View className="flex"></View>
+    <View className="bg-white p-3 h-30 rounded-sm shadow-md">
+      <View className="flex">
+        <View className="flex-1">
+            <View className="text-lg font-bold">王长森</View>
+            <View className="text-sm text-gray-500">高级产品经理</View>
+        </View>
+        <View className="h-15 w-20 bg-black"></View>
+      </View>
     </View>
   );
 });
diff --git a/app/components/business/image.tsx b/app/components/business/image.tsx
index efed1c7..1d65901 100644
--- a/app/components/business/image.tsx
+++ b/app/components/business/image.tsx
@@ -10,7 +10,7 @@ export const ImageTpl = memo(({ src, size }: Props) => {
   console.log(size);
   return (
     <View>
-      <Image src={src} mode="widthFix" />
+      <Image className="w-full" src={src} mode="widthFix" />
     </View>
   );
 });
diff --git a/app/pages/index/hooks.ts b/app/pages/index/hooks.ts
index 427bba8..1b18e30 100644
--- a/app/pages/index/hooks.ts
+++ b/app/pages/index/hooks.ts
@@ -37,3 +37,14 @@ export const usePageContent = () => {
 
   return { pageLoading, pageContent, refresherConfig, loadPageContent };
 };
+
+
+// 页面分享 promise
+export const useShareAppMessage = () => {
+  const  onShareAppMessage = async () => {
+    return {
+      title: "分享标题",
+    }
+  }
+  Taro.useShareAppMessage(onShareAppMessage);
+}
\ No newline at end of file
diff --git a/app/pages/index/index.tsx b/app/pages/index/index.tsx
index 1e6305d..6378b94 100644
--- a/app/pages/index/index.tsx
+++ b/app/pages/index/index.tsx
@@ -10,6 +10,10 @@ const BizCardTpl02 = React.lazy(() =>
   })),
 );
 
+const ImageTpl = React.lazy(() => import("@/components/business").then((module) => ({
+  default: module.ImageTpl,
+})));
+
 export default function Index() {
   const { pageLoading, pageContent, refresherConfig, loadPageContent } = usePageContent();
 
@@ -27,6 +31,7 @@ export default function Index() {
       >
         <View className="space-y-4 p-3">
             <BizCardTpl02 />
+            <ImageTpl size="medium" src=""></ImageTpl>
         </View>
       </Layout.Container>
     </Layout>