| | |
| | | </div>
|
| | | </el-image>
|
| | | <div v-else class="image">
|
| | | <el-image :src="value" />
|
| | | <el-image :src="value" :style="`width:150px;height:150px;`" fit="fill"/>
|
| | | <div class="mask">
|
| | | <div class="actions">
|
| | | <span title="预览" @click.stop="dialogVisible = true">
|
| | | <i class="el-icon-zoom-in" />
|
| | | </span>
|
| | | <span title="移除" @click.stop="removeImage">
|
| | | <i class="el-icon-delete" />
|
| | | </span>
|
| | |
| | | </div>
|
| | | </div>
|
| | | </el-upload>
|
| | | <el-dialog :visible.sync="dialogVisible" title="预览" width="800" append-to-body>
|
| | | <img :src="value" style="display: block; max-width: 100%; margin: 0 auto;">
|
| | | </el-dialog>
|
| | | </div>
|
| | | </template>
|
| | |
|
| | |
| | | export default {
|
| | | data() {
|
| | | return {
|
| | | dialogVisible: false,
|
| | | uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址
|
| | | headers: {
|
| | | Authorization: "Bearer " + getToken(),
|
| | |
| | | </script>
|
| | |
|
| | | <style scoped lang="scss">
|
| | | .avatar {
|
| | | width: 100%;
|
| | | height: 100%;
|
| | | }
|
| | | .image {
|
| | | position: relative;
|
| | | .mask {
|