本文檔使用 書(shū)棧網(wǎng) · BookStack.CN 構(gòu)建 - -Avatar 頭像Avatar 頭像本組件一般用于展示頭像的地方，如個(gè)人中心，或者評(píng)論列表頁(yè)的用戶(hù)頭像展示等場(chǎng)所。平臺(tái)差異說(shuō)明AppH5微信小程序支付寶小程序百度小程序頭條小程序QQ小程序√√√√√√√通過(guò) src 指定頭像的路徑即可簡(jiǎn)單使用，如果傳遞了通過(guò) src 指定頭像的路徑即可簡(jiǎn)單使用，如果傳遞了 text 參數(shù)， text 將會(huì)優(yōu)先起作用注意： 請(qǐng)保證傳遞給 src 的是絕對(duì)地址，而不是相對(duì)地址，為什么呢？因?yàn)閭魅?avatar 組件的相對(duì)地址，是相對(duì)于組件的，而不是父組件(頁(yè)面)，所以相對(duì)址可能會(huì)出錯(cuò)。1.<>template2.<u-avatar:src="src"/u-avatar>><3.4.u-avatar<:text="text"></u-avatar>5./template<>6.7.script><8.export default {9.data() {10.return {11.src: '/Files/pic/pic9/202002/hpic2119_s.jpg',12.text: '無(wú)頭像'13.}14.}15.}16.</script>頭像類(lèi)型 mode 參數(shù)指定頭像的類(lèi)型，取值 circle 為圓形，取值 square 為圓角方形1.<template>2.<u-avatar:src="src" mode="square"></u-avatar>3.</template>4.5.<script>6.export default {7.data() {8.return {9.src: '/Files/pic/pic9/202002/hpic2119_s.jpg'10.}Avatar 頭像1111.}12.}13.</script>默認(rèn)頭像如果頭像加載失敗，導(dǎo)致加載圖片失敗，將會(huì)顯示一個(gè)默認(rèn)的灰色頭像APIProps參數(shù)說(shuō)明類(lèi)型默認(rèn)值可選值bgcolor背景顏色，一般顯示文字時(shí)用String#ffffff-src頭像路徑，如加載失敗，將會(huì)顯示默認(rèn)頭像String--size頭像尺寸，可以為指定字符串(large, default,mini)，或者數(shù)值，單位rpxString|Numberdefault-mode顯示類(lèi)型，見(jiàn)上方說(shuō)明Stringcirclesquaretext用文字替代圖片，級(jí)別優(yōu)先于 src String--imgmode頭像圖片的裁剪類(lèi)型，與uni的 image 組件的 mode 參數(shù)一致，如效果達(dá)不到需求，可嘗試傳 widthFix 值StringaspectFill-index用戶(hù)傳遞的標(biāo)識(shí)符值，如果是列表循環(huán)，可穿 vfor 的 index 值String--Event事件名說(shuō)明回調(diào)參數(shù)click頭像被點(diǎn)擊index: 用戶(hù)傳遞的標(biāo)識(shí)符Loading 加載動(dòng)畫(huà)Loading 加載動(dòng)畫(huà)此組件為一個(gè)小動(dòng)畫(huà)，目前用在uView的loadmore加載更多和switch開(kāi)關(guān)等組件的正在加載狀態(tài)場(chǎng)景。平臺(tái)差異說(shuō)明AppH5微信小程序支付寶小程序百度小程序頭條小程序QQ小程序√√√√√√√基本使用通過(guò)通過(guò) mode 設(shè)定動(dòng)畫(huà)的類(lèi)型， circle 為圓圈的形狀， flower 為經(jīng)典類(lèi)似花朵的形狀1.<template>2.<view>3.<u-loading mode="circle"></u-loading>4.<u-loading mode="flower"></u-loading>5.</view>6.</template>動(dòng)畫(huà)顏色 color 可以指定動(dòng)畫(huà)活動(dòng)區(qū)域的顏色1.<u-loading color="red"></u-loading>動(dòng)畫(huà)尺寸通過(guò)通過(guò) size 設(shè)定尺寸，單位rpx，組件內(nèi)把 size 值體現(xiàn)為組件的寬和高1.<u-loading size="36"></u-loading>顯示或隱藏動(dòng)畫(huà)通過(guò)通過(guò) show 設(shè)置為 true 或 false ，來(lái)顯示或隱藏動(dòng)畫(huà)1.<u-loading:show="true"></u-loading>2.3./*等價(jià)于*/4.<u-loading show></u-loading>APILoading 加載動(dòng)畫(huà)Props參數(shù)說(shuō)明類(lèi)型默認(rèn)值可選值mode模式選擇，見(jiàn)上方說(shuō)明Stringcircleflowercolor動(dòng)畫(huà)活動(dòng)區(qū)域的顏色，