登录

zhangwei

2024-08-15 3fc70951bbd386c8c85e522cae80deba8823052e

 src/pages/mine/mine.vue

@@ -1,13 +1,18 @@
<template>
   <view class="">
      <view class="content chuany-flex chuany-align-end chuany-justify-center">
         <up-avatar src="/static/avatar.jpg" shape="circle" size='80'></up-avatar>
         <button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
            <!-- <image class="avatar" src="{{avatarUrl}}"></image> -->
            <up-avatar :src="avatarUrlImg" shape="circle" size='80'></up-avatar>
         </button>

      </view>
      <fui-list>
         <fui-list-cell arrow>
            <view class="fui-list__item">
               <text>姓名</text>
               <text class="fui-text__explain">李丽</text>
               <text>昵称</text>
               <input type="nickname" class="fui-text__explain weui-input" placeholder="请输入昵称" />

            </view>
         </fui-list-cell>
         <fui-list-cell arrow>
@@ -24,19 +29,36 @@
</template>

<script setup>
   import {ref} from 'vue';
   import {
      ref
   } from 'vue';
   let avatarUrlImg = ref('')
   let number1 = ref(0)
   // let src = "http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg"
   const goApply = ()=>{
   const goApply = () => {
      uni.navigateTo({
         url: '/pages/mine/apply'
      });
   }
   const onChooseAvatar = (e) => {
      const {avatarUrl} = e.detail
      avatarUrlImg.value = avatarUrl
   }
</script>

<style>
   .content {
      height: 300rpx;
      background-color: #d8d8d8;
      background: linear-gradient(to bottom, #B4DEFF, #ffffff);
   }

   .avatar-wrapper {
      border-radius: 50%;
      width: 80px !important;
      height: 80px;
      margin: 0;
      padding: 0;
      background-color: transparent;
   }

   .fui-list__item {
@@ -45,6 +67,7 @@
      display: flex;
      align-items: center;
      justify-content: space-between;

   }

   .fui-text__explain {