飞狐爷

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

1.如何页面传递参数?

  页面GET带参数:./category/category?cat_id=11

  接收页面会获取所有参数

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options)
  },

 

  scroll-view 无法横向滑动原因:1.在scroll-view中加入white-space: nowrap;2.在scroll-view view中加入display: inline-block;
 
2.文件引用与组件使用方法:
 
WXML 提供两种文件引用方式importinclude
 
import:一般在引用模板文件时使用,先import,再引用传参,传参需要从本页面的js获取。
<import src="item.wxml"/>
<template is="item" data="{{text: 'forbar'}}"/>

include:引用静态的wxml文件(如果静态的wxml文件中有<template/> <wxs/>将不引入这些内容),注意只是wxml文件,无法传参。好像没什么实际用处

<include src="header.wxml"/>

 

组件使用方法参考本分类的文章:http://www.cnblogs.com/cyxxzjp/p/8484553.html
 
 3.wxml页面css动态获取屏幕高度 
<scroll-view scroll-y style='height:{{svLeftHeight}}px' class='sv'> /* 必须是px,如果是rpx会改变赋值数值 */
 
data: {
svLeftHeight: '100'
},
 
onShow: function () {
  
var that = this
wx.getSystemInfo({
success: function (res) {
that.setData({
svLeftHeight: res.windowHeight-50
})
console.log(res.windowHeight)
}
})
},
 
posted on 2018-03-01 15:14  飞狐爷  阅读(127)  评论(0编辑  收藏  举报