@nativescript-community/ui-material-speeddial
按下时,该 Material Design 组件可以以快速拨号的形式显示三到六个相关操作。
npm i --save @nativescript-community/ui-material-speeddial
- 版本:7.2.62
- GitHub: https://github.com/nativescript-community/ui-material-components/tree/master
- NPM: https://npmjs.net.cn/package/%40nativescript-community%2Fui-material-speeddial
- 下载
- 昨天: 242
- 上周: 2779
- 上个月: 10071
NativeScript 材料快速拨号
为 NativeScript 提供的 Material Design 的 快速拨号 组件。
内容
安装
ns plugin add @nativescript-community/ui-material-speeddial
确保在添加插件后运行新的构建,以避免任何问题。
变更日志
常见问题解答
使用方法
NativeScript + Vue
import Vue from 'nativescript-vue';
import speeddialPlugin from '@nativescript-community/ui-material-speeddial/vue';
Vue.use(speeddialPlugin);
<MDSpeedDial buttonFontSize="26" text="mdi-one-up" buttonClass="mdi" buttonBackgroundColor="yellow" @tap="onTap">
<MDSpeedDialItem icon="res://ic_action_add" title="test1" backgroundColor="red" @tap="onTap"/>
<MDSpeedDialItem text="mdi-card-account-mail" title="test2" buttonClass="mdi" backgroundColor="green" @tap="onTap"/>
<MDSpeedDialItem backgroundImage="~/images/iu.jpg" backgroundColor="blue" @tap="onTap"/>
<MDSpeedDialItem icon="res://ic_action_add" title="test4" backgroundColor="orange" @tap="onTap"/>
</MDSpeedDial>