vue.js 组件化_Vue.js的Material Design样式化组件

最新推荐文章于 2024-08-09 07:04:52 发布
最新推荐文章于 2024-08-09 07:04:52 发布
阅读量186 收藏
点赞数
文章标签： vue react 小程序 js html ViewUI
原文链接：https://vuejsexamples.com/material-design-styled-components-for-vue-js/
版权

vue.js 组件化

材料成分Vue (Material Components Vue)

Material-components-vue integrates the mdc-web (by google) vanilla components following the simple approach.

Material-components-vue按照简单的方法集成了mdc-web(由Google提供)香草组件。

特征 (Features)

  • decoupled components

    解耦组件

  • implementing just the specs not more or less

    仅或多或少地实施规范

  • keep the components as simple as possible

    使组件尽可能简单

  • keep in sync with changes in the mdc-web repository

    与mdc-web存储库中的更改保持同步

  • user friendly component api

    用户友好的组件API

  • SSR (Server Side Rendering) support

    SSR(服务器端渲染)支持

翻译自: https://vuejsexamples.com/material-design-styled-components-for-vue-js/

vue.js 组件化

cuk5340
关注
material-components-vue：Vue.js的Material Design样式的组件
02-03
材料成分Vue Vue.js的Material Design样式化组件 Material-components-vue按照集成了 （由Google提供）香草组件。 发展历程 该项目正在积极开发中，但是我需要您提供任何帮助。 由于日常工作量很大，我正在努力升级到上游项目的最新版本：mdc-web。 链接 支持 如果您想帮助，随时提交问题或提出请求。 欢迎提供任何有助于稳定和改进图书馆的信息！ 如果您想支持我，可以给我买一个 :hot_beverage: 这里 :thumbs_up: 产品特点 解耦组件 只是或多或少地实施规范 使组件尽可能简单 与mdc-web存储库中的更改保持同步 用户友好的组件API SSR（服务器端渲染）支持 文献资料 您将在其相应的组件目录中找到每个组件的API文档： 组件/[component]/README.md 发行版 名称 ECMA 最小化 dist / [component] /index.js 5 没有 dist / [component] / [component] .min.js 5 是 所有版本均作为UMD模块提供。 名称 描
Vue.js的material-components-web的包装器
cuk5340的博客
07-23 362
Vue.js的材料组件 (Material components for Vue.js) Material-components-vue integrates the mdc-web vanilla components following the simple approach. Material-components-vue按照简单的方法集成了mdc-web香草组件。 View demo...
探索Vue Material：打造高质量的Material Design应用
最新发布
gitblog_00481的博客
08-09 896
探索Vue Material：打造高质量的Material Design应用 vue-materialVue.js Framework - ready-to-use Vue components with Material Design, free forever.项目地址:https://gitcode.com/gh_mirrors/vu/vue-material Vue Material 是...
vue.js ui_Vue.js的Material Design样式UI
cuk5340的博客
07-29 115
vue.js ui 克雷基基伊 (clearaki-ui) MD style UI for Vue.js. Vue.js的MD样式用户界面。 View Documentation 查看文档 Download Source 下载源 用 (Use) npm i clearaki-ui // main.js import AkiUI from 'clearaki-ui' Vue.use(AkiU...
MaterialDesign风格的Vuejs轻量UI组件库
08-10
Rubik UI 是一个基于 Vue.js 2.0 的开源 UI 组件库，在交互和视觉设计上遵循 Material Design 规范，适用于 PC 端和 mobile 端。
一个为VueJS20打造的Material风格的组件库
08-08
一个为 Vue JS 2.0 打造的 Material 风格的组件库
Vue.js组件实现基本库样式指南。该库旨在提供以基本库样式设计的组件的Vue.js实现。___下载.zip
04-18
Vue.js 是一款流行的前端JavaScript框架，它以组件化开发为核心，极大地提高了开发效率和代码复用性。在“Vue.js组件实现基本库样式指南”中，我们将会探讨如何使用Vue.js构建符合特定基本库样式的组件。这个指南的...
Vue.js，作为一个流行的前端JavaScript框架，以其独特的优势在前端开发领域占据了一席之地 以下是对Vue.js开发的
05-02
Vue.js 支持组件化开发，这意味着应用程序被分解为多个独立且可复用的组件，每个组件都有自己的模板、逻辑和样式。这种结构有助于管理复杂的应用程序，并提高了代码的可读性和可维护性。 **应用场景**： - **重用...
Varlet是基于Vue3开发的Material Design移动组件库，-Vue.js开发
05-27
Varlet是基于Vue3开发的Material design移动组件库，由社区中的合作伙伴开发和维护。 VARLET Vue3的Material Design移动组件库简介Varlet是基于Vue3开发的Material design移动组件库，由社区中的合作伙伴开发和维护...
Vue.js roadmap
06-12
- **Vuetify**：一个基于 Material Design 的 Vue.js 组件库，提供了丰富的 UI 元素和样式。 - **Element UI**：另一个流行的 Vue.js UI 组件库，适用于快速构建桌面应用。 **综合示例** - **Quasar**：一个全栈...
基于Vue的MaterialDesignUI库Vue-Carbon.zip
07-19
vue-carbon，基于 vue 开发 material design 风格的移动端 WEB UI 库, 设计资源参考 CARBON FrameWork7。安装目前只使用 npm 安装，和使用 webpack 项目的应用npm install vue-carbon --saveimport Vue from 'vue' import VueCarbon from 'vue-carbon' Vue.use(VueCarbon)简单使用例如这个 Refresh Control 组件的demo页面<template> <div class="page">   <header-bar>     <icon-button slot="left" @click="back()" icon="arrow_back"></icon-button>     <span>Refresh Control</span>     <icon-button slot="right" @click="refresh()" icon="refresh"></icon-button>   </header-bar>   <content v-el:trigger>     <refresh-control @refresh="refresh" :trigger="$els.trigger" :refreshing="refreshing"></refresh-control>     <content-block>       <p class="refresh-desc">          按住 - 下拉 - 释放可以刷新数据       </p>     </content-block>     <list>       <item-cell v-for="item in items">         <item-title>           {{item}}         </item-title>       </item-cell>     </list>   </content> </div> </template>[removed]export default {  data () {    return {      items: ['1', '2', '3', '5', '6', '7', '8', '9', '10'],      end: 10,      refreshing: false    }  },  methods: {    back () {      window.history.back()    },    refresh () {      this.refreshing = true      setTimeout(() => {        this.refreshing = false        var arr = []        for (let i = this.end; i < this.end   10; i ) {          arr.push(String(i   1))        }        this.end  = 10        this.items = arr      }, 2000)    }  }}[removed]<style lang="less">.refresh-desc{  text-align: center;}</style>效果如下 标签：VueCarbon
VueMaterial是根据MaterialDesign规范构建的轻量级框架
08-10
Vue Material是根据Material Design规范构建的轻量级框架
VueMaterialAdminTemplate是一个基于Vue的MaterialDesign后台管理模板
08-12
Vue Material Admin Template是一个基于Vue的Material Design后台管理模板，使用Vuetifyjs作为基础的框架。
Vue Material - 基于谷歌 Material Design 打造的前端组件库，用 Vue 开发海外应用的绝佳选择
那些免费的砖
12-12 3879
一位朋友问我用 vue 开发 APP 在谷歌商店上架，有什么简单的 UI 组件库，我推荐了这款，同样推荐给各位。
BalmUI - 基于 Vue 3 的模块化且高度可定制化的 Material Design 风格 UI 组件库
那些免费的砖
12-14 2048
一款漂亮大气、交互动效优秀的 Vue 3 UI 组件库，看看都有哪些值得关注的地方吧。 关于 BalmUI BalmUI 是一款由 Balm.js （一款类似 Vue CLI 的前端工作流工具）团队打造前端 UI 组件库，基于最新的 Vue 3 构建，开箱即用，定制化强，设计风格完全遵循谷歌的 Material Design 设计规范，是一款交互体验非常优秀的 UI 组件库。 BalmUI 的特色 提炼自企业级中后台产品的交互效果和视觉风格，美观大方，细节体验极佳 开箱即用。不仅是一款高质量的 Vu.
推荐开源项目：Vue Material Design Icon Components
gitblog_00020的博客
06-10 341
推荐开源项目：Vue Material Design Icon Components vue-material-design-iconsMaterial Design Icons as Vue Single File Components项目地址:https://gitcode.com/gh_mirrors/vu/vue-material-design-icons 项目介绍 Vue Materi...
推荐开源项目：Vue Material - 现代Web应用的UI框架
gitblog_00025的博客
03-20 558
推荐开源项目：Vue Material - 现代Web应用的UI框架 vue-materialVue.js Framework - ready-to-use Vue components with Material Design, free forever.项目地址:https://gitcode.com/gh_mirrors/vu/vue-material 是一个基于 Vue.js 的轻量级、...
Material Design风格神框架vuetify 学习笔记(一)
finedayforu的博客
08-19 1019
一. 安装vuetify 1. vue插件式安装 首先我们使用vue_cli创建一个新的vue项目, 进入项目, 然后: vue add vuetify 他会问一个git问题, 直接选y 他会问版本问题, 我们直接选default vuetify就这么装好了 2. 项目目录文件变化 变化1: 我们发现相比vue-cli默认构建的项目, 多了一个plugins/vuet...
Vue.js组件库汇总：打造优质Web UI
"Vue组件收集.md" 在Vue.js开发过程中，组件是构建可复用、模块化和高效应用的核心元素。这些组件库提供了丰富的UI组件，可以帮助开发者快速搭建用户界面，提高开发效率。以下是一些知名的Vue组件库的详细介绍： 1...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值