小程式樣式篇

2021-09-28 20:35:11 字數 643 閱讀 6652

1、引入其他wxml、wxss、js檔案

1.1 wxml中引入其他的template

"檔案的路徑" />

1.2 wxss中引入其他的樣式檔案

@import "檔案的路徑";

1.3 js中引入其他的util檔案

var utils = require(

"檔案的路徑");

2、盒子模型

.container

3、設定邊框

4、margin、padding引數詳解

/* * 四個邊距都是40個rpx

*/margin: 40rpx;

/* * 上下邊距40個rpx

* 左右邊距為30個rpx

*/margin: 40rpx 30rpx;

/* * 上邊距40個rpx

* 左右邊距為30個rpx

* 下邊距20rpx

*/margin: 40rpx 30rpx 20rpx;

/* * 上邊距40個rpx

* 右邊距為30個rpx

* 下邊距20rpx

* 左邊距10rpx

*/margin: 40rpx 30rpx 20rpx 10rpx;

微信小程式 小程式樣式WXSS

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

小程式初始篇

小程式開發工具 小程式註冊 小程式官方文件所需要的元件學習 小程式提供的內部介面,可方便我們使用 小程式工具開啟 填寫專案名稱 選擇專案 目錄 後端服務是指後端 可以選擇自己寫,或者使用雲開發 目錄結構 目錄結構內容比較多,我們只需要注意幾個就ok project.config.json 專案的一些...

小程式view選中新增樣式

做乙個充值選擇 的頁面,沒有用radio,直接用view做的效果,用radio傳值比較方便。wxml data price 不需要列印 出來可去掉。wxss cont border conts conts view conts text active conts active conts textj...