Browse Source

5.29页面优化

jiayubo 2 days ago
parent
commit
8e4df6e55a

+ 1 - 6
api/personaInforMation.js

@@ -5,12 +5,7 @@ export function updateUserInfo(data) {
   return request({
     url: `/system/user/updateUserInfo`,
     method: 'post',
-    headers: {
-      'Content-Type': 'application/x-www-form-urlencoded'
-    },
-    data: Object.keys(data)
-      .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(data[key])}`)
-      .join('&')
+    params: data
   })
 }
 

+ 84 - 22
components/Client/new_file.vue

@@ -2,7 +2,16 @@
   <view>
     <template>
       <view class="Wrapper-grid">
-        <view class="serve-title client-title" v-if="userType == 2"></view>
+        <view class="serve-title-Box" v-if="userType == 2">
+          <view class="serve-content">
+            <image src="/static/container.png" class="serve-content-img" mode="aspectFill"></image>
+            <text class="serve-content-text">注册专区</text>
+          </view>
+          <view class="serve-content-box2">
+            <text class="serve-content-text">认证资质专区</text>
+          </view>
+        </view>
+
         <up-grid :border="false" col="3">
           <up-grid-item v-for="(item, index) in serveiceList" :key="index" @click="handleGridClick(item)">
             <view class="grid-box">
@@ -20,7 +29,7 @@
 
         <view class="paiBanSty" v-if="userType == 2">
           <!-- 背景图片 -->
-          <image src="/static/img/14147@2x.png" class="background-image" mode="aspectFill" />
+          <!-- <image src="/static/img/14147@2x.png" class="background-image" mode="aspectFill" /> -->
 
           <!-- 左侧轮播图 -->
           <swiper class="zhiYuanZheSwiper" vertical circular autoplay :interval="4000" :duration="800"
@@ -250,6 +259,53 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
+.serve-title-Box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10rpx;
+  margin-top: 24rpx;
+
+  .serve-content {
+    display: flex;
+    align-items: center;
+
+    .serve-content-img {
+      width: 36rpx;
+      height: 36rpx;
+      margin-left: 34rpx;
+    }
+
+    .serve-content-text {
+      width: 136rpx;
+      height: 40rpx;
+      font-family: PingFang SC;
+      font-size: 34rpx;
+      font-weight: 500;
+      line-height: 40rpx;
+      letter-spacing: normal;
+      color: rgba(0, 0, 0, 0.8);
+      margin-left: 10rpx;
+    }
+  }
+
+  .serve-content-box2 {
+    .serve-content-text {
+      width: 144rpx;
+      height: 42rpx;
+      font-family: Yuppy SC;
+      font-size: 24rpx;
+      font-weight: 500;
+      line-height: 42rpx;
+      text-align: right;
+      letter-spacing: normal;
+      color: #E58182;
+      margin-right: 40rpx;
+    }
+  }
+}
+
+
 .grid-box {
   width: 226rpx;
   height: 116rpx;
@@ -307,22 +363,25 @@ onMounted(() => {
 }
 
 .paiBanSty {
-  position: relative;
+  // position: relative;
   margin-top: 30rpx;
   display: flex;
   flex-direction: row;
   background: #FFFFFF;
+  background-image: url('/static/img/14147@2x.png');
+  background-size: cover;
+  // background-position: center;
   border-radius: 20rpx;
   box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.04);
   overflow: hidden;
-  height: 300rpx;
+  height: 330rpx;
 
   .background-image {
-    position: absolute;
+    // position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
-    z-index: 0;
+    // z-index: 0;
   }
 
   .zhiYuanZheSwiper {
@@ -331,8 +390,8 @@ onMounted(() => {
     border-radius: 38rpx;
     overflow: hidden;
     margin: 30rpx;
-    z-index: 1;
-    position: relative;
+    // z-index: 1;
+    // position: relative;
   }
 
   .swiper-item-container {
@@ -360,9 +419,9 @@ onMounted(() => {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
-    padding: 30rpx;
-    z-index: 1;
-    position: relative;
+    // padding: 30rpx;
+    // z-index: 1;
+    // position: relative;
   }
 
   .title-button-row {
@@ -384,12 +443,13 @@ onMounted(() => {
     letter-spacing: normal;
     color: rgba(0, 0, 0, 0.8);
     width: 136rpx;
-    height: 40rpx;
-
+    height: 25rpx;
+    margin-top: 95rpx;
+    margin-left: 33rpx;
 
-    position: relative;
-    left: -2rpx;
-    top: 17rpx;
+    // position: relative;
+    // left: -2rpx;
+    // top: 17rpx;
   }
 
   .paiBanDesc {
@@ -398,9 +458,9 @@ onMounted(() => {
     font-weight: normal;
     line-height: 40rpx;
     color: rgba(0, 0, 0, 0.5);
-    margin-top: 8rpx;
-    left: -2rpx;
-    position: relative;
+    margin-top: 12rpx;
+    margin-left: 33rpx;
+    // position: relative;
   }
 
   .paiBanBtn {
@@ -418,9 +478,11 @@ onMounted(() => {
     color: #FFFFFF;
     border: none;
     padding: 0;
-    position: relative;
-    top: -20rpx;
-    left: 4rpx;
+    margin-top: 55rpx;
+    margin-left: 53rpx;
+    // position: relative;
+    // top: -20rpx;
+    // left: 4rpx;
   }
 }
 

+ 14 - 5
pages_home/components/volunteerData/adresss.vue

@@ -51,16 +51,25 @@
 </template>
 
 <script setup>
-import { ref ,onMounted} from 'vue'
-	import {
-		onShow
-	} from "@dcloudio/uni-app";
-import { addressList,addressAddressIds } from '@/api/userSettings.js'
+import { ref, onMounted } from 'vue'
+import {
+  onShow,
+  onBackPress
+} from "@dcloudio/uni-app";
+import { addressList, addressAddressIds } from '@/api/userSettings.js'
 
 const radioValue = ref(null)
 const dataList = ref([])
 const total = ref(0)
 
+// 处理系统返回按钮事件,直接返回到商品详情页
+onBackPress(() => {
+  uni.navigateTo({
+    url: '/pages_home/pages/Volunteerside/goodsDetails'
+  })
+  return true // 返回true表示自己处理返回逻辑
+})
+
 const handlHeader = () => {
   uni.navigateTo({
     url: `/pages_home/pages/setupUser/Address`,

+ 1 - 1
pages_home/pages/Volunteerside/goodsDetails.vue

@@ -136,7 +136,7 @@
               :longPress="false"
               @change="valChange"
             ></up-number-box>
-            <view class="service-values">{{ listData.minQuantity + listData.businessUnit }}</view>
+            <view class="service-values">{{ listData.businessUnit }}</view>
           </view>
          
             

+ 1 - 1
pages_mine/pages/setupUser/personalInfo.vue

@@ -83,7 +83,7 @@ onMounted(async () => {
     if (res && res.code === 200 && res.data) {
       modelForm.value = {
         nickName: res.data.nickName || '',
-        sex: res.data.sex !== undefined ? res.data.sex : '',
+        sex: res.data.sex !== undefined ? Number(res.data.sex) : '',
         age: res.data.age || '',
         phonenumber: res.data.phonenumber || ''
       }

static/img/容器@1x (4).png → static/container.png