我的第乙個微信小程式

2021-09-25 11:09:14 字數 1910 閱讀 3364

同理,我是為了備份,我準備拿它來做實驗,來解決我檔案老是被清空的問題

pages/demo/demo.wxml

"wrap"

>

>

view

>

>

view

>

view

>

>

view

>

>

view

>

>

view

>

view

>

view

>

demo.wxss

* pages/demo/index.wxss */

page

.new

.v1.v1 view

.v1 view:nth-of-type(1)

.v1 view:nth-of-type(2)

/*.v1 view:nth-of-type(3)

.v1 view:nth-last-of-type(4)

.v1 view:nth-last-of-type(5)

*/.v1 view:nth-of-type(2)

@keyframes roll

/*the original state*/

to/*the running state*/

}.v2

.v2 view

.v2 view

@keyframes change

/*scale(.8)是變小,opacity0.5是半透明*/

to/*大小本身的大小,不透明*/

}.v2 view:nth-of-type(2)

pages/demo1/demo1.wxml

view

>

view

>

view

>

view

>

view

>

view

>

view

>

view

>

view

>

view

>

view

>

view

>

view

>

demo1.wxss

/* pages/demo1/index.wxss */

page

#wrap

#wrap view

.little

.big

/*井號代表id*/

#wrap view:nth-of-type(1)

/*x是前後,y是左右,z是順時針 translatez(100rpx)定義3d轉換,只在z軸的值*/

#wrap view:nth-of-type(2)

#wrap view:nth-of-type(3)

#wrap view:nth-of-type(4)

#wrap view:nth-of-type(5)

#wrap view:nth-of-type(6)

#wrap view:nth-of-type(7)

#wrap view:nth-of-type(8)

#wrap view:nth-of-type(9)

#wrap view:nth-of-type(10)

#wrap view:nth-of-type(11)

#wrap view:nth-of-type(12)

#wrap

@keyframes roll

to}

第乙個微信小程式

官方文件 相關原始碼 2.wxml支援以下這些特性 4.沒有雙向繫結。在vue裡面,乙個vue例項就是乙個view model view層對資料的更新,會實時反饋到model model的更新,也會實時反饋的到view。在小程式裡面,沒有雙向繫結,view的更新不會直接同步到model 需要在相關事...

微信小程式開發 第乙個小程式

實現結果 實際上就是切換的功能 專案目錄 images是我自己建立的,新增需要在專案檔案目錄中新增 其他都是自動生成的,很容易理解,index.wxml就是主頁面,index.js和index.wxss是其附屬的 分析 index.js page button function e if this....

微信小程式 第乙個新手專案

三個元件 文字 按鈕 分別是 名稱不可更改 用來放各個頁面的 給頁面起名字,並且建立4個檔案 js 頁面邏輯實現 json 負責標題欄和狀態列 wxml 管理頁面有什麼 wxss 頁面排布 樣式設計 寫法 內容 用class的方法對view內容樣式進行布局 class可以對其他元件樣式布局也有效,c...