diff --git a/src/pages/inviteCode/inviteFriends/index.module.scss b/src/pages/inviteCode/inviteFriends/index.module.scss index 25fd85c..de844ad 100644 --- a/src/pages/inviteCode/inviteFriends/index.module.scss +++ b/src/pages/inviteCode/inviteFriends/index.module.scss @@ -62,6 +62,22 @@ page { margin-top: 0; } } +.subTitle { + display: flex; + flex-flow: row nowrap; + align-items: center; + .cell { + margin-left: 20px; + display: flex; + flex-flow: row nowrap; + align-items: center; + border-radius: 8px; + padding: 0 6px; + font-size: 22px; + color: $color_main; + border: 1px solid $color_main; + } +} .title { display: flex; flex-flow: row nowrap; diff --git a/src/pages/inviteCode/inviteFriends/index.tsx b/src/pages/inviteCode/inviteFriends/index.tsx index e84e95e..35b7bf3 100644 --- a/src/pages/inviteCode/inviteFriends/index.tsx +++ b/src/pages/inviteCode/inviteFriends/index.tsx @@ -18,6 +18,7 @@ import { GetInvitationRecordList } from '@/api/share' import InfiniteScroll from '@/components/infiniteScroll' import { dataLoadingStatus, debounce, getFilterData } from '@/common/util' import { formatDateTime } from '@/common/fotmat' +import IconFont from '@/components/iconfont/iconfont' const InviteCord = () => { const [formData, setFormData] = useState<{ @@ -59,7 +60,7 @@ const InviteCord = () => { inviteCodePopupRef.current?.startDrawPoster() } - const [recordList, setRecordList] = useState<{ list: any[]; total: number }>({ list: [], total: 0 }) + const [recordList, setRecordList] = useState<{ list: any[]; total: number }>({ list: [{}, {}], total: 0 }) const [showTime, setShowTime] = useState(false) @@ -121,6 +122,12 @@ const InviteCord = () => { return dataLoadingStatus({ list: recordList.list, total: recordList.total, status: state.loading }) }, [recordList, state]) + const handleCell = (phone: string) => { + Taro.makePhoneCall({ + phoneNumber: phone, + }) + } + return ( @@ -138,7 +145,15 @@ const InviteCord = () => { return ( - {item?.passive_invited_user_name} + + + {item?.passive_invited_user_name} + + handleCell(item?.passive_invited_user_phone)}> + + 拨打 + + {item?.invitation_way_name}