index.tsx 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. import { View } from "@tarojs/components";
  2. import BottomBar from "@/components/BottomBar";
  3. import PageCustom from "@/components/page-custom/index";
  4. import NavBarNormal from "@/components/nav-bar-normal/index";
  5. import editorStyle from "../editor.module.less";
  6. import WemetaTextarea from "@/components/wemeta-textarea/index";
  7. import { useAgentStore } from "@/store/agentStore";
  8. import useEditContactCard from "@/hooks/useEditContactCard";
  9. export default function Index() {
  10. const agentContactCard = useAgentStore((state)=> state.agentContactCard)
  11. const {value, onChange, handleSubmit} = useEditContactCard('email', agentContactCard?.email)
  12. return (
  13. <PageCustom>
  14. <NavBarNormal backText="联系邮箱"></NavBarNormal>
  15. <View className="flex flex-col items-center w-full">
  16. <View className={editorStyle.container}>
  17. <View
  18. className={`${editorStyle.textInputContainer} ${editorStyle.underline}`}
  19. >
  20. <WemetaTextarea
  21. value={value}
  22. onBlur={(value: string) => onChange(value)}
  23. onInput={(value: string) => onChange(value)}
  24. placeholder="填写联系邮箱"
  25. autoFocus
  26. />
  27. </View>
  28. </View>
  29. <BottomBar>
  30. <View className="button-rounded button-primary flex-1" onClick={handleSubmit}>保存</View>
  31. </BottomBar>
  32. </View>
  33. </PageCustom>
  34. );
  35. }