在路上`的博客

一、介绍每一个 .wxs 文件和 标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数，默认为私有的，对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。二、案例及使用<!--wxml--><wxs module="foo">var some_msg = "hello world";module.exports = { msg : some_msg,}</wxs

一、实现效果图二、实现方法 swiper组件主要点在于组件中的 display-multiple-items 属性以及 float: left浮动图标，下面的指示点是另外加的新样式三、事例代码wxml<!--头部导航开始 --><view class="headerModel"> <swiper indicator-dots="{{indicatorDots}}" display-multiple-items="5" bindchange="mddotCh

一、问题描述小程序自带弹框满足不了某些需求，为此则需要设置自定义弹框，但是问题来了，在滑动弹层的时候，弹层页面会随着弹层底部的滚动条滚动二、解决办法在弹出层加上 catchtouchmove 事件- 如果弹层里的内容需要滚动则需要使用scroll-view组件原理：弹窗元素设置catchtouchmove="true"目的是为了阻止弹窗滚动的时候 会带动外层页面的滚动，但是如果弹窗元素设置了该属性，弹窗内的自己写的overflow:auto就会失效，这时不能用自己写的overflow，要改用sc

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。但是返回的却是String类型，如果将这个String类型的值再使用toFixed()，那程序将会抛出异常。解决办法：parseFloat(amount.toFixed(2))将计算好的String类型转为Float类型即可。...

效果图来源于github：https://github.com/rover95/wxapp-timePicker

上拉加载小程序有内置函数可以实现上拉加载data:{ hasMoreData: true, page: 1, size: 10}getData: function (message) { wx.showNavigationBarLoading() //在当前页面显示导航条加载动画 wx.showLoading({ //显示 loading 提示框 title: message,

navigateTo页面跳转传参使用标签的方式跳转变量需要{{}}A页面 <navigator wx:for="{{sendList}}" wx:key="index" url="../cruiseDetail/cruiseDetail?problemId={{item.problemId}}" >B页面 /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { let problemId = option

小程序上传图片功能展示效果图wxml<!--pages/maintenance_home_entry_patrol_start_cruise/maintenance_home_entry_patrol_start_cruise.wxml--><view class="container"> <form class="fm" bindsubmit="formSubmit"> <view class="boxfm"> <vie

一、组件封装模板及表格组件1.文件目录结构个人喜好把项目中的业务文件放在pages中，图片放在与pages同级的images文件中，第三方的sdk存放在最好 放在libs文件中(此处有做修改)，工具类存放在utils文件中，同样把共用的自定义组件存放在同级的components文件中。这样便于管理，查找使用2、自定义组件在components文件目录下，创建一个select文件夹，随后select文件夹下手动创建：table.js、table.json、table.wxml、table.wxss

一、效果图（1）没完成的灰色小圆点表示（2）完成的使用绿色小圆点设表示（3）完成的最后一个步骤用代√的小圆点表示二、实现代码wxml:<view class="steps_box"> <progress percent="{{Steps*percent}}" class="progress" stroke-width="3" color="rgb(25, 185, 3)" backgroundColor="rgb(185, 187, 190)" style="width

wx.showToast(Object object)显示消息提示框wx.showToast 应与 wx.hideToast 配对使用wx.showLoading 和 wx.showToast 同时只能显示一个wx.showToast({ title: '成功', icon: 'success',//当icon：'none'时，没有图标 只有文字 duration: 2000})wx.showModal(Object object)显示模态对话框wx.showModal

一、image组件的说明scaleToFill 缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素aspectFit 缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。aspectFill 缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。widthFix 缩放模式，宽度不变，高度自动变化，保持原图宽高比不变heightFix 缩放模式，高度不变

基于Vant 组件库+微信公众号开发文档html部分<div class="filelist"> <div class="boximg"> <div v-for="(item,index) in imgArr" :key="index" class="boximgInner"> <van-image width="100" height="100" :src="item" /> <van-i