小さなマイクロチャネル・プログラムの表示は、オープンデータuserAvatarUrlを丸め

当初から、アプレットを開き、ツールバーは、この通知をポップアップ表示されます：

 

 

 つまり、デフォルトではユーザー情報（画像、ニックネームなど）を取得していないデフォルトでは、ポップアップボックスを依頼することを許可されていません！

あなたは、このインターフェイスを使用する必要がある場合は、次のことを試すことができます。

図1に示すように、ボタンコンポーネントで、開放型の属性名は、基本的なユーザー情報を取得するための許可ウィンドウを持ち上げるために、getUserInfoタイプに設定されているドキュメントボタンを参照してください 

<オープンボタン型= " getUserInfo " bindgetuserinfo = " onGotUserInfo " >承認されたユーザー情報</ボタン>

2、直接、ヘッドとニックネームタグとして置き換え、オープンデータのマニュアルを参照してください

<オープン・データ・タイプ= 「userAvatarUrl 」 > </オープンデータ> 
<オープン・データ・タイプ= 「userNickName 」 > </オープンデータ>

この方法注：

•設定の態様によれば、追加する必要があります：ディスプレイ：ブロック; 

境界半径：・セットは無効フィレット50％;一緒に必須：オーバーフロー：隠されました

 

プロパティボーダー半径の場合：50％、オーバーフロー満たす必要があります使用に隠された、完全なコードを：

<ビュークラス = ' アバター' > <オープン・データ・タイプ= " userAvatarUrl " > </オープンデータ> </ビュー> 
 
.avatar { 
  幅：100rpx。
  高さ：100rpx。
  オーバーフロー：隠されました;  
  ボーダー -radius：50％; 
}

図3に示すように、方法は、フィレットが提供されます。

使用境界半径：50％丸いヘッドセット、使用クリップパス：円（中心に50rpx）;特定の周りにトリミングするためのコード例として、以下のとおりです。

<ビュークラス = ' アバター' > <オープン・データ・タイプ= " userAvatarUrl " > </オープンデータ> </ビュー> 
 
.avatar { 
  幅：100rpx。
  高さ：100rpx。
  クリップ - パス：円（中心に50rpx）。
}

注意：

1.オープン・データ・コンポーネントは、最小のバージョン番号があるアプレット基本ライブラリに依存1.9.90

2.クリップパスCSS特性は素子の一部の領域に合わせて調整することができる（非表示）。