diff --git a/src/components/location-dialog/index.less b/src/components/location-dialog/index.less index 49feafd..2a69a6a 100644 --- a/src/components/location-dialog/index.less +++ b/src/components/location-dialog/index.less @@ -16,7 +16,6 @@ &__confirm-button { .button(@width: 360px, @height: 72px, @fontSize: 28px, @fontWeight: 400, @borderRadius: 44px); margin-top: 40px; - margin-bottom: 40px; } // &__cancel-button { @@ -32,4 +31,8 @@ // border-color: transparent // } // } + + &__checkbox { + margin-top: 40px; + } } diff --git a/src/components/location-dialog/index.tsx b/src/components/location-dialog/index.tsx index a989794..c75bee3 100644 --- a/src/components/location-dialog/index.tsx +++ b/src/components/location-dialog/index.tsx @@ -1,8 +1,10 @@ import { Button } from '@tarojs/components'; import { Dialog } from '@taroify/core'; +import { useCallback, useState } from 'react'; -import { ProtocolPrivacy } from '@/components/protocol-privacy'; +import { ProtocolPrivacyCheckbox } from '@/components/protocol-privacy'; +import Toast from '@/utils/toast'; import './index.less'; @@ -16,15 +18,28 @@ const PREFIX = 'location-dialog'; export default function LocationDialog(props: IProps) { const { open, onClick, onClose } = props; + const [checked, setChecked] = useState(false); + + const handleTipCheck = useCallback(() => { + Toast.info('请先阅读并同意协议'); + }, []); + return (
{`我们需要获取您的位置信息\n以便推荐附近的通告或主播`}
- - + {!checked && ( + + )} + {checked && ( + + )} +