feat: 代码优化;

pages_order/record/personalSharing.vue

@@ -33,7 +33,20 @@
         <view class="form-item">
           <uv-form-item label="选择头像" prop="imageUrl">
             <view class="form-item-content">
-              <formUpload v-model="form.avatarUrl">
+              <button 
+                class="btn-avatar" 
+                :plain="true" 
+                :hairline="false" 
+                open-type="chooseAvatar"
+                @chooseavatar="onChooseAvatar"
+              >
+                <image 
+                  :src="form.avatarUrl || '../static/auth/avatar.png'"
+                  style="width: 68rpx; height: 68rpx;"
+                  mode=""
+                ></image>
+              </button>
+              <!-- <formUpload v-model="form.avatarUrl">
                 <template v-slot="{ value }">
                   <view class="flex" style="min-width: 116rpx; height: 45rpx;">
                     <image 
@@ -45,7 +58,7 @@
                     <uv-icon style="margin-left: 20rpx" name="arrow-right" color="#000000" size="28rpx"></uv-icon>
                   </view>
                 </template>
-              </formUpload>
+              </formUpload> -->
             </view>
           </uv-form-item>
         </view>
@@ -161,6 +174,12 @@
       // todo: init data by id
 		},
     methods: {
+			onChooseAvatar(res) {
+				this.$Oss.ossUpload(res.target.avatarUrl)
+				.then(url => {
+					this.form.avatarUrl = url
+				})
+			},
       onSubmit() {
         // todo
 
@@ -179,6 +198,18 @@
 <style scoped lang="scss">
 @import '../styles/pageForm.scss';
 
+
+.btn-avatar {
+  background: transparent;
+  border: none;
+  border-radius: none;
+  box-shadow: none;
+  padding: 0;
+  margin: 0;
+  font-size: 0;
+  text-align: right;
+}
+
 .button-submit {
   margin: 0;
   position: fixed;