wxss (weixin style sheets)是一套樣式語言,用於描述 wxml 的元件樣式。
wxss 用來決定 wxml 的元件應該怎麼顯示。
與 css 相比,wxss 擴充套件的特性有:
裝置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
注意:在較小的螢幕上不可避免的會有一些毛刺,請在開發時盡量避免這種情況。
使用@import
語句可以匯入外聯樣式表,@import
後跟需要匯入的外聯樣式表的相對路徑,用;
表示語句結束。
示例**:
/** common.wxss **/
.small-p
@import "common.wxss";
.middle-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 元件前邊插入內容
微信開放平台開發文件
目錄第一步 使用者同意授權,獲取code scope為snsapi base scope為snsapi userinfo 引數說明 引數 是否必須 說明 下圖為scope等於snsapi userinfo時的授權頁面 使用者同意授權後 如果使用者同意授權,頁面將跳轉至 redirect uri co...
微信開放平台開發文件
目錄 第一步 使用者同意授權,獲取code scope為snsapi base scope為snsapi userinfo 引數說明 引數 是否必須 說明 下圖為scope等於snsapi userinfo時的授權頁面 使用者同意授權後 如果使用者同意授權,頁面將跳轉至 redirect uri c...
微信小程式開發文件 畫布
canvas 屬性名型別預設值 說明canvas id string canvas 元件的唯一識別符號 disable scroll boolean false 當在 canvas 中移動時且有繫結手勢事件時,禁止螢幕滾動以及下拉重新整理 bindtouchstart eventhandle 手指觸...