微信小程式學習之路 大小比較器

2021-10-04 04:32:59 字數 553 閱讀 6220

ctrl+s儲存並編譯檔案,開發者工具會自動建立pages/index目錄,同時在該目錄下建立index.js、index.json、index.wxml、index.wxss檔案

這裡我們首先要知道,模擬器中顯示的介面就是page/index/index.wxml中的布局,在這裡我們先編輯該檔案

請輸入第乙個數字:

請輸入第二個數字:

比較比較結果:

下面是一些常用的頁面元件

標籤功能

標籤功能

檢視容器

圖示檔案

文字域核取方塊

按鈕單選框

輸入框表單

進度條頁面效果:

探索微信小程式之路

為真時顯示 為假時不顯示 根據判斷語句的真假來判斷是否要顯示內容。也可以在data設定isshow來進行動態顯示隱藏。js page btnclick function wxml 這是乙個按鈕 要顯示的內容1或者 要顯示的內容2或者 頁面最初顯示 要顯示的內容1或者 點選按鈕後顯示 要顯示的內容2或...

微信小程式學習之路《十》 WXSS

尺寸單位 rpx responsive pixel 可以根據螢幕寬度進行自適應。規定螢幕寬為750rpx。如在 iphone6 上,螢幕寬度為375px,共有750個物理畫素,則750rpx 375px 750物理畫素,1rpx 0.5px 1物理畫素。rem root em 規定螢幕寬度為20re...

微信小程式學習之路《八》 模板引用

模板 wxml提供模板 template 可以在模板中定義 片段,然後在不同的地方呼叫。定義模板 使用name屬性,作為模板的名字。然後在內定義 片段,如 name msgitem text time text view template 使用模板 使用 is 屬性,宣告需要的使用的模板,然後將模板...