小程序——WeUI组件

WeUI组件

一、概述

也可以扫描二维码查看样式:

二、组件与样式库

2.1、表单

  • button :按钮
    • 普通型
    • 底部悬浮型
  • form :表单
    • 表单结构
    • 输入框状态
    • 验证码
    • 底部悬浮
    • 跳转列表项
    • 复选框
    • 单选框
    • 开关
    • 选择框
    • 文本域
    • 上下结构
  • list :列表
    • 带说明的列表项
    • 带图标、说明的列表项
    • 带跳转的列表项
    • 带说明、跳转的列表项
    • 带图标、说明、跳转的列表项
  • slideview :滑动操作
    • 滑动文字按钮
    • 滑动图标按钮
  • slider:滑块
  • uploader :图片上传
    • 缩略图不带删除
    • 缩略图带删除

2.2、基础组件

  • article :文章
    • 多级标题
    • 多级列表
  • badge :徽章
    • 右侧显示
    • 左侧显示
  • flex:流式布局
  • footer:页脚
  • gallery:画廊,图片预览
  • grid:网格布局
  • icons :图标
    • 成功
    • 提示
    • 普通警告
    • 强烈警告
    • 等待
  • loading :等待状态
    • 旋转圆圈
    • 横向点点点
  • loadmore :加载更多
    • 正在加载
    • 暂无数据
  • panel :画板
    • 图文组合列表
    • 文字组合列表
    • 小图文组合列表
    • 文字列表附来源
  • preview:表单预览
  • progress:进度条
  • steps :步骤条
    • 垂直型
    • 水平型

2.3、操作反馈

  • actionsheet :弹出式菜单
    • 下方弹出
  • dialog:对话框
  • falf-screen-dialog :半屏组件
    • 下方弹出
  • msg :提示页
    • 成功提示页
    • 失败提示页
    • 无图标提示页
    • key-value列表场景
    • 提示列表场景
    • 跳转列表场景
  • picker :选择器
    • 单列选择器
    • 时间选择器
    • 日期选择器
  • toast :弹出式提示
    • 成功提示
    • 失败提示
    • 长文案提示
    • 正在加载提示
    • 文字提示
  • 信息提示条
    • 强警告
    • 弱警告
    • 信息提示
    • 强提示
    • 弱提示

2.4、导航相关

  • navigation-bar:顶部导航栏
  • tabbar:底部导航栏

2.5、搜索相关

  • searchbar :搜索栏
    • Filled Default:灰色底
    • Filled Grey:白色底
    • Outlined:带取消按钮
    • Homepage:带拍照上传
相关推荐
lhldsg14 小时前
AI零售系统实战指南:从架构设计到落地部署全解析
java·人工智能·小程序·uni-app·零售
2601_949950631 天前
没有现成习题,试试AI再写出题
人工智能·小程序·刷题·练习·小程序推荐
andrsted1 天前
作业发布、课堂检测和错题讲评,用一个小程序完成
学习·微信小程序·小程序·学习方法
汤姆yu1 天前
基于微信小程序的家电维修预约系统
微信小程序·小程序·家电维修
软件聚导航2 天前
「聚小软 AI 助手」技术升级:从数据库检索到 RAG 知识库问答
前端·数据库·mysql·微信小程序·小程序·ai编程·rag
一叶星殇2 天前
微信小程序 Vant Popup 滚动穿透:页面级与组件级解决方案详解
微信小程序·小程序
2601_963869952 天前
【计算机毕业设计】基于微信小程序的点餐传菜系统设计与实现
微信小程序·小程序·课程设计
show4333 天前
AI证件照生成工具推荐:小程序vsAPPvs网页全对比
人工智能·小程序
北漂燕郊杨哥3 天前
VS Code 安装微信小程序 MCP 介绍
vscode·微信小程序·小程序·mcp