一、uView是什么？
提示：正文內(nèi)容：
uView 官網(wǎng)： https://www.uviewui.com uView 是 uni-app 生態(tài)專用的 UI 框架
關(guān)于uView的取名來由，首字母u來自于uni-app首字母，uni-app是基于Vue.js，Vue和View(延伸為UI、視圖之意)同音，同時(shí)view組件是uni-app中 最基礎(chǔ)，最重要的組件，故取名uView，表達(dá)源于uni-app和Vue之意，同時(shí)在此也對它們表示感謝。
1.uView 安裝
uView 官網(wǎng)提供了兩種安裝方式: Hbuilder X 方式、NPM 方式
Hbuilder X 方式: 使用 uni-app 搭建的項(xiàng)目，NPM 方式: 使用 vue cli 搭建的項(xiàng)目，根據(jù)項(xiàng)目框架選擇相應(yīng)的方式安裝即可
uView 依賴 SCSS，必須要安裝此插件，否則無法正常運(yùn)行
2.uView 在 uni-app 中的使用
使用 HBuilderX 導(dǎo)入插件
配置步驟文章來源：http://www.zghlxwxcb.cn/news/detail-615486.html
- 引入 uView 主 JS 庫
在項(xiàng)目根目錄中的 main.js，引入并使用 uView 的 JS 庫，這兩行要放到import Vue from 'vue'后
代碼如下（示例）：文章來源地址http://www.zghlxwxcb.cn/news/detail-615486.html
data = pd.read_csv(
'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())
- 引入 uView 的全局 SCSS 主題文件
在項(xiàng)目根目錄中的uni.scss，引入全局SCSS主題文件
/* uni.scss */
@import '@/uni_modules/uview-ui/theme.scss';
- 引入 uView 基礎(chǔ)樣式
在項(xiàng)目根目錄中的App.vue，注意，要在首行位置引入，并且給 style 標(biāo)簽添加lang="scss"屬性
<style lang="scss">
/* 注意要寫在第一行，同時(shí)給style標(biāo)簽加入lang="scss"屬性 */
@import "@/uni_modules/uview-ui/index.scss";
</style>
到了這里，關(guān)于uView 在 uni-app 中的使用的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
