1

src/pages/index/components/NeighborhoodSite.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+const handlePhone = () => {
+  uni.makePhoneCall({
+    phoneNumber: '400-123-000', //仅为示例
+  })
+}
+</script>
+<template>
+  <view class="neighborhood-site">
+    <view class="module-title">附近回收站</view>
+    <view class="module-cont">
+      <image class="left" src="https://img.36krcdn.com/20200410/v2_41365a0f26a244fdab8e3f5be081ed2b_img_000" />
+      <view class="md">
+        <view class="name">
+             <span class="zuijin"> 最近 </span>上海市松江区佘山镇
+        </view>
+        <view class="time">营业时间：09-18:00</view>
+        <view class="loction">上海市松江区新松江路92弄开元地中海园区</view>
+      </view>
+      <view class="right">
+          <view class="num">1.03km</view>
+          <image class="img" src="https://img.36krcdn.com/20200410/v2_41365a0f26a244fdab8e3f5be081ed2b_img_000" />
+      </view>
+    </view>
+    <view class="md-tag"><span class="tag-before">回收品类</span>旧衣·纸品·金属·家电·塑料·玻璃</view>
+      <view class="foot-desc">
+        <view class="item">特色服务：上门服务、家电维修</view>
+        <view class="item">优惠活动：预约回收立享双倍积分</view>
+      </view>
+  </view>
+</template>
+
+<style lang="scss">
+@import '../styles/neighborhoodSite.scss';
+</style>

src/pages/index/components/PhoneContact.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+const handlePhone = () => {
+  uni.makePhoneCall({
+    phoneNumber: '400-123-000', //仅为示例
+  })
+}
+</script>
+<template>
+  <view class="phone-contact">
+    <view class="module-title">电话预约回收</view>
+    <view class="module-action" @tap="handlePhone">400-123-000</view>
+  </view>
+</template>
+
+<style lang="scss">
+@import '../styles/phoneContact.scss';
+</style>

src/pages/index/styles/neighborhoodSite.scss

@@ -0,0 +1,82 @@
+.neighborhood-site {
+    padding: 32rpx 20rpx;
+    margin: 16rpx;
+    background-color: #fff;
+    border-radius: 4rpx;
+    .module-title {
+        font-size: 30rpx;
+        color: #0D0D26;
+        padding-bottom: 20rpx;
+        border-bottom: 2rpx solid #F2F2F2;
+    }
+    .module-cont {
+        padding: 20rpx 0;
+        display: flex;
+        flex-direction: row;
+        .left {
+            width: 140rpx;
+            height: 140rpx;
+            border-radius: 12rpx;
+        }
+        .md {
+            flex: 1;
+            margin: 0 10rpx;
+            font-size: 24rpx;
+            color: #0D0D26;
+            .name {
+                font-size: 30rpx;
+                .zuijin {
+                    font-size: 24rpx;
+                    color: #FF7D00;
+                    background: #FFF7E8;
+                    padding: 4rpx 4rpx;
+                    margin-right: 6rpx;
+                    border-radius: 4rpx;
+                }
+            }
+            .time {
+                color: #95969D;
+                margin: 8rpx 0;
+            }
+            .loction {
+                color: #0D0D26;
+            }
+        }
+        .right {
+            .num {
+                font-size: 28rpx;
+                color: #95969D
+            }
+            .img {
+                width: 72rpx;
+                height: 72rpx;
+                margin-top: 20rpx;
+                border-radius: 10rpx;
+            }
+        }
+    }
+    .md-tag {
+        background: #E8FFFB;
+        color: #0FC6C2;
+        margin: 10rpx 0;
+        font-weight: 400;
+        font-size: 24rpx;
+        padding: 6rpx 0rpx;
+        .tag-before {
+            background: #0FC6C2;
+            color: #fff;
+            font-size: 24rpx;
+            font-weight: 500;
+            padding: 4rpx 8rpx;
+            border-radius: 4rpx;
+            margin-right: 10rpx;
+        }
+    }
+    .foot-desc {
+        .item {
+            font-size: 24rpx;
+            color: #95969D;
+            margin: 10rpx 0;
+        }
+    }
+}

src/pages/index/styles/phoneContact.scss

@@ -0,0 +1,26 @@
+/* 热门推荐 */
+
+.phone-contact {
+    padding: 32rpx 20rpx;
+    margin: 16rpx;
+    background-color: #fff;
+    border-radius: 4rpx;
+    .module-title {
+        font-size: 30rpx;
+        color: #0D0D26;
+        padding-bottom: 20rpx;
+        border-bottom: 2rpx solid #F2F2F2;
+    }
+    .module-action {
+        width: 486rpx;
+        margin: 40rpx auto 0;
+        border-radius: 50px;
+        background: #5386E4;
+        color: #fff;
+        display: flex;
+        font-size: 32rpx;
+        justify-content: center;
+        align-items: center;
+        padding: 20rpx 100rpx;
+    }
+}

src/pages/login/login.vue

@@ -17,10 +17,16 @@ const onGetphonenumber: UniHelper.ButtonOnGetphonenumber = async (ev) => {
   await checkedAgreePrivacy()
   const { encryptedData, iv } = ev.detail
   if (encryptedData) {
-     const res = await postLoginWxMinAPI({ code, encryptedData, iv })
+    const params = {
+      code,
+      encryptedData,
+      iv,
+      userType: 1, // 1 散户 2 回收员
+    }
+    const res = await postLoginWxMinAPI(params)
     loginSuccess(res.data)
   } else {
-     uni.showToast({ icon: 'none', title: '请授权手机号' })
+    uni.showToast({ icon: 'none', title: '请授权手机号' })
   }
 }