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;
}
- 模態(tài)框 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網(wǎng)絡(luò)接口 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年上海交大畢業(yè)，曾經(jīng)在小公司待過(guò)，也去過(guò)華為、OPPO等大廠，18年進(jìn)入阿里一直到現(xiàn)在。
深知大多數(shù)初中級(jí)安卓工程師，想要提升技能，往往是自己摸索成長(zhǎng)，但自己不成體系的自學(xué)效果低效又漫長(zhǎng)，而且極易碰到天花板技術(shù)停滯不前！
因此收集整理了一份《2024年最新Android移動(dòng)開(kāi)發(fā)全套學(xué)習(xí)資料》送給大家，初衷也很簡(jiǎn)單，就是希望能夠幫助到想自學(xué)提升又不知道該從何學(xué)起的朋友，同時(shí)減輕大家的負(fù)擔(dān)。
由于文件比較大，這里只是將部分目錄截圖出來(lái)，每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻
如果你覺(jué)得這些內(nèi)容對(duì)你有幫助，可以添加下面V無(wú)償領(lǐng)取?。▊渥ndroid）
其他重要知識(shí)點(diǎn)
下面是有幾位Android行業(yè)大佬對(duì)應(yīng)上方技術(shù)點(diǎn)整理的一些進(jìn)階資料。有**【Android架構(gòu)視頻+BATJ面試專(zhuān)題PDF+核心筆記等資料+源碼+思維導(dǎo)圖】。希望能夠幫助到大家提升技術(shù)。如果大家想要獲取的話，可以私信我【666】免費(fèi)獲取哦~**
高級(jí)進(jìn)階篇——高級(jí)UI，自定義View（部分展示）
UI這塊知識(shí)是現(xiàn)今使用者最多的。當(dāng)年火爆一時(shí)的Android入門(mén)培訓(xùn)，學(xué)會(huì)這小塊知識(shí)就能隨便找到不錯(cuò)的工作了。不過(guò)很顯然現(xiàn)在遠(yuǎn)遠(yuǎn)不夠了，拒絕無(wú)休止的CV,親自去項(xiàng)目實(shí)戰(zhàn)，讀源碼，研究原理吧！文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-849966.html
-
面試題部分合集
一些進(jìn)階資料。有**【Android架構(gòu)視頻+BATJ面試專(zhuān)題PDF+核心筆記等資料+源碼+思維導(dǎo)圖】。希望能夠幫助到大家提升技術(shù)。如果大家想要獲取的話，可以私信我【666】免費(fèi)獲取哦~**
[外鏈圖片轉(zhuǎn)存中…(img-lyudP0Ed-1711391586360)]
高級(jí)進(jìn)階篇——高級(jí)UI，自定義View（部分展示）
UI這塊知識(shí)是現(xiàn)今使用者最多的。當(dāng)年火爆一時(shí)的Android入門(mén)培訓(xùn)，學(xué)會(huì)這小塊知識(shí)就能隨便找到不錯(cuò)的工作了。不過(guò)很顯然現(xiàn)在遠(yuǎn)遠(yuǎn)不夠了，拒絕無(wú)休止的CV,親自去項(xiàng)目實(shí)戰(zhàn)，讀源碼，研究原理吧！
[外鏈圖片轉(zhuǎn)存中…(img-9s74uAWj-1711391586360)]文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-849966.html
-
面試題部分合集
[外鏈圖片轉(zhuǎn)存中…(img-C4AZESGF-1711391586360)]
到了這里，關(guān)于Element UI結(jié)合vue-cropper打造圖片裁剪上傳組件，Android開(kāi)發(fā)面試書(shū)籍的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
