不厭其煩,又一個Vue元件庫
Githubd倉庫地址: github.com/ms-design/m…
文件和Demo網站: ms-design.github.io
MS Design
基於微軟 Fluent Design 設計的 Vue 元件庫
安裝
使用 npm 或 yarn 來安裝 MS Design
# with npm
npm install ms-design -S
# with yarn
yarn add ms-design
複製程式碼
使用
import Vue from 'vue';
import msd from 'ms-deisgn';
import 'ms-deisgn/lib/ms-design.css';
Vue.use(msd);
複製程式碼
瀏覽器支援
支援IE10及以上的現代主流瀏覽器
更新日誌
詳情請檢視更新日誌
文件
詳情請檢視文件網站
許可證
本專案使用MIT許可證
相關推薦
不厭其煩,又一個Vue元件庫
Githubd倉庫地址: github.com/ms-design/m… 文件和Demo網站: ms-design.github.io MS Design 基於微軟 Fluent Design 設計的 Vue 元件庫
Vant 1.4.8 釋出,輕量級移動端 Vue 元件庫
Vant 1.4.8 已釋出,更新內容如下: Improvements Sku: 新增 hide-quota-text 屬性 #2216 ImagePreview: 新增 asyncClose 屬性 #2198 ImagePreview: 新增
Vant 1.5.0 釋出,輕量級移動端 Vue 元件庫
Vant 1.5.0 已釋出,更新內容如下: Breaking changes 1.5.0 版本統一圖示規範並重繪了所有圖示,同時增加約 100 個新圖示。對於同一個圖示,會提供實底和線框兩種風格,以星星圖示為例,star表示實底風格的星星,star-o表示線框風格的星星
Vant 0.5.0 釋出,輕量級移動端 Vue 元件庫
Breaking changes 在 0.5.0 版本中,我們統一圖示規範並重繪了所有圖示,同時增加約 100 個新圖示。對於同一個圖示,我們會提供實底和線框兩種風格,以星星圖示為例,star表示實底風格的星星,star-o表示線框風格的星星。 同時我們也對原有圖示做了
將 Vue 元件庫釋出到 npm
製作了一套自己的元件庫,併發布到npm上,專案程式碼見 GitHub 。 前期準備 有一個npm賬號 安裝了vue-cli 搭建專案 vue init webpack hg-vcomponents cd hg-vcomponents cnpm install 目錄結構 - vu
在VSCode中,建立一個.vue檔案的模板
具體步驟 1、使用Ctrl + Shift + P召喚出控制檯,然後輸入snippets並回車。 2、接下來輸入vue並選擇,VSCode會自動生成一個vue.json的檔案。這裡就是我們要輸入模板的地方了。 { /* // Place your snippets for Vue
關於Vue元件庫ElementUI使用過程中踩過的那些坑
一:安裝及引入 1.1安裝 方式一:用CDN引入 <!-- 引入樣式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <
泛型程式設計學習,編寫一個類似STL庫中的簡易list的迭代器(iterator)
泛型程式設計學習,編寫一個類似STL庫中的簡易list的迭代器(iterator) 前言 近期在研究stl原始碼及stl裡各種實現的細節,初學入門免不了模仿,以下便寫一次自己的簡單的list容器的迭代器。 首先,在開始編寫List的迭代器的時候我們首先應該瞭解我們要寫的List和其迭
【提醒】家譜鏈GCS,又一個以區塊鏈概念包裝的傳銷幣!
比特幣及各種山寨幣經過2017年瘋狂的暴漲,數字貨幣動輒幾十倍上百倍的暴富效應,吸引了大量普通人開始關注數字貨幣和區塊鏈,市場上於是出現了各種區塊鏈、數字貨幣、虛擬貨幣投資為名,行非法集資或網路傳銷之實的案例。 家譜鏈GCS,又一個以區塊鏈概念包裝的傳銷幣! 一、專案方相關成員造假 官網顯示,“京東集團
vue元件庫vant-ui和iview元件庫使用中遇到的問題小結
1 最近專案需要臨時做一個調查問卷頁面。考慮到效能和複雜度,決定通過使用cdn方式編寫該頁面。 效果如下: 移動端採用vant.ui 遇到的問題: (1) 通過cdn方式進行開發的時候,引入官網的連結。檢視network會報302錯誤。 <link re
滴滴開源 Vue 元件庫— cube-ui
cube-ui 是滴滴去年底開源的一款基於 Vue.js 2.0 的移動端元件庫,主要核心目標是做到體驗極致、靈活性強、易擴充套件以及提供良好的周邊生態—後編譯。 自 17 年 11 月開源至今已有 5 個月,在這個過程中 cube-ui 受到了不少的關注,同時從社群中也收到了很多很好的反饋和建議。我們也一
vue元件庫(一):前期準備工作
前言 將近期專案內自行開發一個vue元件,做個總結,記錄下自己的思維過程~~~ 正文 接到這個任務後,還是要做些準備工作的。 主要內容如下: 1.優化下所在團隊前端開發流程 伺服器搭建gitlab,採用git進行程式碼版本管理 伺服器搭建npm私服(基於verdaccio
如何建立併發佈一個 vue 元件
步驟 建立 vue 的腳手架 npm install -g @vue/cli vue init webpack 繫結 git 專案 cd existing_folder git init git remote add origin http://gitlab.alipay-inc.com/ampg
vue element傳的值報_self.$scopedSlots.default is not a function,element元件在一個vue元件中重複使用
<template> <div> <h1 style="margin:0;padding:10px 10px;font-size:20px;color:#333333;background-color:rgb(243,243,243);">建立滿贈促銷
vue元件庫用markdown生成文件
### 前言: 開發 vue 元件庫需要提供元件的使用文件,最好是有渲染到瀏覽器的 demo 例項,既能操作又能檢視原始碼。markdown 作為常用的文件編寫載體,如果能在裡面直接寫 vue 元件,同時編寫使用說明就再好不過。流行的元件庫 element-ui 的文件就是用 markdown 寫出來的,看
ElementUI 不維護了?供我們選擇的 Vue 元件庫還有很多!
前文回顧:[Vue+Spring Boot 前後端分離的商城專案開源啦!](https://www.cnblogs.com/han-1034683568/p/13496643.html) Vue 元件千千萬,只要不行咱就換。 ## `ElementUI` 近況 根據我最近的觀察,得知一些關於 `Elem
建立一個自己的Vue UI元件庫,並將它釋出在npm上
本文僅限於入門級,沒有成規模製作,希望能對你有所幫助。 因為在開發多個專案中可能會用到同一個元件,那麼我們通過複製貼上的形式更新,無異於是笨拙的,我們可以通過上傳到npm後,不斷迭代npm包來實現更新。 前期準備 初始化project 這裡我們使用vue-cli來初始化一個vue專案。 npm install
vue使用scoped私有作用域,無法覆蓋元件庫子元件樣式問題
一:使用scope 定義私有樣式 當我們寫元件時,一般會使用<style scoped></style>這個標籤,加scoped是為了使得樣式只在當前頁面有效,防止出現重名汙染其他元件 編譯前: <style scoped> .box header .title
Vux 一個湊合的 Vue.js 移動端 UI 元件庫——Vux示例
在上三篇文章中,提到的都是mint-ui,是因為我第一個用到的就是它,所以就把它先寫出來了。 在工作之餘,發現了vux-ui也是很不錯的,就研究了一下,它的功能和mint-ui差不多,不過在vux-ui裡面多了語言的翻譯,所以弄得很是頭疼,最後花了兩天時間算是弄出來了,但是在語言的切換上還是有點小
一個簡單的腳手架drop-cli、vue的元件庫、移動端架構和pc管理後臺模版
鑑於自己的經驗和以往做過的專案,為了提高工作效率,特意整理了一下專案模版、vue元件庫等模版並新增到一個自己封裝的腳手架drop-cli中。不喜勿噴! drop-cli 一個簡單的腳手架,可新增不同的模版/框架 $ npm inst