WEE

WEE

  • 首页
  • 起步
  • 全局样式
  • 组件库

›Form

WEEUI

  • About 关于
  • Installation 安装
  • Theme 主题

Basic

  • Grid 栅格
  • Container 布局容器
  • Layout 布局
  • Colors 色彩
  • Font 字体
  • Icon 图标

Form

  • Button 按钮
  • Checkbox 按钮
  • Input 输入框
  • inputnumber 输入框
  • select 下拉选择
  • Cascader 级联选择
  • switch 开关
  • slider 滑动输入条
  • upload 上传
  • rate 评分
  • Transfer 穿梭框
  • Pagination 分页
  • avatar 头像
  • form 表单

Notice

  • Alert 警告
  • message 消息提示
  • modal 对话框
  • loading 等待
  • notification 通知

Navigation

  • nav 导航
  • tabs 选项卡
  • dropdown 下拉菜单
  • steps 步骤向导
  • breadcrumb 面包屑

Others

  • table 表格
  • tooltip 文字提示
  • popover 弹窗框
  • card 卡片
  • timeline 时间轴
  • image 图片
  • carousel 走马灯
  • collapse 折叠面板
  • charts 图表

Input 输入框

基本使用

<input placeholder="请输入" type="text" class="wee-input" value="">

尺寸规格

<p><input placeholder="请输入" type="text" class="wee-input wee-input-lg" value=""></p>
<p><input placeholder="请输入" type="text" class="wee-input wee-input" value=""></p>
<p><input placeholder="请输入" type="text" class="wee-input wee-input-sm" value=""></p>

前/后标签

前置标签

http://

<span class="wee-input-wrap wee-input-group" >
  <span class="wee-input-addon">http://</span>
  <input placeholder="Basic usage" type="text" class="wee-input" value="">
</span>

后置标签

.com

<span class="wee-input-wrap wee-input-group">
  <input placeholder="Basic usage" type="text" class="wee-input" value="">
  <span class="wee-input-addon">.com</span>
</span>

前后置标签

http:// .com

<span class="wee-input-wrap wee-input-group">
  <span class="wee-input-addon">http://</span>
  <input placeholder="Basic usage" type="text" class="wee-input" value="">
  <span class="wee-input-addon">.com</span>
</span>
← Checkbox 按钮inputnumber 输入框 →
  • 基本使用
  • 尺寸规格
  • 前/后标签
WEE
Resource
WeeKit——Web UI组件设计库React-wee——React版本组件库Muss——基础SASS库,快速编写CSS样式Zebra——前端JS基础类库Universal-website——通用建站模板Rainbow——Web渐变配色方案
Charts
React-echarts-packetRechartjs
More
BlogGitHubStar
Facebook Open Source
Copyright © 2020 WEE·ZHIKING