當前位置:編程學習大全網 - 站長素材 - uniapp制作海報-uni-app中使用svg彩色圖標

uniapp制作海報-uni-app中使用svg彩色圖標

uniapp分享彈窗,生成海報並支持保存,目前僅支持微信小程序

地址為:

新手怎麽用uniapp制作圖中小程序的樣式?

很多新手在開始制作小程序的時候都想快速做壹個功能看起來不錯的小程序,那麽怎麽做呢?下面小編給大家分享壹下。

方法/步驟

首先大家要下載按照Hbuilder軟件,點擊新建下面的項目

接著項目類型裏面選擇uni-app,然後選擇壹個模板,如下圖所示

然後就創建好了項目的目錄,如下圖所示

接著打開Hbuilder的設置界面,配置小程序開發工具的路徑,如下圖所示

然後打開小程序開發工具,選擇安全設置

接著開啟服務端口,如下圖所示

接下來我們點擊Hbuilder的運行菜單,選擇運行到小程序模擬器的微信開發者工具上,如下圖所示

最後就可以看到壹個小程序就快速制作完成了,如下圖所示

uni-app中使用svg彩色圖標

1.中找到喜歡的圖標添加至項目

2.找到項目選擇Symbol選項

3.點擊js在新窗口打開,全選復制

4.在uniapp項目新建,粘貼復制過來的js

5.在中導入文件

6.在頁面中使用

icon-caomei為svg對應的id

7.效果

8.調整圖標大小

9.xlink:href動態賦值

  • 上一篇:正常人怎樣的睡姿才是正確的呢?
  • 下一篇:奧迪新q5前置攝像頭在哪裏奧迪q5lacc攝像頭在哪裏
  • copyright 2024編程學習大全網