登录页面

2026-07-12 15:17:54 +08:00
parent becf91da52
commit bfac6c6663
63 changed files with 4662 additions and 431 deletions
@@ -0,0 +1,47 @@
+import { View, Text } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import PageShell from '../../components/PageShell';
+import SubPageHeader from '../../components/SubPageHeader';
+import { toast } from '../../lib/api';
+
+const QUICK = ['如何核销权益？', '订单多久发货？', '如何修改地址？', '联系人工客服'];
+
+export default function CustomerServicePage() {
+  return (
+    <PageShell variant="sub" className="cs-page">
+      <SubPageHeader title="联系客服" />
+      <View className="sub-page-body inset-page">
+        <View className="cs-bubble cs-bubble--bot">
+          <Text>您好，我是杜康好客小助手。请问有什么可以帮您？</Text>
+        </View>
+        <View className="cs-bubble cs-bubble--user">
+          <Text>我想了解好客权益怎么用</Text>
+        </View>
+        <View className="cs-bubble cs-bubble--bot">
+          <Text>
+            购酒后获得的好客权益可在签约门店到店核销。进入「好客权益」选择可用券，输入金额生成核销码即可。
+          </Text>
+        </View>
+      </View>
+      <View className="cs-quick">
+        {QUICK.map((q) => (
+          <Text
+            key={q}
+            className="cs-quick-item"
+            onClick={() => {
+              if (q === '联系人工客服') {
+                Taro.makePhoneCall({ phoneNumber: '4008000000' }).catch(() =>
+                  toast('客服热线后续配置'),
+                );
+              } else {
+                toast(q);
+              }
+            }}
+          >
+            {q}
+          </Text>
+        ))}
+      </View>
+    </PageShell>
+  );
+}