view 基本容器
scroll-view 滑动组件
swiper 轮播图组件
match-media
类似于网页开发中使用媒体查询来适配大屏小屏,match-media是一个可适配不同屏幕的基本视图组件。可以指定一组 media query 媒体查询规则,满足查询条件时,这个组件才会被展示。
当页面最小宽度 375px, 页面宽度最大 800px 时显示
当页面高度不小于 400px 且屏幕方向为横向时展示这里
movable-area
指代可拖动的范围,在其中内嵌movable-view
组件用于指示可拖动的区域。即手指/鼠标按住
movable-view
拖动或双指缩放,但拖不出movable-area
规定的范围。当然也可以不拖动,而使用代码来触发
movable-view
在movable-area
里的移动缩放。
text
rich-text
富文本
formSubmit() {
if (!this.hasLogin) {
this.showLoginDialog = true;
return
}
if (this.brandgrade == 1 || this.brandgrade == 2) {
this.showbtipsdialog = true;
return
}
const formData = this.submitdata;
const rule = [
{ name: "username", checkType: "string", checkRule: "0,20", errorMsg: "请输入姓名" },
{ name: "jointype", checkType: "string", checkRule: "0,20", errorMsg: "请选择加盟类型" },
{ name: "joincity", checkType: "string", checkRule: "0,20", errorMsg: "请选择代理城市" },
]
let checkRes = graceChecker.check(formData, rule);
if(!checkRes) {
this.$msg.toast(graceChecker.error);
return;
}
let obj = {
brandId: this.brandsId,
joinUserName: this.submitdata.username,
joinUserPhone: this.submitdata.usertel,
city: this.submitdata.joincity,
joinType: this.joinid,
}
submitjoin(obj).then(res => {
uni.redirectTo({
url: '/pages/join/success'
});
})
},
picker弹出框
picker-view
slider 滑块; switch 开关选择器 ; textarea 多行输入框
navigator
页面跳转
animation-view,audio,camera,image,video,live-player,live-pusher
web-view
是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。
uniCloud分为客户端和云端两部分,有些接口名称相同,参数也相近,在此列举客户端sdk内可以使用的接口/属性,避免混淆
uniCloud.importObject() 获取云对象引用以调用云对象接口 详情
数字角标,面包屑、日历、卡片、折叠面板、组合框、倒计时、数据选择器、级联选择器、下拉框、日期格式化、日期选择器、抽屉、
easyinput 组件是对原生input组件的增强 ,是专门为配合表单组件 uni-forms 而设计的,easyinput 内置了边框,图标等,同时包含 input所有功能
输入内容:{{ '"'+value+'"' }}
uni-file-picker : 文件选择上传组件,可以选择图片、视频等任意文件并上传到当前绑定的服务空间
label-position="top"
商品导航
客服,店铺、购物车、立即购买、加入购物车、立即购买
九宫格
滑动视图
{{ item.text }}
分组、图标、索引列表、超链接、列表
刚刚
加载更多
自定义导航栏
通告栏、数字输入框、分页器、评分、
Popup