商城测试版v6

2022-07-16 19:28:45 +08:00
parent b9119c9f35
commit d5a5099e25
17 changed files with 396 additions and 8 deletions
@@ -0,0 +1,76 @@
+.bindSalesman_main{
+    width: 100%;
+    height: 100vh;
+    position: fixed;
+    left:0;
+    top:0;
+    .bindSalesman_pop{
+        width: 598px;
+        height: 654px;
+        background: #ffffff;
+        border-radius: 40px; 
+        display: flex;
+        flex-direction: column;
+        position:absolute;
+        margin:auto;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 1999;
+        .bindSalesman_header{
+            height: 300px;
+            width: 100%;
+            image{
+                width: 100%;
+                height: 100%;
+                border-radius: 40px 40px 0 0;
+            }
+        }
+        .bindSalesman_message{
+            color: #707070;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            flex:1;
+            font-size: 26px;
+            padding: 0 30px;
+            text{
+                display: block;
+                &:nth-child(1) {
+                    font-size: 28px;
+                    font-weight: 700;
+                    margin-bottom: 20px;
+                }
+            }
+        }
+        .bindSalesman_operation{
+            display: flex;
+            .btns{
+                flex:1;
+                border-top: 1PX solid #dddddd;
+                height: 128px;
+                text-align: center;
+                line-height: 128px;
+                font-size: 26px;
+                color: #707070;
+                &:nth-child(2) {
+                    border-left: 1PX solid #dddddd;
+                    color: #007AFF;
+                }
+            }
+        }
+    }
+    .bindSalesman_mask{
+        z-index: 99;
+        position: absolute;
+        left:0;
+        top:0;
+        width: 100%;
+        height: 100%;
+        opacity: 0.8;
+        background: #000000;
+    }
+}
@@ -0,0 +1,51 @@
+import { Image, Swiper, SwiperItem, Text, View } from "@tarojs/components"
+import styles  from './index.module.scss'
+import { formatImgUrl } from "@/common/fotmat"
+import Taro from "@tarojs/taro";
+import { goLink } from "@/common/common";
+
+type params = {
+    show?: true|false,
+    onClose?: () => void
+}
+export default ({show, onClose}:params) => {
+    const onCustomer = async () => {
+        let res = await Taro.showModal({
+            title: '是否拨打服务热线',
+            confirmText: '拨打',
+            content: '(0757) 8270 6695',
+            cancelText: '取消',
+        })
+        if(res.confirm) {
+            Taro.makePhoneCall({
+                phoneNumber: '(0757)82706695'
+            })
+        }
+    }
+
+    const onConfirm = () => {
+        onClose?.()
+        // goLink('/')
+    }
+    return (
+        <>
+            {show&&<View className={styles.bindSalesman_main}>
+                <View className={styles.bindSalesman_pop}>
+                    <View className={styles.bindSalesman_header}>
+                        <Image src={formatImgUrl('/mall/invite_code_top.png', '!w400')} mode="aspectFill"/>
+                    </View>
+                    <View className={styles.bindSalesman_message}>
+                        <Text>提示</Text>
+                        <Text>暂未开通下单权限功能，稍后有客服联系您，请注意接收电话。</Text>
+                    </View>
+                    <View className={styles.bindSalesman_operation}>
+                        <View className={styles.btns} onClick={() => onConfirm()}>输入邀请码</View>
+                        <View className={styles.btns} onClick={() => onCustomer()}>联系客服</View>
+                    </View>
+                </View>
+                <View className={styles.bindSalesman_mask} onClick={onClose}></View>
+            </View>}
+        </>
+    )
+   
+}