ユニアプリコンポーネントの使用方法の詳細な説明

ユニアプリ開発チュートリアルコンポーネントの使い方を紹介するコラム

推奨 (無料): ユニアプリ開発チュートリアル

1. ピッカー リストのデータが表示されない

<!-- 选择分类 -->
        <view>
            <view>文章分类</view>
            <view>
                <picker>
                    <view>{{caties[currentCateIndex]}}</view>
                </picker>
            </view>
        </view>

範囲形式エラー

<!-- 选择分类 -->
        <view>
            <view>文章分类</view>
            <view>
                <picker>
                    <view>{{caties[currentCateIndex]}}</view>
                </picker>
            </view>
        </view>

2. アイコンの h5 末尾は

<!-- 单独使用icon组件 -->
<icon></icon>

または

<!-- icon组件和字体图标配合使用 -->
<icon></icon>

## 備考 : 単独でも構いません アイコンコンポーネントを使用するか、フォントアイコンと併用してください アイコンコンポーネント h5 がある限りエラーが報告されます 以下の方法で相違点を解決できます

適応ソリューション 1: uni-app はアイコン

<text></text>

または

<text></text>

注: ネットワーク パスのフォント アイコンを使用する場合は、ネットワーク パスにプロトコル ヘッダー https を追加する必要があります。
注: アイコン コンポーネントをテキストに置き換えた後、フォント アイコンのサイズ、余白、色が期待どおりにならない場合がありますが、適切に調整できます。例:

<icon></icon> >

は次のように変更されます:

    <text></text>

適応計画 2: uni-app の拡張コンポーネント アイコンを使用します
• 適応計画 3: ColorUI を使用します。 UniApp のアイコン
• (1)ソース コードをダウンロードして解凍します
  
  備考: uni-app# で新しい ColorUI テンプレート プロジェクトを作成して、ColorUI-UniApp プロジェクトのソース コードを取得することもできます。
  

##(2) ColorUI-UniApp プロジェクト ディレクトリの /colorui フォルダーをプロジェクトのルート ディレクトリにコピーします

(3) App.vue の導入キー Css main.css icon .css

<style>
    @import "colorui/main.css";
    @import "colorui/icon.css";
    @import "app.css"; /* 你的项目css */
    ....
</style>

(4) ColorUI アイコンを使用する

<text></text>

プログラミングについて詳しく知りたい場合は、次の点に注意してください

php トレーニング コラム!

以上がユニアプリコンポーネントの使用方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。