小程序——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:带拍照上传
相关推荐
云-缩影18 小时前
做微信小程序,自建服务器还是用云托管:技术选型对比
服务器·微信小程序·小程序
超级新零售2 天前
服装订货会数字化:商品版本、订单状态与后续配发数据如何衔接?
大数据·小程序·企业微信
xiezhr2 天前
我用workBuddy开发了自己的第一个小程序并成功上线了
ai·小程序·ai agent·workbuddy
sinat_267611912 天前
用 AI 开发微信小程序(八):一个极简收纳工具的开发复盘
微信小程序·小程序
李纲明3 天前
微信小程序真机预览白屏或 request 失败:先核 request 合法域名与 TLS,再查体验版与本地缓存
缓存·微信小程序·小程序·小程序开发·devdiy·真机预览·合法域名
klfdgl3 天前
线上商城小程序投入测算,有成熟开发经验服务商的长期收益对比
小程序
一木 之林3 天前
Dify学习笔记 03 · RAG检索增强生成:三代范式、评估与落地(第40-45、55-56集)
笔记·小程序·交互·dify
赵小哥要冲啦4 天前
社区邻里互助小程序从 0 到 1 复盘:需求拆解与信任机制设计
java·小程序·需求分析
河北清兮网络科技4 天前
石家庄做一套企业知识库系统多少钱?2026 报价明细
小程序·短剧app·广告联盟
Ai-_Man4 天前
Coze扣子还是不可以导出左侧所有对话,只能点进去单条内容导出,方法不对吗?
开发语言·人工智能·ai·小程序·1024程序员节