So implementieren Sie horizontales Scrollen in einer Android-Umgebung bei der WeChat-Applet-Entwicklung

<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>

Der Code ist gepostet, wenn der Testmann dir sagt, dass Android-Tabs nicht verschoben werden können, musst du nur ein overflow-x hinzufügen: hahaha

Ich glaube dir Ich habe den Fall in diesem Artikel gelesen. Nachdem Sie die Methode gemeistert haben, lesen Sie bitte andere verwandte Artikel auf der chinesischen PHP-Website, um weitere spannende Inhalte zu erhalten!

Empfohlene Lektüre:

So implementieren Sie das Pull-up-Laden in der WeChat-Applet-Entwicklung

Die Verwendung von Containeransichten in WeChat-Applet-Entwicklung

Das obige ist der detaillierte Inhalt vonSo implementieren Sie horizontales Scrollen in einer Android-Umgebung bei der WeChat-Applet-Entwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!