02B 小程序的布局

2018-06-14 本文已影响0人卖参

index.wxml 页面中写入代码,

<scroll-view class='scroll-page' scroll-y>
    <navigator class='city'>北京</navigator>
    <navigator class = 'userinfo'></navigator>
</scroll-view>

index.wxss 页面中写入代码

page{
  height:100%
}
.scroll-page{
  height:100%
}
.city{
  width: 204px;
}

用的是scroll-page组件,对它进行高度的设置,
navigator 是跳转组件.城市列表,个人中心2个跳转组件