diff --git a/docs/component/uniui/uni-segmented-control.md b/docs/component/uniui/uni-segmented-control.md index 16153a9bb7093397067d57afd5de4c287436b00d..70021d680f153e8439b9cabf72ee99af01ef02bc 100644 --- a/docs/component/uniui/uni-segmented-control.md +++ b/docs/component/uniui/uni-segmented-control.md @@ -1,82 +1,82 @@ - -::: tip 组件名:uni-segmented-control -> 代码块: `uSegmentedControl` - -[点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uni-segmented-control) -::: - -用作不同视图的显示 -## 介绍 -### 基本用法 - -```html - - -``` - -## API - -### SegmentedControl Props - -|属性名|类型|默认值|说明| -|:-:|:-:|:-:|:-:| -|current|Number|0|当前选中的tab索引值,从0计数| -|styleType|String|button|分段器样式类型,可选值:button(按钮类型),text(文字类型) | -|activeColor|String|#007aff|选中的标签背景色与边框颜色| -|values|Array|-|选项数组| - -### SegmentedControl Events - -|事件名|说明|返回值| -|:-:|:-:|:-:| -|@clickItem |组件触发点击事件时触发|e={currentIndex} | - - - -## 示例 -::: warning 注意 -示例依赖了 `uni-card` `uni-section` `uni-scss` 等多个组件,直接拷贝示例代码将无法正常运行 。 - -请到 [组件下载页面](https://ext.dcloud.net.cn/plugin?name=uni-segmented-control) ,在页面右侧选择 `使用 HBuilderX导入示例项目` ,体验完整组件示例。 -::: - -::: preview https://hellouniapp.dcloud.net.cn/pages/extUI/segmented-control/segmented-control -> Template -``` html + +::: tip 组件名:uni-segmented-control +> 代码块: `uSegmentedControl` + +[点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uni-segmented-control) +::: + +用作不同视图的显示 +## 介绍 +### 基本用法 + +```html + + +``` + +## API + +### SegmentedControl Props + +|属性名|类型|默认值|说明| +|:-:|:-:|:-:|:-:| +|current|Number|0|当前选中的tab索引值,从0计数| +|styleType|String|button|分段器样式类型,可选值:button(按钮类型),text(文字类型) | +|activeColor|String|#007aff|选中的标签背景色与边框颜色| +|values|Array|-|选项数组| + +### SegmentedControl Events + +|事件名|说明|返回值| +|:-:|:-:|:-:| +|@clickItem |组件触发点击事件时触发|e={currentIndex} | + + + +## 示例 +::: warning 注意 +示例依赖了 `uni-card` `uni-section` `uni-scss` 等多个组件,直接拷贝示例代码将无法正常运行 。 + +请到 [组件下载页面](https://ext.dcloud.net.cn/plugin?name=uni-segmented-control) ,在页面右侧选择 `使用 HBuilderX导入示例项目` ,体验完整组件示例。 +::: + +::: preview https://hellouniapp.dcloud.net.cn/pages/extUI/segmented-control/segmented-control +> Template +``` html -``` -> Script +``` +> Script ```html - -``` -> Style + +``` +> Style ```html - -``` -::: + + +``` +::: [完整示例演示](https://hellouniapp.dcloud.net.cn/pages/extUI/segmented-control/segmented-control) \ No newline at end of file