uviewplus在uniapp中的配置使用

版本:

json 复制代码
    "uview-plus": "^3.1.45"

在page.json中配置:

json 复制代码
"easycom": {
    "autoscan": true,
    "custom": {
      "^u--(.*)": "uview-plus/components/u-$1/u-$1.vue",
      "^up-(.*)": "uview-plus/components/u-$1/u-$1.vue",
      "^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue"
    }
  },

在uni.sass中引入theme.sass

sass 复制代码
@import "uview-plus/theme.scss";

在main.ts中:

ts 复制代码
import {createSSRApp} from "vue";
import App from "./App.vue";
// 导入less
import pinia from './stores'
import "uview-plus/index.scss";

// @ts-ignore
import uviewPlus from "uview-plus";

const app = createSSRApp(App)

export function createApp() {
    app.use(uviewPlus)
    app.use(pinia)
    return {
        app
    };
}

然后就可以了,这里要注意,theme.sass在unisass中引入的

相关推荐
雪碧聊技术2 小时前
uniapp如何创建并使用组件?组件通过Props如何进行数据传递?
uni-app·创建组件·使用组件·props数据传递
@Dream_Chaser2 小时前
uniapp页面间通信
uni-app
@Dream_Chaser7 小时前
uniapp ruoyi-app 中使用checkbox 无法选中问题
前端·javascript·uni-app
鱼是一只鱼啊7 小时前
uniapp移动端地图提示鉴权失败请传入正确的key问题处理
uni-app
毛毛三由7 小时前
基于svga+uniapp的微信小程序动画组件开发指南
微信小程序·uni-app·notepad++
雪碧聊技术9 小时前
uniapp简介
uni-app·hbuilder
一只一只妖9 小时前
uniapp小程序无感刷新token
前端·小程序·uni-app
y东施效颦13 小时前
uni-app uni-push 2.0推送图标不展示问题
uni-app·github
初晨未凉13 小时前
uniapp返回webview返回小程序并且跳转回webview
小程序·uni-app
扶我起来还能学_13 小时前
uniapp Android&iOS 定位权限检查
android·javascript·ios·前端框架·uni-app