合伙人页面

App.vue

@@ -1,178 +1,179 @@
 <script>
-	export default {
-		globalData: {
-			// 胶囊距上距离
-			menuTop: 0,
-			// 导航栏高度
-			navBarHeight: 0,
-			// 胶囊距右方间距（方保持左、右间距一致）
-			menuRight: 0,
-			// 胶囊距底部间距（保持底部间距一致）
-			menuBotton: 0,
-			// 胶囊高度（自定义内容可与胶囊高度保证一致）
-			menuHeight: 0,
-			// 状态栏高度
-			statusBarHeight: 0,
-			// 安全距离
-			safeAreaHeight: 0,
-			// 胶囊宽度
-			menuWidth: 0,
-			// 窗口宽度
-			windowWidth: 0,
-			// 窗口宽度高度
-			windowHeight: 0,
-			// 常规子页面可操作区域高度
-			pageContentHeight: 0,
-
-		},
-		onLaunch(options) {
-			const that = this;
-			// 获取系统信息
-			const systemInfo = uni.getSystemInfoSync();
-			// 胶囊按钮位置信息
-			const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
-			console.log(menuButtonInfo);
-			// 导航栏高度 = 状态栏到胶囊的间距（胶囊距上距离-状态栏高度） * 2 + 胶囊高度 + 状态栏高度
-			that.globalData.menuTop = menuButtonInfo.top - systemInfo.statusBarHeight;
-			that.globalData.menuBotton = menuButtonInfo.top - systemInfo.statusBarHeight;
-			that.globalData.menuWidth = menuButtonInfo.width;
-			that.globalData.navBarHeight = (menuButtonInfo.top - systemInfo.statusBarHeight) * 2 + menuButtonInfo.height +
-				systemInfo.statusBarHeight;
-			that.globalData.menuRight = systemInfo.screenWidth - menuButtonInfo.right;
-			that.globalData.menuHeight = menuButtonInfo.height;
-			that.globalData.statusBarHeight = systemInfo.statusBarHeight;
-			that.globalData.safeAreaHeight = systemInfo.safeAreaInsets.bottom;
-			that.globalData.windowWidth = systemInfo.windowWidth;
-			that.globalData.windowHeight = systemInfo.windowHeight;
-			that.globalData.pageContentHeight = systemInfo.windowHeight - (that.globalData.navBarHeight + that.globalData
-				.menuTop + that.globalData.menuBotton);
-
-			console.log(that.globalData);
-			this.slientLogin()
-		},
-		methods: {
-			slientLogin() {
-				uni.login({
-					success(res) {
-						uni.$u.http.post('/user/wxLogin', {
-							code: res.code
-						}).then((response) => {
-							if (response.code == 200) {
-								uni.setStorageSync('token', response.data.token)
-							}
-						})
-					},
-					fail: (err) => {
-						console.log(err, 'wx.login登录失败')
-					}
-
-				})
-			}
-		}
-	};
+export default {
+    globalData: {
+        // 胶囊距上距离
+        menuTop: 0,
+        // 导航栏高度
+        navBarHeight: 0,
+        // 胶囊距右方间距（方保持左、右间距一致）
+        menuRight: 0,
+        // 胶囊距底部间距（保持底部间距一致）
+        menuBotton: 0,
+        // 胶囊高度（自定义内容可与胶囊高度保证一致）
+        menuHeight: 0,
+        // 状态栏高度
+        statusBarHeight: 0,
+        // 安全距离
+        safeAreaHeight: 0,
+        // 胶囊宽度
+        menuWidth: 0,
+        // 窗口宽度
+        windowWidth: 0,
+        // 窗口宽度高度
+        windowHeight: 0,
+        // 常规子页面可操作区域高度
+        pageContentHeight: 0,
+    },
+    onLaunch(options) {
+        const that = this;
+        // 获取系统信息
+        const systemInfo = uni.getSystemInfoSync();
+        // 胶囊按钮位置信息
+        const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
+        console.log(menuButtonInfo);
+        // 导航栏高度 = 状态栏到胶囊的间距（胶囊距上距离-状态栏高度） * 2 + 胶囊高度 + 状态栏高度
+        that.globalData.menuTop = menuButtonInfo.top - systemInfo.statusBarHeight;
+        that.globalData.menuBotton = menuButtonInfo.top - systemInfo.statusBarHeight;
+        that.globalData.menuWidth = menuButtonInfo.width;
+        that.globalData.navBarHeight =
+            (menuButtonInfo.top - systemInfo.statusBarHeight) * 2 + menuButtonInfo.height + systemInfo.statusBarHeight;
+        that.globalData.menuRight = systemInfo.screenWidth - menuButtonInfo.right;
+        that.globalData.menuHeight = menuButtonInfo.height;
+        that.globalData.statusBarHeight = systemInfo.statusBarHeight;
+        that.globalData.safeAreaHeight = systemInfo.safeAreaInsets.bottom;
+        that.globalData.windowWidth = systemInfo.windowWidth;
+        that.globalData.windowHeight = systemInfo.windowHeight;
+        that.globalData.pageContentHeight =
+            systemInfo.windowHeight -
+            (that.globalData.navBarHeight + that.globalData.menuTop + that.globalData.menuBotton);
+
+        const inviteCode = options.inviteCode || "";
+        this.slientLogin(inviteCode);
+    },
+    methods: {
+        slientLogin(inviteCode) {
+            uni.login({
+                success(res) {
+                    uni.$u.http
+                        .post("/user/wxLogin", {
+                            code: res.code,
+                            inviteCode,
+                        })
+                        .then((response) => {
+                            if (response.code == 200) {
+                                uni.setStorageSync("token", response.data.token);
+                            }
+                        });
+                },
+                fail: (err) => {
+                    console.log(err, "wx.login登录失败");
+                },
+            });
+        },
+    },
+};
 </script>
 
 <style lang="scss">
-	// ===
-	// === 注意：此处导入的css，会作用于全部.vue文件，请适量导入
-	// ===
-	body {
-		font-family: PingFang-SC-Regular, PingFang-SC;
-	}
-
-	page {
-		background-color: $app-theme-bg-gray-deep-color
-	}
-
-	@import 'uview-ui/index.scss';
-	@import './static/css/common.scss';
-
-	/* 解决小程序和app滚动条的问题 */
-	/* #ifdef MP-WEIXIN || APP-PLUS */
-	::-webkit-scrollbar {
-		display: none;
-		width: 0 !important;
-		height: 0 !important;
-		-webkit-appearance: none;
-		background: transparent;
-		color: transparent;
-	}
-
-	/* #endif */
-
-	/* 解决H5 的问题 */
-	/* #ifdef H5 */
-	uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
-		/* 隐藏滚动条，但依旧具备可以滚动的功能 */
-		display: none;
-		width: 0 !important;
-		height: 0 !important;
-		-webkit-appearance: none;
-		background: transparent;
-		color: transparent;
-	}
-
-	/* #endif */
-
-	.shu-elip-1 {
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.shu-elip-2 {
-		display: -webkit-box;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		word-wrap: break-word;
-		white-space: normal !important;
-		-webkit-line-clamp: 2;
-		-webkit-box-orient: vertical;
-	}
-
-	// 导出 scss 变量用于在 script 下使用
-	.price_color {
-		color: $app-theme-text-money-color;
-	}
-
-	.color_blue {
-		color: $app-theme-blue;
-	}
-
-	.btnGroup {
-		display: flex;
-		align-items: center;
-
-		.btn {
-			margin: 0 10rpx;
-		}
-	}
-
-
-	.mallbtn {
-		min-width: 200rpx;
-		line-height: 66rpx;
-		padding: 0 20rpx;
-		border-radius: 36rpx;
-		color: #ffffff;
-		margin-right: 20rpx;
-		text-align: center;
-		flex: 1;
-		padding: 0 30rpx;
-	}
-
-	.soldOutBtn {
-		@extend .mallbtn;
-		background-color: $app-theme-nobuy-bg-color;
-	}
-
-	.joinCartBtn {
-		@extend .mallbtn;
-		background-color: $app-theme-joincart-bg-color;
-	}
-
-	.buyBtn {
-		@extend .mallbtn;
-		background-color: $app-theme-buybtn-bg-color;
-	}
-</style>
+// ===
+// === 注意：此处导入的css，会作用于全部.vue文件，请适量导入
+// ===
+body {
+    font-family: PingFang-SC-Regular, PingFang-SC;
+}
+
+page {
+    background-color: $app-theme-bg-gray-deep-color;
+}
+
+@import "uview-ui/index.scss";
+@import "./static/css/common.scss";
+
+/* 解决小程序和app滚动条的问题 */
+/* #ifdef MP-WEIXIN || APP-PLUS */
+::-webkit-scrollbar {
+    display: none;
+    width: 0 !important;
+    height: 0 !important;
+    -webkit-appearance: none;
+    background: transparent;
+    color: transparent;
+}
+
+/* #endif */
+
+/* 解决H5 的问题 */
+/* #ifdef H5 */
+uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
+    /* 隐藏滚动条，但依旧具备可以滚动的功能 */
+    display: none;
+    width: 0 !important;
+    height: 0 !important;
+    -webkit-appearance: none;
+    background: transparent;
+    color: transparent;
+}
+
+/* #endif */
+
+.shu-elip-1 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.shu-elip-2 {
+    display: -webkit-box;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-wrap: break-word;
+    white-space: normal !important;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+// 导出 scss 变量用于在 script 下使用
+.price_color {
+    color: $app-theme-text-money-color;
+}
+
+.color_blue {
+    color: $app-theme-blue;
+}
+
+.btnGroup {
+    display: flex;
+    align-items: center;
+
+    .btn {
+        margin: 0 10rpx;
+    }
+}
+
+.mallbtn {
+    min-width: 200rpx;
+    line-height: 66rpx;
+    padding: 0 20rpx;
+    border-radius: 36rpx;
+    color: #ffffff;
+    margin-right: 20rpx;
+    text-align: center;
+    flex: 1;
+    padding: 0 30rpx;
+}
+
+.soldOutBtn {
+    @extend .mallbtn;
+    background-color: $app-theme-nobuy-bg-color;
+}
+
+.joinCartBtn {
+    @extend .mallbtn;
+    background-color: $app-theme-joincart-bg-color;
+}
+
+.buyBtn {
+    @extend .mallbtn;
+    background-color: $app-theme-buybtn-bg-color;
+}
+</style>

pages-mine/pages/partner/partner-home.vue

@@ -60,19 +60,20 @@
             </view>
 
             <!-- 生成海报按钮 -->
-            <button class="generate-poster" @click="generatePoster">生成专属二维码海报</button>
+            <button class="generate-poster" @click="generatePoster" :loading="loading">生成专属二维码海报</button>
+
+            <!-- 添加canvas元素 -->
+            <canvas
+                canvas-id="posterCanvas"
+                style="width: 750px; height: 1334px; position: fixed; left: -9999px"
+            ></canvas>
 
             <!-- 添加海报弹窗 -->
-            <u-popup
-                v-model="showPoster"
-                mode="center"
-                border-radius="16"
-                :custom-style="posterStyle"
-            >
+            <u-popup v-model="showPoster" mode="center" border-radius="16" :custom-style="posterStyle">
                 <view class="poster-container">
                     <image
                         class="poster-image"
-                        src="/pages-mine/static/poster.png"
+                        :src="posterInfo.tempFilePath || posterInfo.background"
                         mode="aspectFit"
                         @longpress="saveImage"
                     ></image>
@@ -97,8 +98,10 @@ export default {
             },
             showPoster: false,
             posterStyle: {
-                backgroundColor: 'transparent',
+                backgroundColor: "transparent",
             },
+            posterInfo: {},
+            loading: false,
         };
     },
     onLoad() {
@@ -112,8 +115,141 @@ export default {
                 }
             });
         },
