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

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

php中世界最好的语言원래의: 2018-06-05 11:43:021918검색

<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 중국어 웹사이트에서 다른 관련 기사를 주목하세요!