vscode開發小程式4

2022-08-22 07:39:11 字數 1900 閱讀 8625

關於點選左側選單,使右側選單標題置頂:

使用scroll-view中,對

scroll-top

="0"賦值為0即可置頂

<

scroll-view

scroll-top

="0"

scroll-y class

="right_content"

>

scroll-view

>

為了動態實現,這裡使用點選事件:

wxml頁面:

<

scroll-view

scroll-top

="}"

scroll-y class

="right_content"

>

scroll-view

>

js:

data: ,

在點選事件中:

handleitemtap(e) =e.currenttarget.dataset;

let rightcontent = this

.cates[index].children;

this

.setdata()

}

優化:提取公共介面路徑:

2.測試看效果先點選清除快取再點選編譯。

xhr是ajax請求

1.勾選es6轉es5:

開啟:點選:

全部複製:

在小程式目錄中新建資料夾:lib/runtime/runtime.js,將**拷貝進去。

在每乙個需要使用async語法的頁面js檔案中,都引入(不能全域性引入):

import regeneratorruntime from '../../lib/runtime/runtime';
使用:

頁面之間相互傳遞引數:

點選商品分類裡面的某件商品,帶著該商品id跳轉到另外乙個介面上去,這裡演示跳轉到介面goods_list上:

在goods_list頁面的js裡面便可以得到這個引數:

在小程式開發者工具上可以看是否有傳遞引數:

現在像之前一樣設定快速啟動一開啟便是這個goods_list介面的話需要:

vscode開發小程式1

安裝漢化外掛程式 1.在vscode介面按ctrl shift p輸入 configure display language 2.查詢i選擇nstall漢化外掛程式 簡體中文 3.重啟restart vscode或者關掉介面重新開啟 快捷建立頁面的方式 1.使用阿里巴巴圖示庫的樣式 2.複製該 在瀏...

小程式開發

這次小程式開發所有功能和元件全部都是自己手寫 的,因為之前也沒意識到用別人的外掛程式,所以花費了比較大的力氣,幾乎每天晚上都是7點半之後才下班,雖然辛苦了幾個月,但是還是有所收穫的,記下筆記,放下下次可以快速上手 1.小程式的模態框有以下幾種,差不過等於alert confirm,而且自動居中,這些...

小程式開發

小程式開發基本功能介紹 一 小程式結構介紹 index資料夾舉例 下屬4個不同字尾檔案 1 js 就是頁面內的js檔案,頁面中的變數 監聽事件全都在這裡 2 json 頁面的配置檔案,其實就類似後端的配置檔案,就看成 properties或者xml就好了 3 wxml 頁面的結構檔案,檢視可以發現就...