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

2021-08-27 05:12:30 字數 799 閱讀 2887

實現結果:

實際上就是切換的功能

專案目錄:

images是我自己建立的,新增需要在專案檔案目錄中新增

其他都是自動生成的,很容易理解,index.wxml就是主頁面,index.js和index.wxss是其附屬的

**分析:

index.js:

page(,

button: function(e)

if (this.data.index - 1 == 1 && !this.data.ifplus)

if (this.data.ifplus)else

this.setdata()

}})

index.wxml:

class="container">

class="userinfo">

view>

bindtap='button'

class="show"

src="

}">

image>

bindtap='button'

class="button">

}button>

view>

樣式表基本沒什麼區別就不放上來

第乙個微信小程式

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

2 微信小程式筆記 建立第乙個小程式

建立乙個新專案,一切都是空的。然後編寫json 建立乙個資料夾,名字隨意,這裡就叫pages,所有的的頁面都放這裡面。在pages裡面在建立page123。在page1資料夾中建立page1.js和page1.wxml,名字隨意但一定要一樣。var apram onload function opt...

我的第乙個微信小程式

同理,我是為了備份,我準備拿它來做實驗,來解決我檔案老是被清空的問題 pages demo demo.wxml wrap view view view view view view view view demo.wxss pages demo index.wxss page new v1.v1 vi...