使用iview构建页面样式

1、用vue-cli构建项目
2、在project文件夹

$ npm install iview --save

3、在main.js加入组件

//iView组件库
import iView from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iView);

4、在vue文件加入需要的样式

<template>
  <Slider v-model="value" range></Slider>
</template>
<script>
  export default {
    data () {
      return {
        value: [20, 50]
      }
    }
  }
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容