国产在线播放,国产熟女乱伦,波多野估结衣在线

UI組件庫(kù)Kendo UI for Vue原生組件中文教程：如何使用圖標(biāo)按鈕？

翻譯|使用教程|編輯：龔雪|2022-08-17 10:42:46.057|閱讀 287 次

概述：本文主要為大家介紹如何開(kāi)始使用Kendo UI for Vue的圖標(biāo)按鈕組件，歡迎下載最新版控件體驗(yàn)！

相關(guān)鏈接：

Kendo UI致力于新的開(kāi)發(fā)，來(lái)滿足不斷變化的需求。Kendo UI for Vue使用旨在提高性能和豐富用戶體驗(yàn)的Vue組件，幫助開(kāi)發(fā)人員構(gòu)建下一代應(yīng)用程序。它是為Vue技術(shù)框架提供可用的Kendo UI組件，以便更快地構(gòu)建更好的Vue應(yīng)用程序。

您可以通過(guò)向其添加圖像、預(yù)定義或自定義圖標(biāo)來(lái)增強(qiáng) Button 的文本內(nèi)容。

從 Web 標(biāo)準(zhǔn)的角度來(lái)看，最好使用背景圖像，因?yàn)閳D標(biāo)用于裝飾而不是表示結(jié)構(gòu)內(nèi)容。

Kendo UI最新官方正式版下載

Button提供以下選項(xiàng)：

使用內(nèi)置的Kendo UI for Vue圖標(biāo)，內(nèi)置圖標(biāo)通過(guò)icon 屬性應(yīng)用并顯示為 Button 的背景。
添加image圖標(biāo)，它們通過(guò)組件的屬性應(yīng)用。
添加 FontAwesome 和其他字體圖標(biāo)，它們是通過(guò)屬性設(shè)置所需的第三方 CSS 類來(lái)實(shí)現(xiàn)的。

下面的示例演示如何在 Button 中使用不同類型的圖標(biāo)。

UI組件庫(kù)Kendo UI for Vue原生組件中文教程：如何使用禁用按鈕？

main.vue

<template>
<div>
<kbutton :icon="'refresh'">Kendo UI for Vue font icon</kbutton>
<kbutton :image-url="'//demos.telerik.com/kendo-ui/content/shared/icons/sports/snowboarding.png'">Image icon</kbutton>
<kbutton :icon-class="'fa fa-key fa-fw'">FontAwsome icon</kbutton>
</div>
</template>
<script>
import { Button } from '@progress/kendo-vue-buttons';

export default {
components: {
'kbutton': Button
}
}
</script>
<style>
.k-button + .k-button {
margin-left: 5px
}
</style>

main.js

import { createApp } from 'vue'
import App from './main.vue'

createApp(App).mount('#app')

Telerik_KendoUI產(chǎn)品技術(shù)交流群：726377843 歡迎一起進(jìn)群討論

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@ke049m.cn

文章轉(zhuǎn)載自：慧都網(wǎng)

上一篇：Word處理控件Aspose.Words功能演示：從 Java 中的 Word DOC 中提取圖像下一篇：.NET圖表控件TeeChart for .NET使用教程：系列值列表

相關(guān)產(chǎn)品

控件

產(chǎn)品功能：UI界面

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13989

當(dāng)前版本：2025 Q3 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： telerik

正式授權(quán)

">Kendo UI for Vue

創(chuàng)建響應(yīng)式Web應(yīng)用的完整UI組件庫(kù)。

控件

產(chǎn)品功能：UI界面

源碼：非開(kāi)源

產(chǎn)品編號(hào)：13438

當(dāng)前版本：2025 Q3 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： telerik

正式授權(quán)

">Kendo UI

全新升級(jí)的Kendo UI，是創(chuàng)建數(shù)據(jù)豐富的Web應(yīng)用程序的最完整UI庫(kù)。

最新文章 MORE

半島外圍網(wǎng)上直營(yíng)相關(guān)的文章 MORE

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

半岛外围网上直营

在線采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

UI組件庫(kù)Kendo UI for Vue原生組件中文教程：如何使用圖標(biāo)按鈕？

用科技創(chuàng)就卓越

Create excellence with technology

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

半岛外围网上直营

在線采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

UI組件庫(kù)Kendo UI for Vue原生組件中文教程：如何使用圖標(biāo)按鈕？

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology