移动端页面重绘

jialh

2024-12-11 cb5ecb1d5e80fe0b510e5dc229c02bd25a89153b

 pages/user/user.vue

@@ -1,7 +1,7 @@
<template>
   <view class="container">
      <view class="user-section">
         <image class="bg" src="/static/user-bg.jpg"></image>
         <!-- <image class="bg" src="/static/index/beijing.png"></image> -->
         <view class="user-info-box">
            <view class="portrait-box">
               <image class="portrait" src="/static/rrlogo.png"></image>
@@ -89,7 +89,7 @@
               // 跳转到登录页面或其他页面
               setTimeout(() => {
                  uni.reLaunch({
                     url: '/pages/public/login'
                     url: '/pages/public/quick'
                  });
               }, 500);
            } else {
@@ -126,8 +126,11 @@
   height: 320upx;
   padding: 100upx 30upx 0;
   position: relative;
   background: url('/static/index/beijing.png') center no-repeat;
   background-size: cover;
   /* 背景图片覆盖整个区域 */

   .bg {
   /* .bg {
      position: absolute;
      left: 0;
      top: 0;
@@ -135,7 +138,7 @@
      height: 100%;
      filter: blur(1px);
      opacity: .7;
   }
   } */
}

.user-info-box {
@@ -163,7 +166,7 @@
   display: flex;
   flex-direction: column;
   color: #36343c;
   background: #f7d680;
   background: #b6ceff;
   border-radius: 16upx;
   overflow: hidden;
   position: relative;
@@ -222,7 +225,7 @@

   .logout-button {
      width: 100%;
      background-color: #fa436a;
      background-color: #3D9AFF;
      color: white;
      font-size: $font-base + 2upx;
      border: none;