一、構建專案
1、新建專案
（1）建立乙個空白的專案，也可以是官方提供的有一些基本的檔案的專案，這裡選擇的是把一些檔案都刪除掉，只剩下pages資料夾以及project.config.json，這個是專案的配置檔案，然後從頭開始新建檔案以及資料夾，需要新建的檔案以及資料夾如下：
注意：這個檔案中是需要寫一些**的，不然後面沒辦法新建page模組，只需要寫如下**：{}大括號，代表的是乙個物件，
小程式頁面配置詳細引數：
classic基礎模組
下面是乙個模組中的四個檔案：
classic.js
classic.json
classic.wxml
簡單的例項**：
1<
view
class
="chunk color1"
>
view
>
2<
view
class
="chunk color2"
>
view
>
3<
view
class
="chunk color3"
>
view
>
classic.wxss
這裡是來寫頁面的樣式的，相當於前端中的css檔案
簡單的**示例：
1.chunk56
.color1
9.color2
12.color3
2、專案中布局
小程式中的布局是支援flex布局的，雖然我也不知道flex布局是什麼鬼，但是應該是和boostrap中的柵欄形式的布局是類似的吧
flex布局的特點:
(1)任意方向的伸縮，向左，向右，向下，向上
(2)在樣式層可以調換和重排順序
(3)主軸和側軸方便配置
(4)子元素的空間拉伸和填充
(5)沿著容器對齊
flex布局的應用：
（1）主體元素的布局，最大的container的布局設定內部塊狀元素的橫向排列和縱向排列
.container
（2）view元件
view元件的是自適應的，通常情況下，寬度是100%，高度就是你指定容器的高度，高度是自適應的，隨著你的指定的容器的大小而變化
（3）justify-content屬性
主要是來控制子元素的對齊方式的
justify-content: flex-end;// 向下對齊
justify-content: flex-start; // 向上對齊
justify-content: center;//居中對齊
justify-content: space-between;// 頭尾靠邊 然後中間元素等距排列 相當於平均分布
justify-content: space-around;// 等距分布 頭尾不靠邊 子元素兩邊的元素距離是相等的
（4）flex中的主軸和交叉軸
這個可以從乙個例子中來理解，就是子元素既在水平方向居中又在垂直方向居中的情況
align-items: center; // 交叉軸方向
justify-content: center; // 主軸方向
（5）flex中的換行
在flex布局中，flex的處理是自動會適應螢幕的寬度。來縮小你子元素的寬度，如何能子元素保持設定的大小，就需要換行了，在flex中，自動換行的元素是flex-wrap
flex-wrap:wrap;// 自動換行
flex-wrap:nowrap;// 預設不換行
微信小程式開發 專案的建立
專案建立的步驟 以mac版為例 2.選擇型別 3.點選 5.填寫專案名稱和專案目錄 注意兩點 1.專案資料夾不能用中文 2.新建專案資料夾要建乙個空的資料夾。6.新建之後的檔案目錄結構 7.新增hello world 8.執行結果 示例 1 2 3onlaunch function 13getuse...
怎麼建立微信小程式專案結構
common index.wxss 公共樣式類 component 自定義元件資料夾 config 配置資料夾 index.js 本次執行的介面 switch.js 根據命令列執行引數,修改index.js裡面的專案配置資訊 envdev.js 開發環境 prod.js 正式環境 test.js 測...
微信小程式建立元件
2 編寫相關的js wxml wxss components coach order item coach order item.js component hourprice 79 addr 廣州市天河區 phone 15000000088 hourmun 2,countprice 159 hour...