left: 0;
color: #ccc;
font-size: 8px;
right: 0;
}
}
}
::v-deep .avatar-uploader .el-upload–text {
border: 1px dashed #d9d9d9;
border-radius: 6px;
margin-right: 20px;
cursor: pointer;
position: relative;
overflow: hidden;
}
::v-deep .avatar-uploader .el-upload:hover {
border-color: #409eff;
}
::v-deep .avatar-uploader-icon {
font-size: 22px;
color: #ccc;
width: 108px;
height: 108px;
line-height: 108px;
text-align: center;
}
::v-deep.avatar {
width: 108px;
height: 108px;
display: block;
}
- 模态框 CropperModal.vue
<el-dialog :visible.sync=“visible” :title=“options.title” :close-on-click-modal=“false” width=“800” @close=“cancelHandel”>
<vue-cropper ref=“cropper” :img=“options.img” :info=“true” :autoCrop=“options.autoCrop” :autoCropWidth=“options.autoCropWidth” :autoCropHeight=“options.autoCropHeight” :fixedBox=“options.fixedBox” @realTime=“realTime”>
<el-button size=“mini” @click=“cancelHandel”>取消
<el-button size=“mini” type=“primary” :loading=“confirmLoading” @click=“okHandel”>保存
- ajax网络接口 index.js
import request from ‘@/utils/request’
const Api = {
UpPic: ‘/getImage’,
}
/**
-
上传图片
-
@param parameter
-
@returns {*}
*/
export function UpPic(parameter) {
return request({
baseURL: ‘https://www.fastmock.site/mock/f6273fce31c98c4d64fd82d91784712f/api’,
url: Api.UpPic,
method: ‘get’,
// params: parameter
})
}
- 使用组件
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
其他重要知识点
下面是有几位Android行业大佬对应上方技术点整理的一些进阶资料。有**【Android架构视频+BATJ面试专题PDF+核心笔记等资料+源码+思维导图】。希望能够帮助到大家提升技术。如果大家想要获取的话，可以私信我【666】免费获取哦~**
高级进阶篇——高级UI，自定义View（部分展示）
UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训，学会这小块知识就能随便找到不错的工作了。不过很显然现在远远不够了，拒绝无休止的CV,亲自去项目实战，读源码，研究原理吧！文章来源：https://www.toymoban.com/news/detail-849966.html
-
面试题部分合集
一些进阶资料。有**【Android架构视频+BATJ面试专题PDF+核心笔记等资料+源码+思维导图】。希望能够帮助到大家提升技术。如果大家想要获取的话，可以私信我【666】免费获取哦~**
[外链图片转存中…(img-lyudP0Ed-1711391586360)]
高级进阶篇——高级UI，自定义View（部分展示）
UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训，学会这小块知识就能随便找到不错的工作了。不过很显然现在远远不够了，拒绝无休止的CV,亲自去项目实战，读源码，研究原理吧！
[外链图片转存中…(img-9s74uAWj-1711391586360)]文章来源地址https://www.toymoban.com/news/detail-849966.html
-
面试题部分合集
[外链图片转存中…(img-C4AZESGF-1711391586360)]
到了这里，关于Element UI结合vue-cropper打造图片裁剪上传组件，Android开发面试书籍的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
