rpx(responsive pixel): 可以根據螢幕寬度進行自適應。規定螢幕寬為750rpx。如在iphone6上,螢幕寬度為375px,共有750個物理畫素,則750rpx = 375px = 750物理畫素,1rpx = 0.5px = 1物理畫素。
裝置rpx換算px (螢幕寬度/750)
px換算rpx (750/螢幕寬度)
iphone5
1rpx = 0.42px
1px = 2.34rpx
iphone6
1rpx = 0.5px
1px = 2rpx
iphone6 plus
1rpx = 0.552px
1px = 1.81rpx
在wxss中. 使用@import
語句可以匯入外聯樣式表,@import
跟需要匯入的外聯樣式表的相對路徑,用;
表示語句結束。
@import
"index.wxss";p
框架元件上支援使用style、class屬性來控制項的樣式.
目前支援的選擇器有:
選擇器樣例
樣例描述
.class
.intro
選擇所有擁有class="intro"的元件
#id#firstname
選擇擁有id="firstname"的元件
element
view
選擇所有view元件
element, element
view
checkbox
選擇所有文件的view元件和所有的checkbox元件
::after
view::after
在view元件後邊插入內容
::before
view::before
在view元件前邊插入內容
微信小程式 wxs
wxs weixin script 是小程式的一套指令碼語言,結合wxml,可以構建出頁面的結構。wxs可以說就是為了滿足能在頁面中使用js存在的,在wxml頁面中,只能在插值 中寫簡單的js表示式,而不能呼叫方法,例如想取出乙個字串的最後一位,就不能呼叫slice 方法。通常的解決辦法是在page...
微信小程式wxs的使用
先上官方文件 在開發中常用作過濾器,像vue的filter,廢話不說,上 對字串進行分隔程陣列,用在xml的迴圈展示 var msplit function str return str.split 複製 如何使用?新建wxs檔案,複製上面 記得將方法匯出,這樣在wxml裡面才能引入,上 modul...
微信小程式的wxs用法
wxs的兩種用法 直接寫到wxml中 像這樣for wx key index 內容 flex slot title van cell text view view view view view van cell view m1 function msg a module.exports.messag...