欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序?qū)崿F(xiàn)橫向滾動導(dǎo)航欄效果

 更新時間：2019年12月12日 11:14:06   作者：球球果果  
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)橫向滾動導(dǎo)航欄效果，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下

1.page.wx.css內(nèi)容如下：

<view class='classify_list'>
   <view class="classify">分類1</view>
   <view class="classify">分類1</view>
   <view class="classify">分類1</view>
   <view class="classify">分類1</view>
   <view class="classify">分類1</view>
   <view class="classify">分類1</view>
   <view class="classify">分類1</view>
   <view class="classify">分類1</view>
   <view class="classify">分類1</view>
   <view class="classify">分類1</view>
   <view class="classify">分類1</view>
  </view>

2，想要制作成的效果為：

3，page.wxss

.classify_list{
 display: flex;
 font-size: 15px;
 width: 100%;
 overflow-y: scroll;
 white-space: nowrap; 
}
.classify{
 height: 100%;
 width: 100rpx;
 margin:25rpx;
}

4、注意點

一定要將設(shè)置寬度,并設(shè)置**white-space: nowrap;**

總結(jié)

以上所述是小編給大家介紹的微信小程序?qū)崿F(xiàn)橫向滾動導(dǎo)航欄效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

相關(guān)文章

最新評論