유니앱 구성요소 사용에 대한 자세한 설명

uni-app 개발 튜토리얼열에서 구성 요소 사용법을 소개합니다

권장(무료): uni-app 개발 튜토리얼

1 선택기 목록 데이터가 표시되지 않습니다

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

range. 형식 오류

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

2. 아이콘 h5 끝은

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

또는

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

비고를 지원하지 않습니다. 아이콘 구성 요소가 단독으로 사용되는지 아니면 글꼴 아이콘과 함께 사용되는지 여부 , 아이콘 구성 요소 h5가 있는 한 다음 방법을 사용하여 각 끝의 아이콘 구성 요소의 차이점을 해결할 수 있습니다备注：不管是单独使用icon组件或者和字体图标配合使用，只要有icon组件h5都报错，可使用以下方式来解决icon组件在各端的差异

• 适配方案一：uni-app也支持字体图标

<text></text>

或

<text></text>

注意：若使用网络路径字体图标，网络路径必须加协议头https。
备注：icon组件换成text后，字体图标的大小边距和颜色可能与预期不一致，可自行适当调整。如：

<icon></icon> >

改为：

    <text></text>

• 适配方案二：使用uni-app的拓展组件icon
• 适配方案三：使用ColorUI-UniApp中的图标
  (1)下载源码解压
  备注
  • 적응 솔루션 1: uni-app은 글꼴 아이콘도 지원합니다
    

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

또는

<text></text>

참고 code>: 네트워크 경로 글꼴 아이콘을 사용하는 경우 네트워크 경로에 프로토콜 헤더<code>https

를 추가해야 합니다.
비고: 아이콘 구성 요소가 텍스트로 대체된 후 글꼴 아이콘의 크기, 여백 및 색상이 예상과 일치하지 않을 수 있으므로 적절하게 조정할 수 있습니다. 예:

rrreee

가 다음으로 변경됨:

rrreee

• 적응 계획 2: uni-app의 확장 구성 요소 아이콘 사용

  적응 계획 3: ColorUI-UniApp의 아이콘 사용

  (1) 소스 코드 압축 해제비고 다운로드: uni-app(2)에서 새 ColorUI 템플릿 프로젝트를 생성하여 ColorUI-UniApp 프로젝트 소스 코드를 얻을 수도 있습니다. ColorUI-UniApp 프로젝트 디렉토리 colorui 폴더를 프로젝트 루트 디렉토리에 추가
  (3) App.vue는 Css main.css icon.css

  rrreee

  (4) ColorUI 아이콘 사용🎜rrreee🎜🎜🎜에 대해 자세히 알아보고 싶다면 프로그래밍, 🎜🎜🎜php training🎜🎜🎜 칼럼을 계속 지켜봐주세요! 🎜🎜🎜🎜

위 내용은 유니앱 구성요소 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!