personalModify.vue 625 B

1234567891011121314151617181920212223242526272829303132
  1. <!-- 个人资料修改 -->
  2. <template>
  3. <view>
  4. <u-cell-group>
  5. <u-cell-item title="头像修改">
  6. <u-upload slot="right-icon" :custom-btn="true" :before-upload="beforeUpload" :multiple="false" :show-upload-list="false">
  7. <u-avatar slot="addBtn" :src="avatarUrl" mode="circle" size="100"></u-avatar>
  8. </u-upload>
  9. </u-cell-item>
  10. </u-cell-group>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. data() {
  16. return {
  17. avatarUrl: require('@/static/img/avatar.jpg')
  18. }
  19. },
  20. methods: {
  21. beforeUpload(index, list) {
  22. console.log(index)
  23. console.log(list)
  24. }
  25. }
  26. }
  27. </script>
  28. <style>
  29. </style>