实训 Day09 实习日志

今天学习了电商项目——美团外卖微信小程序的主页页面的布局以及部分功能实现。了解到有内容的view的边框为矩形，没内容的边框为三角形；下拉列表；页面中的一些布局我也不知道自己是怎么想出来的，各种view的嵌套，最后还是做出来了，页面的布局基本上没有问题，我的页面如下

  

 

 

具体代码如下：

index.wxml:

<!-- 滚动的区域 -->
<scroll-view style='height:100%;' scroll-y="true" bindscroll="scrollTopfun">
  
  <!-- location -->
  <view class='locat'>
    <image src="../../icons/location.png" style="width:30rpx;height:30rpx;"></image>
    <text>广东海洋大学 ></text>
  </view>

  <!-- 搜索 -->
<view class="scout {
  {top>=20? 'fixed' :'' }}" bindtap="newpage">
  <image class='img' src='../../icons/icon.png'></image>
  <input class='ipt' placeholder='请输入商家或商品名称' placeholder-class='place' disabled="true"></input>
</view>

<!-- swiper -->
<!-- <swiper indicator-dots="true">
    <swiper-item class="items" style="background:pink">
    </swiper-item>
    <swiper-item style="background:rgba(0,0,255,.3)">
    </swiper-item>
</swiper> -->

<!-- 菜单列表 -->
<view class='menu'>
<view>
 <view class='idots'><image src="../../icons/meishi.gif"></image></view>
 <view