具体安装方式 查看官网 或者其他安装的文章 安装完后 怎么配置才能正常显示?
main.js
import {
createSSRApp
} from "vue";
import App from "@/App.vue";
import { createI18n } from "vue-i18n";
import messages from "@/locale";
import uviewPlus from 'uview-plus';
export function createApp() {
const app = createSSRApp(App);
const i18n = createI18n({
legacy: false, // 推荐使用composition api
locale: "zh-Hans", // 默认语言
messages,
});
app.use(i18n);
app.use(uviewPlus); // 挂载uview-plus
return {
app,
};
}
然后还有
pages.json 去注册
"uniIdRouter": {},//定位位置改写那的 和tabBar同级
"easycom": {
"autoscan": true,
"custom": {
"^up-(.*)": "uview-plus/components/u-$1/u-$1.vue",
"^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue"
}
}
现在可能出现scss 报错
还需要去vite.config.js中配置
import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import { resolve } from 'path'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
uni(),
],
css: {
preprocessorOptions: {
scss: {
additionalData: `@import "uview-plus/theme.scss";`//如果还是报scss 错 查看下路径
}
}
},
resolve: {
alias: {
'@': resolve(__dirname, 'src'),
},
},
})
如果还是报scss 错 查看下路径