WXSS 微信開發文件

2021-10-06 13:49:14 字數 1168 閱讀 5303

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 手指觸...