小程序bug

微信小程序

使用require(‘we-validator’)，会出现无法找到模块的编译错误

1 将我们的node-modules、miniprogram_npm删除掉、
2 将package.json、package-lock.json删除掉
3 清楚线程所有数据
4 重新初始化项目 npm init -y
5 重新下载npm依赖包
6 构建npm
如果以上步骤不能解决问题，那么重新创建小程序项目，之后执行4-6步骤，将代码资源复制到新的项目

路由组件点击无法跳转页面

1 检查url格式是否是/pages/???
2 检查open-type属性，如果是tabbar下面页面需要修改为switchTab

vant修改组件样式不生效解决方案

1 调整间距，可以使用view组件将其包裹，给view容器设定样式
2 调整组件内部的样式，custom-classs属性来重新制定样式
3 如果想要自定义内容，使用插槽
4 可以自己使用flex弹性盒子，完成复杂的布局

屏幕适配问题

1 所有像素单位使用rpx

显示日期控件选择

如果时间跨度很大，导致页面卡顿，使用DataTimePicker控件

uni-app

uni-app无法运行到微信小程序工具

1 检查（工具->设置->运行配置）小程序开发者配置，是否配置了微信小程序按照路径直接到微信小城工具的安装根目录
2 启动微信小程序工具
3 微信小程序设置中->安全->服务端口，将开关打开
4 修改项目中manifest.json中微信小程序中的配置，加入小程序的APPID
5 重新编译项目，并运行到微信小程序

uni-ui无法使用问题处理方案

由于HBuilder中没有引入sass编译器，所以无法编译uni-ui插件，此时临时解决方案
1 使用vue-cli方式构建uni-app项目(vue create -p dcloudio/uni-preset-vue 项目名)
2 通过这种方式构建的项目，可以使用我们熟悉的方式引入插件
安装uni-ui库：npm install @dcloudio/uni-ui -D
安装node-sass：npm i node-sass -save-dev
安装sass-loader: npm i sass-loader -save-dev

使用弹框+时间选择，时间选择框无内容

mindate和maxdate写反了

手机端button无法固定在页面底部

1 设置一个最小高度，和屏幕高度一致
2 使用商品导航组件，定在底部
3 使用悬浮组件

//部分代码截取
<van-cell title="体检日期选择”is-link bind:click="showPopup”/>
<van-popup
custom-style="height:50%"
show=“{{show}}”
position=“buttom"
bind:close="onClose">
	<view>
		<van-datetime-picker
		type="datetime"
		value="{{ currentDate }}”
		min-date="{{ minDate }}”
		max-date="{{ maxDate }}”
		bind :input="onInput"/>
	</view>
</van-popup>


data: {
title1:"孕前检查套餐(女)-精英版,desc1: '该套餐共23项检查项",
tag1:[ '女', ' 20-70'],
name: "',
show: false,
minHour: 10,
maxHour: 20,
minDate: new Date().getTime(),
maxDate: new Date(2019，10，1).getTime(),
currentDate: new Date().getTime(),
}


showPopup() {
this.setData({ show: true });
},
onClose() {
this.setData({ show: false });
},