微信小程式,隨筆1

2021-10-07 10:53:38 字數 429 閱讀 3374

/* 背景顏色 */

background-color: #eee;

height: 100vh; 等效於height:100%

彈性布局

display: flex;

排列方向 :垂直

flex-direction: column;

有空格的均勻分布

justify-content: space-around;

每行居中

align-items: center;

自適應畫素,可根據螢幕大小自動調整畫素大小。

一般選用iphone6 作為模擬器,因為iphone6畫素是375px,rpx滿畫素是750rpx,他倆是1:2的關係。

border-radius: 50%;

微信 小程式 1

工程結構 檔案說明 1.game.js 小遊戲入口檔案。import js libs symbol import main from js main new main 2.game.json 配置檔案,檔案位於根目錄下,完成介面渲染和屬性設定。ex.key deviceorientation val...

微信小程式使用echarts隨筆

1 在設定y軸數值的時候,可以在 yaxis 中通過配置 splitnumber 來控制 y 軸被分割成為幾段,舉個例子,設定 splitnumber 為 5,然後y軸就會根據後台返回的資料,將y軸分為5份,最高值為返回資料中的最高值,例如返回資料為 10,30,21,50,60 此時,y軸最大顯示...

微信小程式製作 隨筆3

template模板的應用 步驟 1 建template資料夾,在裡面建每乙個模板資料夾。2 寫模板的wxml,wxss,確定模板的樣式。注意 在模板的第乙個塊元素要起name屬性。3 引入模板 1.在需要引入的位置寫標籤,具體如下 is shop wx for wx key data is 所找的...