微信小程式沒有select元素

2021-08-21 15:00:24 字數 1091 閱讀 3262

從底部彈起的滾動選擇器,現支援五種選擇器,通過mode來區分,分別是普通選擇器,多列選擇器,時間選擇器,日期選擇器,省市區選擇器,預設是普通選擇器。

這有哪五種呢,這包括了:普通選擇器:mode = selector、多列選擇器:mode = multiselector時間選擇器:mode = time、日期選擇器:mode = date、省市區選擇器:mode = region。具體的內容點這裡

這裡提一嘴,除了第乙個普通選擇器可以不用寫明mode=selector外,其他四個均要在元素中寫明mode的型別,例如

indicator-style

string

設定選擇器中間選中框的樣式

indicator-class

string

設定選擇器中間選中框的類名

mask-style

string

設定蒙層的樣式

mask-class

string

設定蒙層的類名

區別

回到主題吧。我這頁面的需求是做乙個選擇器,我這次選用picker來寫。下圖是ui設計的樣子,我要在原先的搜尋框旁新增這個定位選擇器。

下面的**僅供參考,沒有實際功能作用,這個是我特意寫成靜態效果的**,不涉及到資料繫結,所以沒寫js**。

aa.wxml

全國   

然後是 aa.wxss

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式 select 下拉框元件

一 原始碼位址 二 效果圖 三 元件原始碼 1.select.wxml view class select box view class select current catchtap openclose text class current name text view view class op...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...