实习日志Day 8

今天学习了微信小程序电商项目页面的外观，主要实现了主页面和跳转页面的功能，还实现了页面的上下滚动，并实现了如何把一个view在滚动时固定定位在页面上，对于今天的内容我觉得在样式控制方面有很大的提升，并且明白了如何实现页面的跳转。

还有就是昨天说到的背景图的问题，我想到了一个方法，就是把图片放在page上，然后把所有的数据都放在一个上下滚动的scroll-view里面。这样背景图片就不会动了。

跳转页面：

wx.navigateTo(Object object)

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

参数

Object object

属性	类型	默认值	必填	说明
url	string		是	需要跳转的应用内非 tabBar 的页面的路径, 路径后可以带参数。参数与路径之间使用 ? 分隔，参数键与参数值用 = 相连，不同参数用 & 分隔；如 'path?key=value&key2=value2'
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）

 

页面的上下滚动

<scroll-view scroll-y style="height: 200px;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-into-view="{{toView}}" scroll-top="{{scrollTop}}">
    <view id="green" class="scroll-view-item bc_green"></view>
    <view id="red"  class="scroll-view-item bc_red"></view>
    <view id="yellow" class="scroll-view-item bc_yellow"></view>
    <view id="blue" class="scroll-view-item bc_blue"></view>
  </scroll-view>