WeChat 애플릿 개발 시 Android 환경에서 가로 스크롤을 구현하는 방법

php中世界最好的语言
풀어 주다: 2018-06-05 11:43:02
원래의
1914명이 탐색했습니다.

<view class="tab bg">
          <scroll-view class="" scroll-x="true" style="width: 100%;white-space: nowrap; display: flex;overflow-x: auto;">
              <view style="display: inline-block" bindtap="switchIndex" class="tab-list {{index === 1 ?&#39;on&#39;:&#39;&#39;}}">首页</view>
              <view wx:for="{{tab}}" wx:key="index" data-id="{{item.id}}" data-index="{{index}}"
                 style="display: inline-block" bindtap="switchTab" class="tab-list {{tabIndex === index?&#39;on&#39;:&#39;&#39;}}">
                  {{item.nav_name}}
              </view>
          </scroll-view>
      </view>
로그인 후 복사

코드가 게시되어 있습니다. 실제로 테스트 담당자가 Android 탭을 슬라이드할 수 없다고 말하면 Overflow-x: auto만 추가하면 됩니다. 하하하

케이스를 읽으신 후 방법을 마스터하신 것 같습니다. 이 기사에서 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트에서 다른 관련 기사를 주목하세요!

추천 자료:

WeChat 애플릿 개발에서 풀업 로딩을 구현하는 방법

WeChat 애플릿 개발에서 컨테이너 보기 사용

위 내용은 WeChat 애플릿 개발 시 Android 환경에서 가로 스크롤을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