diff --git a/README.md b/README.md index 2103f880d6a2f852caf0cf06fd208c92e1f3c4e0..cd598fd4493937e70e96c6192d883b2a6e720f45 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,17 @@ -# 验证码场景实例 +# 验证码场景合集 ### 介绍 本示例介绍了文本框显示光标、底部加横条、背景颜色改变、选择验证码、滑块验证码五种验证码实例。 ### 效果预览 +| 文本框显示光标 | 底部加横条 | 背景颜色改变 | 选择验证码 | +|----------------------------------------|-----------------------------------------|---------------------------------------------|-----------------------------------------| +| ![image](screenshots/device/text.gif) | ![image](screenshots/device/bottom.gif) | ![image](screenshots/device/background.gif) | ![image](screenshots/device/choose.gif) | +| 滑动验证码 | +| ![image](screenshots/device/slide.gif) | -![](screenshots/device/verification.gif) - -使用说明: +### 使用说明: 加载完成后显示首页的5个验证码实例,点击对应按钮,进入相应的验证码页面: 1. 文本框显示光标:输入数字光标会移动到下一个文本框,同时下边框变色。 diff --git a/screenshots/device/background.gif b/screenshots/device/background.gif new file mode 100644 index 0000000000000000000000000000000000000000..f1c1294c5137a272a8f31ebc1f8a32389c8f0ff5 Binary files /dev/null and b/screenshots/device/background.gif differ diff --git a/screenshots/device/bottom.gif b/screenshots/device/bottom.gif new file mode 100644 index 0000000000000000000000000000000000000000..480fab7c40de1c96aa83415124719687f69aab85 Binary files /dev/null and b/screenshots/device/bottom.gif differ diff --git a/screenshots/device/choose.gif b/screenshots/device/choose.gif new file mode 100644 index 0000000000000000000000000000000000000000..9dfdea77bd132dd697b020e80269f99a205db42f Binary files /dev/null and b/screenshots/device/choose.gif differ diff --git a/screenshots/device/slide.gif b/screenshots/device/slide.gif new file mode 100644 index 0000000000000000000000000000000000000000..3b1bdfbdab29e73b5f3f95a485fc5e45dc87d4dd Binary files /dev/null and b/screenshots/device/slide.gif differ diff --git a/screenshots/device/text.gif b/screenshots/device/text.gif new file mode 100644 index 0000000000000000000000000000000000000000..a306f736a67021a9862b89c1c5a9cb82b4731cdb Binary files /dev/null and b/screenshots/device/text.gif differ