uview使用采坑指南（总结）

1、tabs在小程序端下划线不显示的问题

H5端使用没问题，唯独小程序偏偏显示不出来的，查阅了官方文档也不是平台差异得原因，也没有下划线相关的配置，最后发现是一个神奇的配置没写，非常的令人无语是这个配置看起来跟下划线毫无关系

这个是官方说明，不能说没有关系，只能说是毫不相干

解决方法：加上下面这个配置即可，一定要设置成false，尤其是tabs项比较少的时候

:scrollable="false"

如果有多个tab需要滑动且还要兼容小程序的那就只能手动自己撸一个组件用了，示例​​​​​​​ 

2、picker选择器选项不显示

这个算是自己的失误，因为官方示例选项是一个二维数组，平时习惯了一维数组或其他ui框架一下子没转变过来，不过他这个一列选项也搞成二维数组我是真的服

                columns: [
                    ['中国', '美国', '日本']//columns里面还是一个数组
                ],

如果获取的数据是一维数组并且是单列赋值的时候记得要用this.$set(),如果是直接push进去的就不用

this.$set(this.roleColumns,0,res.dataList)

 3、uview设置样式在小程序端不生效

全局配置 | uni-app官网

这个要在页面加入一个配置

		options: { styleIsolation: 'shared' },

然后利用深度选择器设置样式：

	/deep/ .u-button{
		margin: 50rpx 0;
	}

4、DatetimePicker 选择器使用问题

首先是这玩意的绑定值 v-model="value1"，他绑定的值得是一个转为数字的时间戳，官方示例是

 value1: Number(new Date()),

而且这个时间戳还不是你当前输入框的值，还需要在点击确认的时候转化一下格式，再赋值给你最终 想要放的地方绑定的值，uni.$u.timeFormat是uview的一个方法

dateConfirm(e){
				const timeFormat = uni.$u.timeFormat
				this.addFormData.date = timeFormat(e.value, 'yyyy-mm-dd')
				this.datePickerState = false
			}