代码拉取完成,页面将自动刷新
开发说明: 100vm代表手机宽度,100vh代表手机高度。 对象链接(追加) : concat 分页加载处理方式: 1、小数据量直接this.setData 更新数据集所有信息(数据量:所有返回记录数) (不建议使用) 2、大数据量通过setData存储分页数组,减少总记录数的同时。保留所有信息在子数组中存放。(二维数组) <block wx:for="{{dataArray}}" wx:for-item="articles" wx:for-index="dataArrayIndex"> <block wx:for="{{articles}}" wx:for-item="item" wx:key="{{item.id}}" wx:for-index="index"> <template is = "articles" data='{{item:item,index:index,dataArrayIndex:dataArrayIndex}}'/> <!--将item和index都传到模版里去,不然模版中获取不到index--> </block> </block> 页面滚动事件: 1、scroll-view 可以自定义大小 方向 2、onPullDownRefresh 页面级支持下拉刷新、上拉事件 3、上两种方法同时使用时法一优先级大,法二失效。 npm包引入流程: 1、首次使用npm init 初始化配置文件 (已完成,不要重复操作) 2、通过命令安装npm包(生成node_modules子文件) 3、IDE工具菜单构建npm(生成miniprogram_npm文件) 4、项目设置支持使用npm模块 vant 官方手册:https://vant-contrib.gitee.io/vant-weapp/#/quickstart 模板(单纯布局) 1、template 定义 2、目标文件import/include 引用 3、目标文件内调用<template is =“tname”> 组建(完整体系) 1、component 构建 (类似page) 2、目标页面json配置 usingComponents 3、目标页面wxml使用<component名称> 行为(仅构造) behaviors 解决component中公共代码的方法,通过module.exports,require 在Component 下 behaviors:[name]提现 模块(单独js) 1、单独js文件,定义变量方法对象后module.exports 2、require 文件后使用。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。