50 lines
936 B
TypeScript
50 lines
936 B
TypeScript
/**
|
|
* 电子名片组件
|
|
* =========================================
|
|
* 1. 纯卡片风格
|
|
* 2. 卡片+图片风格
|
|
* 3. 纯图片风格
|
|
* 4. 图片背景风格
|
|
* =========================================
|
|
**/
|
|
|
|
import { View, Text } from "@tarojs/components";
|
|
import { memo } from "react";
|
|
|
|
interface BizCardProps {
|
|
title: string;
|
|
userInfo: User;
|
|
}
|
|
|
|
export const BizCardTpl_01 = memo(({ userInfo }: BizCardProps) => {
|
|
return (
|
|
<View>
|
|
<Text>{userInfo.name}</Text>
|
|
</View>
|
|
);
|
|
});
|
|
|
|
export const BizCardTpl02 = memo(() => {
|
|
return (
|
|
<View className="bg-white p-3 h-30 rounded-sm shadow">
|
|
<Text>Card Title2</Text>
|
|
</View>
|
|
);
|
|
});
|
|
|
|
export const BizCardTpl_03 = memo(() => {
|
|
return (
|
|
<View className="flex-1 p-3 bg-red-400">
|
|
<Text>Card Title</Text>
|
|
</View>
|
|
);
|
|
});
|
|
|
|
export const BizCardTpl_04 = memo(() => {
|
|
return (
|
|
<View>
|
|
<Text>Card Title</Text>
|
|
</View>
|
|
);
|
|
});
|