前端

jiangping

2025-07-17 6b96f204e4083d32996c2943a25e36c15d668bd1

 small-program/pages/set-up/set-up.vue

@@ -11,7 +11,7 @@
         <view class="setup-list-item">
            <view class="label">昵称</view>
            <view class="val">
               <input type="text"  v-model='nickname' placeholder="请输入" />
               <input type="text"  v-model='nickName' placeholder="请输入" />
            </view>
         </view>
         <view class="setup-list-item">
@@ -21,7 +21,7 @@
            </view>
         </view>
      </view>
      <view class="setup-sub">退出登录</view>
      <view class="setup-sub" @click="updateMemberInfo">保存</view>
   </view>
</template>

@@ -35,13 +35,14 @@
         return {
            name:null,
            coverImage:null,
            nickname:null,
            nickName:null,
            fullCoverImage:null
         };
      },
      onShow(options){ 
         console.log(this.userInfo)
         this.coverImage = this.userInfo.coverImage
         this.nickname = this.userInfo.nickname
         this.nickName = this.userInfo.nickName
         this.fullCoverImage = this.userInfo.fullCoverImage
         this.name = this.userInfo.name
      },
@@ -61,9 +62,12 @@
           var that = this
           console.log(fileUrl, 'fileUrl')
           uni.uploadFile({
              url: `web/public/upload?folder=member` ,
               url: this.$baseUrl + 'web/public/upload',
              filePath: fileUrl,
              name: 'file', 
               formData: {
                  'folder': 'member'
               },
              success:(data)=>{
                const res = JSON.parse(data.data)
                that.coverImage = res.data.imgaddr
@@ -80,12 +84,26 @@
           }) 
         },
         updateMemberInfo() {
           if((!this.name ||this.name.trim() =='' )
              &&(!this.nickName ||this.nickName.trim() =='')
              &&(!this.coverImage ||this.coverImage.trim() =='')){
              uni.showToast({
                  title: '对不起，请按要求填写信息！',
                  icon: "none",
                  duration: 2000
              });
              return
           }
           var that = this
           this.$u.api.editMemberInfo({
                     name:that.name,
                     coverImage:that.nickname,
               nickName:that.nickName,
                     coverImage:that.coverImage,
            }).then(res =>{
                that.userInfo.name = this.name
                that.userInfo.nickName = this.nickName
                that.userInfo.coverImage = this.coverImage
                that.userInfo.fullCoverImage = this.fullCoverImage
             uni.showToast({
               title: '更新成功',
               icon: "none",
@@ -194,7 +212,8 @@
         border-radius: 44rpx;
         font-weight: 500;
         font-size: 32rpx;
         color: #5BBE38;
         color: white;
         background-color: #15CF52;
         margin-top: 80rpx;
         border: 1rpx solid #15CF52;
      }