微信小程式常用樣式彙總

2022-09-11 05:48:10 字數 1076 閱讀 8225

小程式特點:用完即走、低頻使用、效能要求低,不支援webview;

text

2.設定彈性盒子模型:

.container

3.設定頁面全屏樣式及背景色:

page

"window":

5.頁面設定導航條顏色和標題*.json:

6.設定字型屬性:

.user-name

7.建立圓角矩形邊框:

.moto-container

8.外邊距設定:

margin-top:20rpx;

margin-bottom:40rpx;

9.內邊距設定:

padding-bottom:20rpx;

10.上、下邊線設定:

border-bottom:1px solid #ededed;

border-top:1px solid #ededed;

11.文字間距設定:

letter-spacing:2rpx;

12.垂直居中(此元素放置在父元素的中部):

vertical-align: middle;

13.設定子元素image樣式:

.circle-img image

14.最底層垂直居中橫線樣式:

.horizon

15.居中覆蓋:

.audio

微信小程式常用控制項彙總

image src images aaa.png image 2.文字標籤 text hello text 3.swiper滑動輪播 swiper catchtap onswipertap vertical indicator dots true autoplay true interval 500...

微信小程式 小程式樣式WXSS

wxss weixin style sheets 是 套樣式語 於描述 wxml 的元件樣式。與 css 相 wxss 擴充套件的特性有 1.響應式 度單位 rpx rpx responsive pixel 可以根據螢幕寬度進 適應。規定螢幕寬為 750rpx 如在iphone6 上,螢幕寬度為 3...

微信小程式問題彙總

每個頁面的檔案都要在.js檔案中加上page 官方文件如下 wx.request header success function res 原因是開發工具公升級後,請求的header的content type寫法變了,改成 json 即可。參考 電影詳情介面api為 這裡的id為每部電影所對應的id,...