小程序——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:带拍照上传
相关推荐
互联科技报8 小时前
2026小程序店铺装修模板怎么选?小程序店铺装修教程是什么?
小程序
凡科网小帆9 小时前
右以云小程序:零基础企业的高性价比数字化落地实录
小程序
棋宣9 小时前
微信小程序onShareAppMessage 分享-生命周期函数 在vue3中 组合式函数 hooks中不生效
微信小程序·小程序
2601_957966539 小时前
抽卡机盲盒小程序怎么做?完整功能搭建与开发要点
小程序
wuyoula1 天前
全新多平台电商代付商城源码
开发语言·c++·ui·小程序·php源码
低代码布道师1 天前
微搭低代码MBA 培训管理系统实战 36——小程序端课程预约功能实现
低代码·小程序
万岳科技系统开发1 天前
小程序直播架构调整指南:H5嵌套模式的优化与替代方案
小程序·架构
Greg_Zhong1 天前
学习AI 工程师第 3 天:小程序中调用豆包模型,实现ai助手(打字机效果与流式输出)
小程序·ai工程师·小程序调用豆包实现ai助手
于先生吖1 天前
家政派单小程序定制厂家
大数据·小程序
00后程序员张1 天前
完整指南 iOS App上架到App Store的步骤详解
macos·ios·小程序·uni-app·objective-c·cocoa·iphone