You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
817 B
42 lines
817 B
5 days ago
|
<template>
|
||
|
|
<page-meta>
|
||
|
|
<navigation-bar title="裁剪" title-align="center" background-color="#007AFF" />
|
||
|
|
</page-meta>
|
||
|
|
<cropping :source="{ album: '相册' }" :imageUrl="avatarUrl" @cancel="handleCancel" @success="handleSuccess" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import cropping from '@/components/cropping/index.vue';
|
||
|
|
import { uploadAvatar } from "@/apis/modules/account";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
cropping
|
||
|
|
},
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
avatarUrl: '',
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad (option) {
|
||
|
|
this.avatarUrl = String(option.url);
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleCancel () {
|
||
|
|
uni.navigateBack();
|
||
|
|
},
|
||
|
|
handleSuccess (data) {
|
||
|
|
let params = {
|
||
|
|
name: 'avatarfile',
|
||
|
|
filePath: data.url
|
||
|
|
};
|
||
|
|
uploadAvatar(params).then(res => {
|
||
|
|
uni.navigateBack();
|
||
|
|
})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
</style>
|