uni-app 之 安装uView，安装scss/sass编译

时间：2024-12-18 07:30:31

uni-app 之 安装uView，安装scss/sass编译

image.png

点击HBuilder X 顶部，工具，插件安装，安装新插件

安装成功！

注意，一定要先登录才可以安装

1. 引入uView主JS库

在项目根目录中的中，引入并使用uView的JS库，注意这两行要放在import Vue之后。

    

  1. 

    

    
// 
    

    2. 

  2. 

    

    import uView from '@/uni_modules/uview-ui'

    

    3. 

  3. 

    

    Vue.use(uView)
    

    4. 

  4. 

    

     
    

    5.

#2. 在引入uView的全局SCSS主题文件

在项目根目录的中引入此文件。

    

  1. 

    

    
/*  */

    

    2. 

  2. 

    

    @import '@/uni_modules/uview-ui/';
    

    3. 

  3. 

    

     
    

    4.

#3. 引入uView基础样式

注意！

在中首行的位置引入，注意给style标签加入lang="scss"属性

    

  1. 

    

    
<style lang="scss">

    

    2. 

  2. 

    

        /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */

    

    3. 

  3. 

    

        @import "@/uni_modules/uview-ui/";
    

    4. 

  4. 

    

    
</style>

    

    5.

然后就可以正常使用啦~

相关文章