微信小程序demo解讀(一)


  小程序依舊沒有火起來,但是公司的直播平台准備做在微信端,用小程序作為舞台,說不定某天火起來就可以帶起流量了。

  廢話不多說,開始一點一點琢磨小程序。

  首先是開發工具。官方首推微信開發者平台。這東西容貌還可以,就是功能比較簡單,而且調試時要切換窗口,而且不能同時開啟多個。算了,還是用我心愛的webstorm進行開發,用開發者平台進行調試吧。

  

 

  首先從樣式文件開始。小程序有其特殊的樣式格式為wxss,但是在webstorm上不能識別,並不能為其添加顏色,或者進行typo識別。

  

  我們需要設置webstorm可以用css文件的解析規則對其進行解析。打開file-settings-File types可以進行設置。找到Cascading Style Sheet項,點擊加號在下面添加*.wxss,保存,webstorm就可以用css規則解析此類文件了。wxml文件同理,需要用html規則解析。

      

  可以看到wxss文件上,padding屬性值的單位rpx出現typo報錯。這個是小程序特有的計量單位,rpx可以根據屏幕寬度進行自適應。規定屏幕寬為750rpx。如在 iPhone6 上,屏幕寬度為375px,共有750個物理像素,則750rpx = 375px = 750物理像素,1rpx = 0。簡單說就是所有手機屏幕都是750rpx寬,布局時請按百分比從750里面取。

 


免責聲明!

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



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