（1）这是目录结构。（2）只写了一个index页面。——这个页面的布局分为上下两部分。上面一部分是一个view，里面嵌套了3个view，用来切换tab的。——下面是网站内容区域。用了小程序(procedure)的swiper控件(对数据和方法的封装)，swiper控件(对数据和方法的封装)里面放置的 。。
（1）这是目录结构。宁波微信小程序开发是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。
（2）只写了一个index页面。
——这个页面的布局分为上下两部分。上面一部分是一个view，里面嵌套了3个view，用来切换tab的。
——下面是网站内容区域。用了小程序(procedure)的swiper控件(对数据和方法的封装)，swiper控件里面放置的是scroll-view控件。这里面设置的高度用的是百分比，这存在一定的问题。不如CSS3可以混用百分比和数值来的方便，虽然这种方式存在兼容性问题。
——index。wxml。
lt;view gt; lt;view data-current="0" bindtap="swipeContent" gt;早餐 lt;/view gt; lt;view data-current="1" bindtap="swipeContent" gt;午餐 lt;/view gt; lt;view data-current="2" bindtap="swipeContent" gt;咖吧 lt;/view gt; lt;/view gt; lt;swiper current="{{currentTab}}" bindchange="swiperChange" gt; lt;swiper-item gt;
lt;scroll-view scroll-y style="height:100%" gt;
lt;view wx:for="{{breakfests}}" gt;
lt;image src="{{item。RECIPE_IMG}}" gt; lt;/image gt;
lt;view gt;{{item。RECIPE_NAME}} lt;/view gt;
lt;/view gt;
lt;/scroll-view gt; lt;/swiper-item gt; lt;swiper-item gt;
lt;scroll-view scroll-y style="height:100%" gt;
lt;view wx:for="{{lunches}}" gt;
lt;image src="{{item。
宁波小程序开发对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。RECIPE_IMG}}" gt; lt;/image gt;
lt;view gt;{{item。RECIPE_NAME}} lt;/view gt;
lt;/view gt;
lt;/scroll-view gt; lt;/swiper-item gt; lt;swiper-item gt;
lt;scroll-view scroll-y style="height:100%" gt;
lt;view wx:for="{{desserts}}" gt;
lt;image src="{{item。RECIPE_IMG}}" gt; lt;/image gt;
lt;view gt;{{item。宁波微信小程序开发其中，通过公众号关联，用户可以实现公众号与小程序之间相互跳转。小程序体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 RECIPE_NAME}} lt;/view gt;
lt;/view gt;
lt;/scroll-view gt; lt;/swiper-item gt; lt;/swiper gt;
（3）样式没什么好说的，index。wxss。
/index。wxss/
page{ background-color: #EEEEEE; height: 100%;}/* recipe_tab */。recipe_tabs{ background-color: #FFFFFF; height: 7%;}。recipe_tab{ display: inline-block;
