🦄 refactor:首页加入购物车

2022-09-05 18:09:35 +08:00
parent f75de04f83
commit 1bf5d3f69e
13 changed files with 612 additions and 48 deletions
@@ -0,0 +1,60 @@
+.bottomBox {
+    width: 100%;
+    height: 132px;
+    background: #FFFFFF;
+    box-shadow: 0px -5px 20px -8px rgba(0, 0, 0, 0.06);
+    display: flex;
+    padding-top: 16px;
+    align-items: center;
+    justify-content: space-between;
+    overflow: hidden;
+
+    .leftBottom {
+        display: flex;
+        align-items: center;
+        margin-left: 12px;
+
+        .nowFont {
+            font-size: 28px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #000000;
+        }
+
+        .selctFont {
+            font-size: 28px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #236AFF;
+            margin-left: 10px;
+        }
+    }
+
+    .button {
+        margin-right: 50px;
+        width: 256px;
+        height: 80px;
+        background: #4581FF;
+        border-radius: 40px;
+        font-size: 32px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #FFFFFF;
+        text-align: center;
+        line-height: 80px;
+    }
+
+    .activeButton {
+        margin-right: 50px;
+        width: 256px;
+        height: 80px;
+        background: #68b4ff;
+        border-radius: 40px;
+        font-size: 32px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #fff;
+        text-align: center;
+        line-height: 80px;
+    }
+}
@@ -0,0 +1,36 @@
+import { View, ScrollView, Image, Input, Button } from '@tarojs/components'
+import { useCallback, useEffect, useMemo, useRef, useState, memo } from 'react'
+import styles from "./index.module.scss"
+import classnames from "classnames";
+import Taro from '@tarojs/taro'
+
+type prosObj = {
+    isDisabled: boolean,
+    handSure?: () => void,
+    clientId?: Number,
+    clientName?: string
+}
+
+export default memo((props: prosObj) => {
+    const {
+        isDisabled = true,
+        handSure,
+        clientName = ''
+    } = props
+    const navTo = () => {
+        Taro.navigateTo({
+            url: '/pages/customerPage/index?clientId=' + props?.clientId
+        })
+    }
+
+
+    return (
+        <View className={styles.bottomBox}>
+            <View className={styles.leftBottom} onClick={() => { navTo() }}>
+                <View className={styles.nowFont}>当前客户：</View>
+                <View className={styles.selctFont}>{clientName === '' ? '请选择客户 >' : clientName}</View>
+            </View>
+            <Button className={classnames(isDisabled ? styles.activeButton : styles.button)} disabled={isDisabled} onClick={() => { handSure?.() }}> 加入购物车</Button >
+        </View >
+    )
+})