| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <div class="user-info-head" @click="editCropper()"><img v-bind:src="options.img" title="点击上传头像" class="img-circle img-lg" /></div> |
|---|
| | | <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened" @close="closeDialog()"> |
|---|
| | | <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened" @close="closeDialog"> |
|---|
| | | <el-row> |
|---|
| | | <el-col :xs="24" :md="12" :style="{height: '350px'}"> |
|---|
| | | <vue-cropper |
|---|
| | |
|---|
| | | // 关闭窗口 |
|---|
| | | closeDialog() { |
|---|
| | | this.options.img = store.getters.avatar |
|---|
| | | this.visible = false; |
|---|
| | | this.visible = false; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | |
|---|
| | | line-height: 110px; |
|---|
| | | border-radius: 50%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </style> |
|---|
