uniapp 引入 uview - HBuilderX版本

uniapp 引入 uview - HBuilderX版本

工具下载

点击工具的插件安装，搜索uview-ui，点击安装

顺道把sass安装了

配置

在 uni.scss 文件中添加
@import '@/uni_modules/uview-plus/theme.scss';

在 main.js 文件中添加

  在顶部添加
  import uviewPlus from '@/uni_modules/uview-plus'
  import { createSSRApp } from 'vue'
  export function createApp() {
    const app = createSSRApp(App)
    // 在这里添加
    app.use(uviewPlus)
    return {
      app
    }
  }

在 pages.json 文件中添加（放到首位）

  {
    "easycom": {
      "autoscan": true,
      // 注意一定要放在custom里，否则无效，https://ask.dcloud.net.cn/question/131175
      "custom": {
        "^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
        "^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
        "^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"
      }
    },
  }