微信小程序学习用demo：我厨，tab切换，界面设计（适用1230

点评：适合新手学习使用，本demo前半部分是我厨的界面部分，后半部分是一个练习页面；   代码示例： [HTML]  纯文本查看  复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 < scroll-view scroll-y = "true" style = "height: 750px;" bindscrolltoupper = "upper" bindscrolltolower = "lower" bindscroll = "scroll" scroll-into-view = "{{toView}}" scroll-top = "{{scrollTop}}" upper-threshold = "10" lower-threshold = "5" >    < view class = "homePage" > <!--//首页的轮播图-->      < swiper class = "home_swiper" indicator-dots = "{{indicatorDots}}" autoplay = "{{autoplay}}" interval = "{{interval}}" duration = "{{duration}}" >        < block wx:for = "{{carousels}}" >          < swiper-item >            < image src = "{{item.picUrl}}" />          </ swiper-item >        </ block >      </ swiper > <!--//首页推荐类型-->      < view class = "recommendedContent" >        < block wx:for = "{{recommendeds}}" >          < image src = "{{item.imgUrl}}" />        </ block >      </ view > <!--//首页货架-->      < view class = "home_Goods" >        < block wx:for = "{{acts}}" >          < block wx:if = "{{item.templateType==4 ? true : false}}" >            < import src = "templates/indexCell.wxml" />            < template is = "homePagePageType4" data = "{{commonItems:item.items}}" />          </ block >          < block wx:if = "{{item.templateType==5 ? true : false}}" >            < import src = "templates/indexCell.wxml" />            < template is = "homePagePageType5" data = "{{commonItems:item.items}}" />          </ block >          < block wx:if = "{{item.templateType==6 ? true : false}}" >            < import src = "templates/indexCell.wxml" />            < template is = "homePagePageType6" data = "{{commonItems:item.items}}" />          </ block >          < block wx:if = "{{item.templateType==7 ? true : false}}" >            < import src = "templates/indexCell.wxml" />            < template is = "homePagePageType7" data = "{{commonItems:item.items}}" />          </ block >        </ block >      </ view >    </ view > </ scroll-view > 项目地址及下载： 本帖隐藏的内容 https://github.com/hellowdw/weixin_wochu   weixin_wochu-master.zip (123.45 KB, 下载次数: 71)