uView的安裝和使用


前提:HbuilderX,node環境,創建uni項目

安裝:

  1.npm install uview-ui

  2.uview依賴scss

    npm i node-sass -d

    npm i sass-loader -d

配置:

  1.main.js

    import uView from "uview-ui";
    Vue.use(uView);

  2.uni.scss

    @import 'uview-ui/theme.scss';

  3.app.vue引入樣式

    <style lang="scss">
    /* 注意要寫在第一行,同時給style標簽加入lang="scss"屬性 */
      @import "uview-ui/index.scss";
    </style>

  4. 配置easycom組件模式   

    // pages.json
    {
      "easycom": {
        "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
      },
      // 此為本身已有的內容
      "pages": [
        // ......
      ]
    }

使用:  https://uviewui.com/components/quickstart.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM