面向金融场景的 Vue.js 移动端组件库 mand-mobile

mand-mobile 详细介绍

mand-mobile 是一个面向金融场景的 Vue.js 移动端 UI 组件库。

体验地址

安装

npm install mand-mobile --save

导入

使用 babel-plugin-import 或者 ts-import-plugin (Recommended)

import { Button } from 'mand-mobile'

手动导入

import Button from 'mand-mobile/lib/button'

全部导入

import Vue from 'vue'
import mandMobile from 'mand-mobile'
import 'mand-mobile/lib/mand-mobile.css'Vue.use(mandMobile)

使用

选择构建Web应用程序所需的组件。在组件预览中查找更多细节。

<template><div id="app"><md-field title="form" class="block"><md-input-itemtitle="name"placeholder="Please input your name."></md-input-item><md-field-itemtitle="sex"arrow="arrow-right":value="sex"@click="isPickerShow = true"solid></md-field-item><md-pickerv-model="isPickerShow":data="pickerData"title="sex"></md-picker></md-field><md-agree class="agree">Agree to the privacy policy.</md-agree><md-action-bar :actions="actionBarData">&yen;128.00</md-action-bar></div>
</template><script>
import {Agree,ActionBar,Field,FieldItem,InputItem,Picker
} from 'mand-mobile'export default {name: 'app',components: {[Agree.name]: Agree,[ActionBar.name]: ActionBar,[Field.name]: Field,[FieldItem.name]: FieldItem,[InputItem.name]: InputItem,[Picker.name]: Picker},data () {return {isPickerShow: false,actionBarData: [{text: 'confirm'}],pickerData: [[{ text: 'male' },{ text: 'female' }]]}}
}
</script>

面向金融场景的 Vue.js 移动端组件库 mand-mobile相关推荐

vue手机端项目php,MintUI基于Vue.js移动端组件库详解
Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要.接下来通过本文给大家分享Mint UI 基于 Vue.js 移动端组件库,需要的朋友参考下吧,希望能帮助到大家. 官网 ...
atom-design(Vue.js移动端组件库)手势组件介绍
介绍 atom-design经过几个月的开发,以及这段时间的修复bug,对js,css压缩,按需引入处理等等的性能优化,现在已经逐渐完善.做这套UI考虑到很多性能的问题,以及如何让开发者更自由.更简单 ...
Element 2.13.0 发布，基于 Vue 的桌面端组件库
Element 2.13.0 发布了.Element 是一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,提供了配套设计资源,帮助你的网站快速成型.由饿了么公司前端团队开源. ...
基于Vue.js的iView组件库table组件内render 里面 tab 里面的单选
先上效果图: 打印选中的结果: 代码如下: <template><div> <div class="listfile&qu ...
vue.js移动端记账本完成的总结（未完待续，电脑快没电了）
两个目的第一个目的:这一个移动端记账本的创作来源呢,其实是我在学习了理财的课程之后,突然想为自己写一个记账的东西来记录自己每天花费的钱,从而可以降低那些不必要的开销,从而达到理财的第一步. 当然还有 ...
vue.js移动端记账本完成的总结（未完待续，电脑快没电了） 1
两个目的第一个目的:这一个移动端记账本的创作来源呢,其实是我在学习了理财的课程之后,突然想为自己写一个记账的东西来记录自己每天花费的钱,从而可以降低那些不必要的开销,从而达到理财的第一步. 当然还有 ...
Vue.js(十) element-ui PC端组件库
一:简介饿了么公司基于Vue开发了两套UI组件库,PC端组件库和移动端组件库. 一部分组件库是对原生的HTML标签元素的封装,增加了一些新的功能. 另一部分组件库是原生HTML标签元素没有的,是 ...
移动端cube界面设计html,滴滴开源基于 Vue.js 的移动端组件库 cube-ui
原标题:滴滴开源基于 Vue.js 的移动端组件库 cube-ui 开源最前线(ID:OpenSourceTop) 猿妹整编综合自:https://didi.github.io/cube-ui/ ...
animate inater插件_基于animate.css动画库的全屏滚动小插件，适用于vue.js(移动端、pc)项目...
功能简介基于animate.css动画库的全屏滚动,适用于vue.js(移动端.pc)项目. 安装 npm install vue-animate-fullpage --save 使用 main.j ...
Vuex 数据流管理及Vue.js 服务端渲染（SSR）
Vuex 数据流管理及Vue.js 服务端渲染(SSR)项目见:https://github.com/smallSix6/fed-e-task-liuhuijun/tree/master/fed-e- ...

面向金融场景的 Vue.js 移动端组件库 mand-mobile

体验地址

安装

导入

使用

面向金融场景的 Vue.js 移动端组件库 mand-mobile相关推荐

最新文章

热门文章