提交 548023e9 编写于 作者: mdbootstrap's avatar mdbootstrap

Update README.md

上级 ae154056
...@@ -4,9 +4,9 @@ ...@@ -4,9 +4,9 @@
### Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT ### Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT
**[>> Get Started in 4 steps](https://mdbootstrap.com/docs/b5/vue/getting-started/installation/)** **[>> 4个步骤开始](https://mdbootstrap.com/docs/b5/vue/getting-started/installation/)**
**[>> MDBVue 5 Demo](https://mdbootstrap.com/docs/b5/vue#demo)** **[>> MDBVue 5演示](https://mdbootstrap.com/docs/b5/vue#demo)**
<a href="https://npmcharts.com/compare/mdb-vue-ui-kit?minimal=true"> <img src="https://img.shields.io/npm/dw/mdb-vue-ui-kit" alt="Downloads"></a> <a href="https://npmcharts.com/compare/mdb-vue-ui-kit?minimal=true"> <img src="https://img.shields.io/npm/dw/mdb-vue-ui-kit" alt="Downloads"></a>
<a href="https://github.com/mdbootstrap/mdb-vue-ui-kit/License.pdf"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a> <a href="https://github.com/mdbootstrap/mdb-vue-ui-kit/License.pdf"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>
...@@ -25,19 +25,19 @@ ...@@ -25,19 +25,19 @@
</td> </td>
<td> <td>
<ul> <ul>
<li><b>500+ material UI components</b></li> <li><b>500多种材料UI组件</b></li>
<li>Super simple, 1 minute installation</li> <li>超级简单,一分钟安装</li>
<li>Detailed docs & multiple practical examples</li> <li>详细的文档和多个实际示例</li>
<li>Vue 3</li> <li>Vue 3</li>
<li>Huge and active community</li> <li>庞大而活跃的社区</li>
<li><b>MIT license - free for personal & commercial use</b></li> <li><b>MIT许可证-免费供个人和商业使用</b></li>
</ul> </ul>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
Trusted by <b>2 000 000+</b> developers & designers. Used by companies like 受信赖 <b>2 000 000+</b> 开发人员和设计师。 像这样的公司使用
<table> <table>
<tbody> <tbody>
...@@ -60,9 +60,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like ...@@ -60,9 +60,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
--- ---
###### Tutorial for the latest Bootstrap v.5 Alpha. In this video we'll learn about the changes implemented into v.5. ###### 最新的Bootstrap v.5 Alpha教程。 在本视频中,我们将了解v.5中实施的更改。
**[>> Click here for a written tutorial](https://mdbootstrap.com/docs/b5/vue/getting-started/quick-start/)** **[>> 单击此处获取书面教程](https://mdbootstrap.com/docs/b5/vue/getting-started/quick-start/)**
<table> <table>
<tbody> <tbody>
...@@ -96,13 +96,13 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like ...@@ -96,13 +96,13 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
--- ---
# Demo # 演示版
#### Simplicity and ease of use are key features of MDB 5 Vue UI Kit. You need only one minute to install and run it. #### 简单性和易用性是MDB 5 Vue UI Kit的关键功能。 您只需要一分钟即可安装和运行它。
### Buttons ### 纽扣
<p>Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.</p> <p>将MDB自定义按钮样式用于表单,对话框等中的操作,并支持多种大小,状态等。</p>
<a href="https://mdbootstrap.com/docs/b5/vue/components/buttons/" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/b5/vue/components/buttons/" alt="Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
...@@ -128,9 +128,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like ...@@ -128,9 +128,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
</p> </p>
</a> </a>
### Spinners ### 微调器
<p>Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript.</p> <p>使用MDB微调器指示组件或页面的加载状态,这些组件或页面完全使用HTML,CSS而不使用JavaScript构建。</p>
<a href="https://mdbootstrap.com/docs/b5/vue/components/spinners/" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/b5/vue/components/spinners/" alt="Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
...@@ -144,9 +144,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like ...@@ -144,9 +144,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
</p> </p>
</a> </a>
### Cards ###
<p>A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.</p> <p>卡是一种灵活且可扩展的内容容器。 它包括页眉和页脚选项,各种内容,上下文背景颜色以及强大的显示选项。</p>
<a href="https://mdbootstrap.com/docs/b5/vue/components/cards/" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/b5/vue/components/cards/" alt="Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
...@@ -154,9 +154,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like ...@@ -154,9 +154,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
</p> </p>
</a> </a>
### Footer ### 页脚
<p>A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.</p> <p>页脚是附加的导航组件。 它可以包含链接,按钮,公司信息,版权,表格和许多其他元素。</p>
<a href="https://mdbootstrap.com/docs/b5/vue/navigation/footer/" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/b5/vue/navigation/footer/" alt="Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
...@@ -164,9 +164,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like ...@@ -164,9 +164,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
</p> </p>
</a> </a>
### Hover ### 徘徊
<p>MDB hover effect appears when the user positions the computer cursor over an element without activating it. Hover effects make a website more interactive.</p> <p>当用户将计算机光标置于元素上而不激活它时,就会出现MDB悬停效果。 悬停效果使网站更具交互性。</p>
<a href="https://mdbootstrap.com/docs/b5/vue/content-styles/hover-effects/" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/b5/vue/content-styles/hover-effects/" alt="Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
...@@ -180,9 +180,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like ...@@ -180,9 +180,9 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
</p> </p>
</a> </a>
### Notes ### 笔记
<p>Notes are small components very helpful in inserting an additional piece of information.</p> <p>注释是小的组件,在插入其他信息时非常有帮助。</p>
<a href="https://mdbootstrap.com/docs/b5/vue/content-styles/typography/" alt="Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/b5/vue/content-styles/typography/" alt="Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
...@@ -192,4 +192,4 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like ...@@ -192,4 +192,4 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
</table> </table>
and more. 和更多。
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册