Material Design Components for Vue

@robertkern/vue-material is very much a work-in-progress implementation of the material-components-web library as Vue components.

Please don't expect this to work for you just yet :-)

import VueMdc from '@robertkern/vue-material'
import '@robertkern/vue-material.css'

Vue.use(VueMdc)

I'm recommending using the @material sass files so you can customize the colors. In your own sass file you'll need to import the @material styles like the following. You can choose to import fewer if you're not planning to use all components.

-- -------------------- ---- -------
- ------ ---- ----- -------
------------------- --------
------------------ --------

------- -----------------------------------
------- -------------------------------
------- ---------------------------------------
------- -----------------------------------
------- -----------------------------------
------- -------------------------------------------
------- ---------------------------------------------
------- ---------------------------------------------
------- -------------------------------
------- -------------------------------
------- ---------------------------------
------- -----------------------------------
------- -----------------------------------
------- ---------------------------------------
------- -----------------------------------------
------- ---------------------------------
------- -------------------------------------
------- -------------------------------------------

Docker

Build: docker build -t robertkern/vue-material .
Run: docker run -d --rm -p 8082:8080 robertkern/vue-material
Run and enter to bash: docker run -it --rm --entrypoint bash -p 8080:8082 robertkern/vue-material

Dev

./dev.sh
cd ../../
npm run build:watch

HomePage

https://github.com/robertkern/vue-material#readme

Repository

git+ssh://git@github.com/robertkern/vue-material.git

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6005672681e8991b448e3a42