小程序项目实战总结一

一、image组件小问题

image媒体组件在小程序中具有默认宽高（默认宽度320px、高度240px），我们可以通过mode属性（图片裁剪、缩放的模式）进行更改

widthFix：缩放模式，宽度不变，高度自动变化，保持原图宽高比不变

<image src="{
  {item.cover}}" mode="widthFix" class="image"></image>

二、WXS

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。（自我理解：WXS是专门用于wxml页面的，它实现的是在视图层调用函数的功能 ）

WXS的导出：

// /pages/tools.wxs

var foo = "'hello world' from tools.wxs";
var bar = function (d) {
  return d;
}
module.exports = {
  FOO: foo,
  bar: bar,
}; // 导出
module.exports.msg = "some msg"; // 导出

在WXML中引用WXS文件：

<!-- page/index/index.wxml -->

<wxs src="./../tools.wxs" module="tools" /> // 引入
<view> {
  {tools.