微信小程序-未上线小demo

分为四个部分：home-首页,menu-菜单,new-新品,service-门店定位

效果图：

【home】

<my-banner swiperArr="{{swiperArr}}"></my-banner>
<view class="title">
  <view class="line"></view>
  <view class="title_name">コーヒーの話</view>
</view>

<scroll-view class="scroll-view_H" scroll-x="true" 
style="width: 100%">
  <view class="scroll-view-item_H" wx:for="{{cardArr}}" wx:key="*this">
    <image src="{{item.src}}" ></image>
    <view class="item_text">{{item.text}}</view>
  </view>
</scroll-view>

<view class="title">
  <view class="line"></view>
  <view class="title_name">新製品発売</view>
</view>
<view class="new_product">
<view wx:for="{{newArr}}" wx:key="*this" bindtap="goPage">
  <image src="{{item.imgSrc}}" mode="widthFix"></image>
  <text class="item_imgTxt">{{item.imgTxt}}</text>
</view>
</view>

 【menu】

<my-banner swiperArr="{{swiperArr}}"></my-banner>
<view class="main">
  <scroll-view class="left" scroll-y="true" scroll-into-view="{{leftId}}">
    <view wx:for="{{menuArr}}" data-myid="{{item.id}}" wx:key="*this"  id="left{{item.id}}" class="scroll-view-item {{leftActiveNum==item.id ? 'active':''}}" bindtap="leftClickFn">{{item.title}}</view>
  </scroll-view>

  <scroll-view class="right" scroll-with-animation="true" scroll-y="true" scroll-into-view="{{rightId}}" bindscroll="rightScrollFn">
    <view wx:for="{{menuArr}}" wx:key="*this"  id="right{{item.id}}" class="scroll-view-item rightblock">
     <view class="title">{{item.title}}</view>
      <view class="content">
      <view class="box" wx:for="{{item.subArr}}" wx:key="*this" wx:for-item="items">
    <image src="{{items.imgSrc}}" mode="widthFix"></image>
    <text>{{items.imgDesc}}</text>
    </view>
    </view>
    </view>
  </scroll-view>
</view>

【new】 

【service】

 （咖啡店app）项目完全是跟着b站大佬做的，一步三停的学。

现在还有在学unity，不过刚上手，unity估计出效果要久一些了。另外最近还有个特别想去的外企面试，要加急复习Java了，还是要先学好Java吧。

这个咖啡app之后还会继续完善，因为还是想做完，能上线测试版也挺好玩儿的。