uni-app内部组件

uni-app官网组件

消息提示

最全的toast：

	 uni.showToast({
		title:"请输入用户名密码!" ,
		icon: 'none',
		mask: true,
		duration: 2000
	})

icon值：
默认success。
（1）none：没有图标
（2）error：错误图标
（3）loading：加载
（4）success：成功
如果只是最简单的，超过7个字会显示不完全。

	 uni.showToast({
		title:"请输入用户名密码!" 
	})

成功信息：

uni.showToast({
title: '提交成功',
duration: 2000
});

失败信息：

uni.showToast({
title: '提交失败',
icon: 'error',
duration: 2000
});

用户交互点击

                    uni.showModal({
                        title: '哦，答错了',
                        content: '是否加入错题本？',
                        success: function (res) {
                            if (res.confirm) {
                                console.log('用户点击确定');
                            } else if (res.cancel) {
                                console.log('用户点击取消');
                            }
                        }
                    });

存储本地缓存

存储：

uni.setStorageSync('token', 'hello');

取值：

uni.getStorageSync('token');

表单组件

文本域

textarea值得注意的是默认限制输入长度140，如果打破这个限制，将其设置为-1

<textarea class="input-val" v-model="form.content" maxlength="-1" auto-height placeholder="请输入句子内容"/>

第三方插件

moment.js

安装

npm install moment --save

以下是单个vue文件引入
（1）import

	import moment from 'moment'

（2）调用moment

moment(time).format('YYYY-MM-DD HH:mm:ss')

示例：

<template>
	<view>
		<view>{{formatTime(sentence.createTime)}}</view>
	</view>
</template>

<script>
	import moment from 'moment'
	export default {
		data() {
			return {
			}
		},
		methods: {
			formatTime(time){
				return moment(time).format('YYYY-MM-DD HH:mm:ss');
			}
		},
	}
</script>