uView
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[uni-app]]
&color(red){※前提条件：vue3 的uniapp开发};
#contents
* 安装 [#d0530c1c]
通过 Hbuilder X 的方式安装（也可以使用NPM方式，不过比较麻...
可以在uni-app插件市场通过uni_modules的形式进行安装，此安...
在uni-app插件市场右上角选择uni_modules版本下的使用HBuilde...
下载地址：
https://ext.dcloud.net.cn/plugin?id=1593
* 配置 [#i674030e]
** 引入uView主JS库 [#nfc469e6]
在项目根目录中的main.js中，引入并使用uView的JS库，注意这...
import uView from'@/uni_modules/uview-ui'Vue.use(uView)
** 再引入uView的全局SCSS主题文件 [#aa0b3951]
在项目根目录的uni.scss中引入此文件。
@import'@/uni_modules/uview-ui/theme.scss';
** 引入uView基础样式 [#b0dec444]
注意！
在App.vue中首行的位置引入，注意给style标签加入lang="scss"...
#codeprettify{{
<style lang="scss">
/* 注意要写在第一行，同时给style标签加入lang="scss"属...
@import"@/uni_modules/uview-ui/index.scss";</style>
}}
** 配置easycom组件模式 [#be0b5cec]
此配置需要在项目根目录的pages.json中进行。
注意事项：
+ uni-app为了调试性能的原因，修改easycom规则不会实时生效...
+ 请确保您的pages.json中只有一个easycom字段，否则请自行合...
+ 如果您是通过uni_modules形式引入uView，可以忽略此配置
#codeprettify{{
// pages.json{// 如果您是通过uni_modules形式引入uView，可...
"easycom":{
"^u-(.*)":"@/uni_modules/uview-ui/components/u-$1/u-$1....
},
// 此为本身已有的内容
"pages":[// ......]}
}}
* Troubleshooting [#d4cb70f6]
** SassError: Undefined variable XXX [#e2357001]
+ 确保安装了 scss/sass 编译插(hBuilderX － 工具 － 插...
+ 在根目录下 uni.scss 文件中引入 theme.scss
+ 确保在根目录下 App.vue 文件中添加 lang="scss" 和 index....
#hr();
Comment：
#comment_kcaptcha
終了行:
[[uni-app]]
&color(red){※前提条件：vue3 的uniapp开发};
#contents
* 安装 [#d0530c1c]
通过 Hbuilder X 的方式安装（也可以使用NPM方式，不过比较麻...
可以在uni-app插件市场通过uni_modules的形式进行安装，此安...
在uni-app插件市场右上角选择uni_modules版本下的使用HBuilde...
下载地址：
https://ext.dcloud.net.cn/plugin?id=1593
* 配置 [#i674030e]
** 引入uView主JS库 [#nfc469e6]
在项目根目录中的main.js中，引入并使用uView的JS库，注意这...
import uView from'@/uni_modules/uview-ui'Vue.use(uView)
** 再引入uView的全局SCSS主题文件 [#aa0b3951]
在项目根目录的uni.scss中引入此文件。
@import'@/uni_modules/uview-ui/theme.scss';
** 引入uView基础样式 [#b0dec444]
注意！
在App.vue中首行的位置引入，注意给style标签加入lang="scss"...
#codeprettify{{
<style lang="scss">
/* 注意要写在第一行，同时给style标签加入lang="scss"属...
@import"@/uni_modules/uview-ui/index.scss";</style>
}}
** 配置easycom组件模式 [#be0b5cec]
此配置需要在项目根目录的pages.json中进行。
注意事项：
+ uni-app为了调试性能的原因，修改easycom规则不会实时生效...
+ 请确保您的pages.json中只有一个easycom字段，否则请自行合...
+ 如果您是通过uni_modules形式引入uView，可以忽略此配置
#codeprettify{{
// pages.json{// 如果您是通过uni_modules形式引入uView，可...
"easycom":{
"^u-(.*)":"@/uni_modules/uview-ui/components/u-$1/u-$1....
},
// 此为本身已有的内容
"pages":[// ......]}
}}
* Troubleshooting [#d4cb70f6]
** SassError: Undefined variable XXX [#e2357001]
+ 确保安装了 scss/sass 编译插(hBuilderX － 工具 － 插...
+ 在根目录下 uni.scss 文件中引入 theme.scss
+ 确保在根目录下 App.vue 文件中添加 lang="scss" 和 index....
#hr();
Comment：
#comment_kcaptcha
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
