diff --git a/README.en.md b/README.en.md index ce5615bc49e189e573df448c5f561eab05fd65b6..32cb8f75f482bce376c37747bef6947d995b06be 100644 --- a/README.en.md +++ b/README.en.md @@ -5,7 +5,10 @@ This sample provides common tab navigation UI styles, including bottom navigation, top navigation, and side navigation. ### Preview -![image](screenshots/device/preview.en.png) + +| 360vp | 600vp | 840vp | +|-----------------------------------------|------------------------------------------|-----------------------------------------| +| ![](screenshots/Devices/preview_EN.png) | ![](screenshots/Devices/preview_fold_EN.png) | ![](screenshots/Devices/preview_pad_EN.png) | ### How to Use 1. Tap a tab on the home page to go to the corresponding page. diff --git a/README.md b/README.md index 41b47e3ce8a0d081d89d30ca67a6d3f0c298890c..0bad6c72acb9a80d35633b6f650e4cf1b70d9000 100644 --- a/README.md +++ b/README.md @@ -5,7 +5,10 @@ Tabs组件可以让用户能聚焦于当前显示的内容,对页面内容进行分类,提高页面空间利用率。本示例基于Tabs组件,为开发者提供不同场景下的导航样式,如:常见底部导航、舵式底部导航、可滑动+更多按钮样式、侧边导航等。 ### 效果预览 -![image](screenshots/device/preview.png) + +| 360vp | 600vp | 840vp | +| ---------------------------------- |------------------------------------------|-----------------------------------------| +| ![](screenshots/Devices/preview.png) | ![](screenshots/Devices/preview_fold.png) | ![](screenshots/Devices/preview_pad.png) | 使用说明: 1. 首页点击各个标签跳转到对应Tab页面。 diff --git a/screenshots/Devices/preview.png b/screenshots/Devices/preview.png new file mode 100644 index 0000000000000000000000000000000000000000..b8ef2559ef55ed638be753a9210b51a67ee2a894 Binary files /dev/null and b/screenshots/Devices/preview.png differ diff --git a/screenshots/Devices/preview_EN.png b/screenshots/Devices/preview_EN.png new file mode 100644 index 0000000000000000000000000000000000000000..ca0262968f5e05ae55aae4ca47c12bbb2d665ba2 Binary files /dev/null and b/screenshots/Devices/preview_EN.png differ diff --git a/screenshots/Devices/preview_fold.png b/screenshots/Devices/preview_fold.png new file mode 100644 index 0000000000000000000000000000000000000000..43ba6c7dcc34cdd47faac02b7b562cd8afc769d4 Binary files /dev/null and b/screenshots/Devices/preview_fold.png differ diff --git a/screenshots/Devices/preview_fold_EN.png b/screenshots/Devices/preview_fold_EN.png new file mode 100644 index 0000000000000000000000000000000000000000..5e4d2c4922637b6a13138025a596b6499105836e Binary files /dev/null and b/screenshots/Devices/preview_fold_EN.png differ diff --git a/screenshots/Devices/preview_pad.png b/screenshots/Devices/preview_pad.png new file mode 100644 index 0000000000000000000000000000000000000000..9210970c28a787dbdc2b73241063b6aad882df04 Binary files /dev/null and b/screenshots/Devices/preview_pad.png differ diff --git a/screenshots/Devices/preview_pad_EN.png b/screenshots/Devices/preview_pad_EN.png new file mode 100644 index 0000000000000000000000000000000000000000..5ff60c78d845f76bca56bb69a891b41f8d31eb8c Binary files /dev/null and b/screenshots/Devices/preview_pad_EN.png differ diff --git a/screenshots/device/preview.en.png b/screenshots/device/preview.en.png deleted file mode 100644 index 19394e3d56d4eb0d72efbb9c749e441e35373274..0000000000000000000000000000000000000000 Binary files a/screenshots/device/preview.en.png and /dev/null differ diff --git a/screenshots/device/preview.png b/screenshots/device/preview.png deleted file mode 100644 index 4be515e38bfc9b84d4b6567e8fe775b02734b5ff..0000000000000000000000000000000000000000 Binary files a/screenshots/device/preview.png and /dev/null differ