uview-ui的基本使用

436 阅读1分钟

uview-ui

view-ui的基本使用步骤

安装依赖

  • npm i sass
  • npm i sass-loader@10
  • npm i uview@1

全局引入uview的js库

  • 在main.js中引入uview-ui

image.png

全局引入uview的sass库

  • 在根目录下的uni.scss文件中引入主题文件

image.png

全局引入uview主样式库

  • 在根目录下的App.vue文件中引入基础样式库

image.png

配置easycom模式引入uview组件

  • 在根目录下的pages.json文件中配置easycom组件

image.png

使用uview组件

  • 引入完一些基本的样式和库,并配置easycom组件之后就可以正常使用uview-ui的组建了
  • 验证uview-ui组件是否能使用
    <u-button>默认按钮</button>
  • 如果页面显示一个按钮,说明引入成功