微信小程式實用元件:城市切換
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1644&extra=page%3D1%26filter%3Dlastpost%26orderby%3Dlastpost%26dateline%3D604800%26typeid%3D6
切換城市.gif
效果圖
js:[JavaScript] 純文字檢視 複製程式碼 ?
001
002
003
004
005
006
007
008
009
010
011
012
013
014
015
016
017
018
019
020
021
022
023
024
025
026
027
028
029
030
031
032
033
034
035
036
037
038
039
040
041
042
043
044
045
046
047
048
049
050
051
052
053
054
055
056
057
058
059
060
061
062
063
064
065
066
067
068
069
070
071
072
073
074
075
076
077
078
079
080
081
082
083
084
085
086
087
088
089
090
091
092
相關推薦微信小程式實用元件:城市切換http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1644&extra=page%3D1%26filter%3Dlastpost%26orderby%3Dlastpost%26dateli [外掛/工具]微信小程式實用元件:帶字母滑動的listviewhttp://www.wxapp-union.com/thread-2159-1-1.html 這是一個帶字母可滑動的列表小程式。 電腦上的截圖 如何使用 複製page下的資料夾到自己專案中 配置app 微信小程式精品元件:chartjs:餅圖,折線圖,bar,point-styles使用說明 安裝 npm install gulp build 生成/Chart.js-master/dist/Chart.min.js檔案 使用壓縮合並版本 開啟 dev/page/canvas/chart.js 註釋 import Chart fr 微信小程式----map元件實現(獲取定位城市天氣或者指定城市天氣資料)效果圖 實現原理 採用高德地圖微信小程式開發API(getWeather),如果 city 屬性的值為空(或者沒有city屬性),預設返回定位位置的天氣資料;如果 city 不為空,則 微信小程式 基礎元件基礎元件 框架為開發者提供了一系列基礎元件,開發者可以通過組合這些基礎元件進行快速開發。 什麼是元件: 元件是檢視層的基本組成單元。 元件自帶一些功能與微信風格的樣式。 一個元件通常包括開始標籤和結束標籤,屬性用來修飾這個元件,內容在兩個標籤之內。<tagname 微信小程式——父子元件傳參以及方法的呼叫父元件向子元件傳參 A元件為父元件,B元件為子元件,以下是A元件向B元件傳參 在A元件中引入B元件(父元件引入子元件) 在A元件的json中寫入(父元件): { "component": true, "usingComponents": { "com 微信小程式 picker元件運用物件陣列官方文件 https://developers.weixin.qq.com/miniprogram/dev/component/picker.html wxml: <view class='input-box flexac'> <text>積分抵扣 Wuss Weapp 一款高質量,元件齊全,高自定義的微信小程式 UI 元件庫Wuss Weapp 一款高質量,元件齊全,高自定義的微信小程式 UI 元件庫 文件 https://phonycode.github.io/wuss-weapp 掃碼體驗 使用微信掃一掃體驗小程式元件示例 演示圖片 快速上手 在開始使用 Wuss We 微信小程式報錯:id 屬性值格式錯誤。如不能以數字開頭。出現這個報錯時,相信很多人都排除過自己標籤上寫的id是否有以數字命名的,如果你排除了發現並沒有,但是這個報錯還是存在,那麼我接下來分享的這個情況或者能報到你 這次我也遇到這個報錯,最終找出問題所在 這裡的scroll-into-view屬性是scroll-view元件中的,這裡涉及到錨點知 微信小程式——switch元件設定大小附上switch元件的文件地址 https://developers.weixin.qq.com/miniprogram/dev/component/switch.html 如上圖,官方文件沒有給出如何修改switch元件大小的值,只給出修改顏色的值,接下來就讓我們來解決修改 微信小程式textarea元件textarea 多行輸入框。該元件是原生元件,使用時請注意相關限制。 屬性名 型別 預設值 說明 最低版本 value String 輸入框 微信小程式picker元件picker 從底部彈起的滾動選擇器,現支援五種選擇器,通過mode來區分,分別是普通選擇器,多列選擇器,時間選擇器,日期選擇器,省市區選擇器,預設是普通選擇器。 普通選擇器:mode = selector 屬性名 型別 預設值 【微信小程式】元件之頁面佈局小程式的flex佈局 小程式建議使用flex佈局進行排版 flex就是一個盒裝彈性佈局 flex是一個容器,所有子元素都是它的成員。 定義佈局:display:flex flex 容器的屬性: 1、屬性flex-direction: 排列方向。有下面 5個最優秀的微信小程式UI元件庫開發微信小程式的過程中,選擇一款好用的元件庫,可以達到事半功倍的效果。自從微信小程式面世以來,不斷有一些開源元件庫出來,下面5款就是排名比較靠前,使用者使用量與關注度比較高的小程式UI元件庫。還沒用到它們的你,可以關注和了解一下哦! WeUI WXSS WeUI WXSS是騰訊官方UI元件庫 用微信開發者工具--開啟微信小程式weui元件示例瀏覽器搜尋 :https://github.com/Tencent/weui-wxss/ 1.下載為小程式設計的weui元件, 2.在開發者工具中開啟dist目錄,而不是整個目錄, 在開發者工具中就可以預覽weui元件的示例了。 如果想在自己專案中引用weui元件,需要 微信小程式內容元件圖示 icon,打勾<view class="group"> <block wx:for="{{iconSize}}"> <icon type="success" 微信小程式(元件的業務)slot 的使用1.呼叫元件向自定義元件插入內容,使用 slot 在自定義模板中有一對<view><slot></slot></view>,這裡是幹什麼用的呢?在元件模板中可以提供一個 <slot> 節點,用於承載元件引用時提供的子節點。 微信小程式(元件中的使用)observer函式的應用小程式observer函式的應用 需求是這樣的 就是構建月份的元件中,月份小於10月的時候 顯示的數字都是一個位數,需要轉換成兩位數, 比如8月份是8 ,那就要轉換為08 ,同理可得 其他低於十月份的月份也是要這樣做: 開啟元件的js檔案 接下來看下程式碼: p 微信小程式map元件bindmarkertap事件點選無效今天做小程式遇到了map元件上任何事件都不起作用,無法執行函式。 貼出可能解決的辦法: 1、<map> 元件需要設定ID,雖然小程式map元件不是強制要填,但不填可能會有一些問題 2、marker 一定要有id,這個id一定是有效的,不能為空。這個是最重要的 3、設一下marker的層 微信小程式使用元件實現移動端軟鍵盤效果圖如上,這是一個簡單的 新增牌照的功能,因為鍵盤內容需要自己定義,就自己製作了一個響應的軟鍵盤, 有中文鍵盤和 字母數字鍵盤。點選ABC按鍵可以切換,刪除按鍵可以刪除輸入的內容, 新能源車牌和普通車牌也可以切換。 demo使用了微信小程式的自定義元件,相似的功能也可以拿過去改一 |