實訓第二天 微信小程式環境搭建和骰子布局

2021-09-24 13:27:01 字數 1947 閱讀 5877

"pages": [   //頁面路徑列表

"pages/index/index",

"pages/classify/classiry",

"pages/shopcart/shopcart",

"pages/mine/mine"

"window":

二、骰子布局

採用 flex 布局的元素,稱為 flex 容器(flex container),簡稱"容器"。它的所有子元素自動成為容器成員,稱為 flex 專案(flex item),簡稱"專案"。有六個屬性:

①flex-direction:屬性決定主軸的方向(即專案的排列方向)。

row(預設值):主軸為水平方向,起點在左端。

row-reverse:主軸為水平方向,起點在右端。

column:主軸為垂直方向,起點在上沿。

column-reverse:主軸為垂直方向,起點在下沿。

.box
flex-wrap屬性:預設情況下,專案都排在一條線(又稱"軸線")上。flex-wrap屬性定義,如果一條軸線排不下,如何換行。

nowrap(預設):不換行。

wrap:換行,第一行在上方。

wrap-reverse:換行,第一行在下方。

.box
flex-flow屬性:flex-direction屬性和flex-wrap屬性的簡寫形式,預設值為row nowrap

.box
justify-content屬性定義了專案在主軸上的對齊方式。

flex-start(預設值):左對齊

flex-end:右對齊

center: 居中

space-between:兩端對齊,專案之間的間隔都相等。

space-around:每個專案兩側的間隔相等。所以,專案之間的間隔比專案與邊框的間隔大一倍。

.box
align-items屬性定義專案在交叉軸上如何對齊。

flex-start:交叉軸的起點對齊。

flex-end:交叉軸的終點對齊。

center:交叉軸的中點對齊。

baseline: 專案的第一行文字的基線對齊。

stretch(預設值):如果專案未設定高度或設為auto,將佔滿整個容器的高度。

.box

align-content屬性定義了多根軸線的對齊方式。如果專案只有一根軸線,該屬性不起作用。

flex-start:與交叉軸的起點對齊。

flex-end:與交叉軸的終點對齊。

center:與交叉軸的中點對齊。

space-between:與交叉軸兩端對齊,軸線之間的間隔平均分布。

space-around:每根軸線兩側的間隔都相等。所以,軸線之間的間隔比軸線與邊框的間隔大一倍。

stretch(預設值):軸線佔滿整個交叉軸。

.box

實訓第二天

經過上一天的學習,明確了目的開始構造系統。1建立資料庫和 2在專案裡面建立資料夾help,images,lib 在lib裡新增鏈結mysql資料報的jar包 在images裡面新增 分別寫好college,status,students,user實體類 實體類就是乙個載體。現在的設計差不多都是一張表...

實訓第二天

jquery語法中的function必須加 不然會出錯,美元符號的選擇器必須用引號才可以,識別。可以做一些專案的小功能。比如隱藏一些小部件,修改css,function函式定義的時候必須有 美元符號 的後面必須是 href jpg可以換href為其他 src python的pyquery也要總結一下...

工程實訓第二天!!!

姓名 王海濤 日期 2018.10.9 專案名稱 課程實訓 本人進度計畫以及任務 學習了嵌入式fread,fopen,fclose,fseek,copy的使用。本日任務完成情況 詳細說明本日任務是否按計畫完成,開發的 量 完成老師上課布置的任務及課堂作業 本日開發中出現的問題彙總 發現還有些程式不會...