uniapp---使用uView

在用uniapp開發項目的時候，選擇合適的UI組件，往往能夠事半功倍，而 uView 就是 uniapp 生態專用的 UI 框架，但是該 UI 框架並沒有內置，而需要單獨引入安裝：

uview官網：

https://uviewui.com/components/intro.html

安裝步驟：

第一步：在 uniapp 插件市場找到該插件

https://ext.dcloud.net.cn/plugin?id=1593

 此時可以看到已經引入進來了：

 第二步：在main.js裏面引入

import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

第三步：在 uni.scss 引入 SCSS 主題文件：

/* uni.scss */
@import '@/uni_modules/uview-ui/theme.scss';

第四步：在 App.vue 裏面引入基礎樣式

<style lang="scss">
    /* 注意要寫在第一行，同時給style標籤加入lang="scss"屬性 */
    @import "@/uni_modules/uview-ui/index.scss";
</style>

此時，就可以正常使用該 UI 框架了。

打完收工！