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 提供两种文件引用方式
import
和include
。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)
}
})
},