+        //生成海报
         generatePoster() {
-            this.showPoster = true;
+            this.loading = true;
+            this.getPosterInfo().then((data) => {
+                console.log('海报数据:', data);
+                // 下载背景图片
+                uni.downloadFile({
+                    url: data.background,
+                    success: (downloadRes) => {
+                        const ctx = uni.createCanvasContext("posterCanvas");
+                        const dpr = uni.getSystemInfoSync().pixelRatio || 1;
+                        
+                        // 设置canvas尺寸为原图3倍，提高清晰度
+                        const canvasWidth = 750;
+                        const canvasHeight = 1334;
+                        
+                        // 绘制背景图
+                        ctx.drawImage(downloadRes.tempFilePath, 0, 0, canvasWidth, canvasHeight);
+                        
+                        // 下载并绘制二维码
+                        uni.downloadFile({
+                            url: data.inviteUrl,
+                            success: (qrRes) => {
+                                // 根据比例调整坐标
+                                const scale = canvasWidth / 250;
+                                const adjustX = (x) => x * scale;
+                                const adjustY = (y) => y * scale;
+                                const adjustSize = (size) => size * scale;
+
+                                // 绘制微信头像
+                                ctx.save();
+                                ctx.beginPath();
+                                ctx.arc(
+                                    adjustX(data.headImgPosX), 
+                                    adjustY(data.headImgPosY), 
+                                    adjustSize(20), 
+                                    0, 
+                                    2 * Math.PI
+                                );
+                                ctx.clip();
+                                ctx.drawImage(
+                                    "/static/img/logo.png", 
+                                    adjustX(data.headImgPosX), 
+                                    adjustY(data.headImgPosY), 
+                                    adjustSize(30), 
+                                    adjustSize(30)
+                                );
+                                ctx.restore();
+
+                                // 绘制微信昵称
+                                ctx.setFontSize(adjustSize(14));
+                                ctx.setFillStyle("#333333");
+                                ctx.fillText("合伙人", adjustX(data.nickNamePosX), adjustY(data.nickNamePosY));
+
+                                // 绘制二维码
+                                ctx.save(); // Save the current canvas state
+                                ctx.beginPath();
+                                // Create a circular clipping path for QR code
+                                ctx.arc(
+                                    adjustX(data.qrCodePosX + data.qrCodeWidth/2), 
+                                    adjustY(data.qrCodePosY + data.qrCodeHeight/2), 
+                                    adjustSize(data.qrCodeWidth/2), 
+                                    0, 
+                                    2 * Math.PI
+                                );
+                                ctx.clip(); // Apply the clipping path
+                                ctx.drawImage(
+                                    qrRes.tempFilePath, 
+                                    adjustX(data.qrCodePosX), 
+                                    adjustY(data.qrCodePosY), 
+                                    adjustSize(data.qrCodeWidth), 
+                                    adjustSize(data.qrCodeHeight)
+                                );
+                                ctx.restore(); // Restore the canvas state
+
+                                // 执行绘制
+                                ctx.draw(false, () => {
+                                    setTimeout(() => {
+                                        // 将画布内容保存为图片
+                                        uni.canvasToTempFilePath({
+                                            canvasId: "posterCanvas",
+                                            width: canvasWidth,
+                                            height: canvasHeight,
+                                            destWidth: canvasWidth * dpr,
+                                            destHeight: canvasHeight * dpr,
+                                            quality: 1,
+                                            success: (res) => {
+                                                this.loading = false;
+                                                this.showPoster = true;
+                                                this.posterInfo.tempFilePath = res.tempFilePath;
+                                            },
+                                            fail: (err) => {
+                                                console.error('生成图片失败:', err);
+                                                uni.showToast({
+                                                    title: "海报生成失败",
+                                                    icon: "none",
+                                                });
+                                                this.loading = false;
+                                            },
+                                        });
+                                    }, 100);
+                                });
+                            },
+                            fail: (err) => {
+                                this.loading = false;
+                                console.error('二维码下载失败:', err);
+                                uni.showToast({
+                                    title: "二维码加载失败",
+                                    icon: "none",
+                                });
+                            }
+                        });
+                    },
+                    fail: (err) => {
+                        console.error('背景图下载失败:', err);
+                        uni.showToast({
+                            title: "背景图加载失败",
+                            icon: "none",
+                        });
+                    }
+                });
+            });
+        },
+        //获取海报信息
+        getPosterInfo() {
+            return new Promise((resolve, reject) => {
+                uni.$u.get("/token/getUserPartnerPic").then((res) => {
+                    if (res.code == 200) {
+                        this.posterInfo = res.data;
+                        resolve(res.data);
+                    } else {
+                        reject(res.msg);
+                    }
+                });
+            });
         },
         saveImage() {
             uni.getSetting({
@@ -139,7 +275,7 @@ export default {
         },
         saveImageToAlbum() {
             uni.saveImageToPhotosAlbum({
-                filePath: "/pages-mine/static/poster.png",
+                filePath: this.posterInfo.tempFilePath,
                 success: () => {
                     uni.showToast({
                         title: "保存成功",
@@ -157,9 +293,7 @@ export default {
     },
 };
 </script>
-<style>
-
-</style>
+<style></style>
 <style lang="scss" scoped>
 .partner-home {
     min-height: 100vh;
@@ -309,8 +443,8 @@ export default {
         align-items: center;
 
         .poster-image {
-            width: 490rpx;
-            height: 872rpx;
+            width: 250px;
+            height: 445px;
         }
 
         .poster-tip {
@@ -319,13 +453,13 @@ export default {
             text-align: center;
             background-color: #333;
             text-justify: space-between;
-            width: 490rpx;
+            width: 250px;
             line-height: 54rpx;
             position: relative;
             top: -2rpx;
         }
     }
-    ::v-deep .u-mode-center-box { 
+    ::v-deep .u-mode-center-box {
         background-color: transparent !important;
     }
 }

pages-mine/pages/partner/partner-rule.vue

@@ -7,20 +7,31 @@
             back-icon-color="#ffffff"
             title-color="#ffffff"
             :background="{ background: '#38C148' }"
+            :border-bottom="false"
         >
         </u-navbar>
 
         <!-- 内容区域 -->
         <view class="content-wrap">
-            <u-parse :content="content"></u-parse>
+            <!-- <view v-html="content"></view> -->
+            <rich-text :nodes="content"></rich-text>
+            <!-- <u-parse :html="content" @imgtap="handleImageTap" :tag-style="tagStyle"></u-parse> -->
         </view>
 
         <!-- 底部按钮 -->
-        <view class="bottom-btn-wrap" @click="applyPartner" v-if="baseInfo.status !== 1">
+        <view class="bottom-btn-wrap">
             <image
+                v-if="baseInfo.partner_status == -1"
                 src="/pages-mine/static/partner-rule.png"
                 mode="aspectFit"
                 style="width: 100%; height: 120rpx"
+                @click="applyPartner"
+            ></image>
+            <image
+                v-else
+                src="/pages-mine/static/partner-rule-disabled.png"
+                mode="aspectFit"
+                style="width: 100%; height: 120rpx"
             ></image>
         </view>
     </view>
@@ -32,10 +43,16 @@ export default {
         return {
             content: "", // 富文本内容
             baseInfo: "",
+            tagStyle: {
+                img: "width: 100%; height: auto;",
+                p: "margin: 0; padding: 0; display: block;",
+                ".interlayer": "display: grid",
+            },
         };
     },
     onLoad() {
         this.getPartnerInfo();
+        this.getPartnerRule();
     },
     methods: {
         async getPartnerInfo() {
@@ -43,41 +60,78 @@ export default {
                 const res = await uni.$u.http.get("/token/getUserPartnerInfo");
                 if (res.code === 200) {
                     this.baseInfo = res.data;
-                    this.content = res.data.content;
                 }
             } catch (e) {
                 console.error(e);
             }
         },
+        //获取合伙人规则
+        async getPartnerRule() {
+            try {
+                const res = await uni.$u.http.get("/token/getUserPartnerRule");
+                if (res.code === 200) {
+                    this.content = res.data.content.replace(
+                        /<img/g,
+                        '<img style="width: 100%; height: auto;display: block;vertical-align: top"'
+                    );
+                }
+            } catch (e) {
+                console.error(e);
+            }
+        },
+
         //跳转至合伙人申请页面
         applyPartner() {
             uni.navigateTo({
                 url: "/pages-mine/pages/partner/partner-apply",
             });
         },
+        //图片点击事件
+        handleImageTap(e) {
+            return e.ignore();
+        },
     },
 };
 </script>
-
+<style>
+/* 设置富文本中段落的样式 */
+rich-text img {
+    width: 100% !important;
+    height: auto !important;
+}
+</style>
 <style lang="scss" scoped>
 .partner-container {
     min-height: 100vh;
     background-color: #ffffff;
+}
 
-    .content-wrap {
-        padding: 20rpx;
-        margin-bottom: 120rpx;
-    }
+/* 富文本内容样式 */
+.content-wrap {
+    font-size: 0; /* 消除图片间的空白间隙 */
+}
 
-    // .bottom-btn-wrap {
-    //     position: fixed;
-    //     bottom: 0;
-    //     left: 0;
-    //     right: 0;
-    //     background-color: #ffffff;
-    //     display: flex;
-    //     justify-content: center;
-    //     box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
-    // }
+.content-wrap rich-text {
+    font-size: 28rpx; /* 恢复文字的正常大小 */
 }
+
+rich-text img {
+    width: 100% !important;
+    height: auto !important;
+    display: block; /* 防止图片之间的间隙 */
+    margin: 0; /* 移除可能的外边距 */
+    padding: 0; /* 移除可能的内边距 */
+    vertical-align: top; /* 防止图片底部的间隙 */
+}
+
+// .bottom-btn-wrap {
+//     position: fixed;
+//     bottom: 0;
+//     left: 0;
+//     right: 0;
+//     background-color: #ffffff;
+//     display: flex;
+//     justify-content: center;
+//     box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
+// }
 </style>

pages-mine/pages/partner/partner.vue

@@ -0,0 +1,35 @@
+<style lang="scss" scoped>
+.partner-container {
+	min-height: 100vh;
+	background-color: #ffffff;
+	
+	.content-wrap {
+		padding: 20rpx;
+		margin-bottom: 120rpx;
+
+		:deep(img) {
+			display: block;
+			width: 100% !important;
+			margin: 0 !important;
+			vertical-align: top;
+		}
+
+		:deep(.rich-text-content) {
+			font-size: 0;
+			line-height: 0;
+		}
+	}
+	
+	.bottom-btn-wrap {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		background-color: #ffffff;
+		padding: 20rpx;
+		display: flex;
+		justify-content: center;
+		box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
+	}
+}
+</style> 

pages-mine/pages/setting.vue

@@ -15,8 +15,9 @@
                 <!-- 头像 -->
                 <u-form-item label="头像">
                     <view class="value avatarbox">
-                        <button open-type="chooseAvatar" class="avatarBtn" @chooseavatar="onChooseavatar">
-                            <u-avatar style="height: 72rpx;" size="72" :src="userInfo.imgPath"></u-avatar>
+                        <button style="flex: none;" open-type="chooseAvatar" class="avatarBtn"
+                            @chooseavatar="onChooseavatar">
+                            <u-avatar shape="circle" style="height: 72rpx;" size="72" :src="userInfo.imgPath"></u-avatar>
                         </button>
                     </view>
                 </u-form-item>
@@ -31,8 +32,7 @@
 
                 <!-- 手机号 -->
                 <u-form-item label="手机号">
-                    <view class="value">
-                        <!-- 未绑定手机号，显示获取手机号按钮 -->
+                    <view class="value phone-value">
                         <button class="get-phone-btn" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
                             <text class="common-text-2" v-if="userInfo.mobile">{{ userInfo.mobile }}</text>
                             <text class="common-text" v-else>未绑定</text>
@@ -256,23 +256,30 @@ export default {
                 }
             }
 
-            .phone-box {
-                display: flex;
-                align-items: center;
+            &.avatarbox {
+                justify-content: flex-end;
+                width: 100%;
             }
 
-            .get-phone-btn {
-                background: none;
-                border: none;
-                padding: 0;
-                margin: 0;
-                display: flex;
-                align-items: center;
-                font-size: 28rpx;
+            &.phone-value {
+                justify-content: flex-end;
+                width: 100%;
+            }
+        }
 
-                &::after {
-                    border: none;
-                }
+        .get-phone-btn {
+            background: none;
+            border: none;
+            padding: 0;
+            margin: 0;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            font-size: 28rpx;
+            width: 100%;
+
+            &::after {
+                border: none;
             }
         }
     }
@@ -280,13 +287,23 @@ export default {
     .avatarBtn {
         border: none;
         background-color: transparent;
-        display: inline-flex;
+        display: flex;
         align-items: center;
+        justify-content: center;
         padding: 0;
         margin: 0;
-        width: 75rpx;
-        height: 75rpx;
-        border-radius: 50%;
+        width: 72rpx;
+        height: 72rpx;
+
+        &::after {
+            border: none;
+        }
+
+        :deep(.u-avatar) {
+            width: 72rpx !important;
+            height: 72rpx !important;
+            border-radius: 50% !important;
+        }
     }
 }
 </style>

pages/mine/index.vue

@@ -184,6 +184,7 @@ export default {
                 console.log(res);
                 if (res.code == 200) {
                     this.userInfo = res.data;
+                    uni.setStorageSync("userInfo", this.userInfo);
 
                     this.orderTypes.forEach((item) => {
                         item.badge = this.userInfo[item.key];