网站地图怎么做、,网络项目平台,搜索指数,汕头站扩建招标相信大家在引入UviewPlusUI时遇到很头疼的问题#xff0c;那就是明明自己是按照官网教程一步一步的走#xff0c;为什么到处都是bug呢#xff1f;今天我一定要把这个让人头疼的问题解决了#xff01;
1.查看插件市场
重点#xff1a; 我们打开Dcloud插件市场搜素uviewPl…相信大家在引入UviewPlusUI时遇到很头疼的问题那就是明明自己是按照官网教程一步一步的走为什么到处都是bug呢今天我一定要把这个让人头疼的问题解决了
1.查看插件市场
重点 我们打开Dcloud插件市场搜素uviewPlusUI组件 点击下载并导入继续后面的操作即可
2.直接拿去复制正确的main.js文件
import App from ./App// #ifndef VUE3
import Vue from vue
import ./uni.promisify.adaptor
Vue.config.productionTip false
App.mpType app
const app new Vue({...App
})
app.$mount()
// #endif// #ifdef VUE3
import { createSSRApp } from vue
import uviewPlus from /uni_modules/uview-plus
export function createApp() {const app createSSRApp(App)app.use(uviewPlus)return {app}
}
// #endif
3. 第二步完成还要继续找到对应文件加入红色圈起来的代码附在下面直接复制它 {easycom: {autoscan: true,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}},pages: [ //pages数组中第一项表示应用启动页参考https://uniapp.dcloud.io/collocation/pages{path: pages/index/index,style: {navigationBarTitleText: uni-app}}],globalStyle: {navigationBarTextStyle: black,navigationBarTitleText: uni-app,navigationBarBackgroundColor: #F8F8F8,backgroundColor: #F8F8F8},uniIdRouter: {}
}4.找到红色圈起来的文件加入代码
在uni.scss 文件中引入
import /uni_modules/uview-plus/theme.scss;
然后在APP.vue中引入import /uni_modules/uview-plus/index.scss; 文件即可 templateview classcontentview classtext-areaup-button typeprimary text确定/up-buttonup-button typeprimary :plaintrue text镂空/up-buttonup-button typeprimary :plaintrue :hairlinetrue text细边/up-buttonup-button typeprimary :disableddisabled text禁用/up-buttonup-button typeprimary loading loadingText加载中/up-buttonup-button typeprimary iconmap text图标按钮/up-buttonup-button typeprimary shapecircle text按钮形状/up-buttonup-button text渐变色按钮 colorlinear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))/up-buttonup-button typeprimary sizesmall text大小尺寸/up-button/view/view
/templatescript setup/scriptstyle
/style最后看效果如果没生效请重启HBuilderX恶心鼠我了最后给个免费的赞吧谢谢啦。
