uView——快速上手


一、介紹

 

 

 

uni-app2018年初發布以來,一直蓬勃發展,一派欣欣向榮,社區也是人聲鼎沸,眾望所歸。

因此,uView應運而生,uView的目標是成為uni-app生態最優秀的UI框架。

官網鏈接:https://www.uviewui.com/components/intro.html

二、在空白項目中使用uView

1.下載地址:https://ext.dcloud.net.cn/plugin?id=1593(包含項目組件和空白項目)

把uview-ui文件放入項目中

 

 

 2.安裝scss插件

 

 

 3. main.js中引入全局uView

import uView from "uview-ui";
Vue.use(uView);

 

4.uui.scss文件中全局引用theme.scss

 

 

 5.pages.json中引用

 

 

"easycom": {
        "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
    },

 

6.在頁面引用scss樣式

<style lang="scss" scoped></style>

 

7.項目經驗匯總

7.1 字體圖標  <u-icon name="chat" size="38"></u-icon>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM