Przeglądaj źródła

feat: 添加客服联系功能并更新开发环境配置

- 更新开发环境配置,切换到新的开发服务器地址
- 在个人中心页面添加微信原生客服按钮,替换原有的cell组件
- 在小商品包的个人中心组件中添加相同的客服功能
- 在商品详情页添加客服按钮,使用wd-button组件实现客服功能
- 添加相应的按钮样式配置,确保客服按钮样式符合设计要求
zhangtao 2 dni temu
rodzic
commit
d3ba5ce8c1

+ 2 - 2
src/config/index.ts

@@ -14,8 +14,8 @@ const mapEnvVersion = {
   // develop: 'http://192.168.1.166:8080', // 张
   // develop: 'http://192.168.1.101:8080',
   // develop: 'http://192.168.0.157:8080',
-  // develop: 'http://192.168.1.253:8080',
-  develop: 'http://192.168.1.89:8080', // 田
+  develop: 'http://192.168.1.253:8080',
+  // develop: 'http://192.168.1.89:8080', // 田
   // develop: 'http://47.109.84.152:8081',
   /**
    * 体验版

+ 14 - 2
src/pages/my/index.vue

@@ -98,10 +98,15 @@ const { token, userInfo, getUserAvatar } = storeToRefs(useUserStore())
               <image :src="`${StaticUrl}/4.png`" class="h50rpx w50rpx" />
             </template>
           </wd-cell>
-          <wd-cell title="联系平台客服" custom-title-class="cell-title" clickable is-link>
+          <wd-cell custom-title-class="cell-title" clickable is-link>
             <template #icon>
               <image :src="`${StaticUrl}/5.png`" class="h50rpx w50rpx" />
             </template>
+            <template #title>
+              <button class="button" open-type="contact">
+                联系平台客服
+              </button>
+            </template>
           </wd-cell>
         </wd-cell-group>
       </wd-card>
@@ -129,7 +134,14 @@ const { token, userInfo, getUserAvatar } = storeToRefs(useUserStore())
 .header {
  background: linear-gradient( 113deg, #F7FFDC 0%, #E0FF8E 25%, #F2FFCE 51%, #E3FF98 83%, #F6FFD6 100%);
 }
-
+.button{
+  background-color: unset;
+  font-size: 24rpx;
+  line-height: 45rpx;
+  &::after{
+  border: none ;
+  }
+}
 .page-class {
   :deep() {
     .login-btn {

+ 14 - 1
src/subPack-xsb/commonTab/components/my.vue

@@ -96,10 +96,15 @@ const { token, userInfo, getUserAvatar } = storeToRefs(useUserStore())
               <image :src="`${StaticUrl}/4.png`" class="h50rpx w50rpx" />
             </template>
           </wd-cell>
-          <wd-cell title="联系平台客服" custom-title-class="cell-title" clickable is-link>
+          <wd-cell custom-title-class="cell-title" clickable is-link>
             <template #icon>
               <image :src="`${StaticUrl}/5.png`" class="h50rpx w50rpx" />
             </template>
+            <template #title>
+              <button class="button" open-type="contact">
+                联系平台客服
+              </button>
+            </template>
           </wd-cell>
         </wd-cell-group>
       </wd-card>
@@ -127,4 +132,12 @@ const { token, userInfo, getUserAvatar } = storeToRefs(useUserStore())
 .header {
  background: linear-gradient( 113deg, #F7FFDC 0%, #E0FF8E 25%, #F2FFCE 51%, #E3FF98 83%, #F6FFD6 100%);
 }
+.button{
+  background-color: unset;
+  font-size: 24rpx;
+  line-height: 45rpx;
+  &::after{
+  border: none ;
+  }
+}
 </style>

+ 4 - 5
src/subPack-xsb/goods/index.vue

@@ -100,7 +100,7 @@ async function getGoodsDetaile() {
           </view>
         </template>
       </wd-swiper>
-      <view class="view-0 header relative z-3 rounded-t-32rpx px24rpx pt24rpx -mt30rpx">
+      <view class="header view-0 relative z-3 rounded-t-32rpx px24rpx pt24rpx -mt30rpx">
         <view class="flex items-center justify-between">
           <view class="flex items-end text-#FF4D3A font-semibold">
             <view class="text-24rpx">
@@ -276,10 +276,9 @@ async function getGoodsDetaile() {
             </view>
           </view>
           <view class="mr36rpx">
-            <image
-              :src="`${StaticUrl}/goods-kf.png`"
-              class="h44rpx w44rpx"
-            />
+            <view class="h44rpx w44rpx">
+              <wd-button :icon="`${StaticUrl}/goods-kf.png`" type="icon" open-type="contact" />
+            </view>
             <view class="text-20rpx">
               客服
             </view>