1. 程式人生 > >微信小程式學習筆記(十四)slider滑動選擇器

微信小程式學習筆記(十四)slider滑動選擇器

這裡寫圖片描述

show-value是否顯示預設值,它和value一起出現
step每步走的數
block-size滑動方塊大小
backgroundColor未滑動區域的顏色
activeColor滑動區域的顏色
<slider max="100" step="10" value='60' show-value="true" block-size='10' bindchange="listenSlider" block-color='lightblue' backgroundColor='red' activeColor='blue'/>

相關推薦

程式學習筆記slider滑動選擇

show-value是否顯示預設值,它和value一起出現 step每步走的數 block-size滑動方塊大小 backgroundColor未滑動區域的顏色 activeColor滑動區域的顏色

程式學習筆記video視訊

<view class="section tc"> <video id="myVideo" src="http://wxsnsdy.tc.qq.com/105/20210/

程式學習筆記textarea

auto-height 自動變高 bindfocus 游標聚焦事件 bindblur 游標失焦事件 bindinput 當鍵盤輸入時,觸發 input 事件 <view class="secti

程式——學習筆記檢視層1

WXS—(WeiXin Script)是小程式特有的一套指令碼語言。wxs有自己的語法,今天就學習一下wxs的語法。 1) wxs程式碼可以編寫在wxml檔案中的<wxs>標籤內,或者是XXX.wxs的檔案內。不管是標籤還是檔案都是一個單獨的模組。 2) 每個模組裡面定義的變數與函式

程式——學習筆記:邏輯層1

邏輯層將資料進行處理後傳送給檢視層,同時接受檢視層的事件反饋。 用App()函式註冊一個小程式。 當小程式初始化完成時,會觸發 onLaunch(全域性只觸發一次) 當小程式啟動,或從後臺進入前臺顯示,會觸發 onShow 當小程式從前臺進入後臺,會觸發 onHide 當小程式發生指令碼錯

程式——學習筆記:json

json配置檔案—— 1> app.json:作用於整個小程式全域性配置   頁面路徑——page(陣列[字串="路徑+檔名"])      "pages":["pages/index/index","pages/log/index"]

程式學習筆記之框架及工具

文章目錄 一、app.json的配置 1. 決定頁面檔案路徑 2. 配置視窗表現 3. 配置tab標籤導航 4. 設定網路超時時間 5. 配置debug模式 二、App()函式使用

程式學習筆記本地資料快取

上一篇:微信小程式學習筆記(七) 【將資料儲存在本地快取】wx.setStorage 【讀取本地快取】wx.getStorage 以手機號+密碼登入為例,把登入成功返回的token值儲存在本地快取中,然後讀取快取中的token: login.php: <?php

程式學習筆記----程式入門簡介,開發者工具基礎使用

到現在學習小程式已經不早了,但是無論什麼時候開始都不晚,只要學就OK。 看到所有小程式開發的教程全部都是以註冊賬號開始的,但是註冊賬號的過程無論是官方文件還是其他的經驗帖子都已經有一堆了,而且本身這個過程也並不具有什麼技術性,實在是很多收費的教程視訊用來前期拖時間的一種方式

程式學習筆記----初識程式程式碼、輪播圖實現

從這一節開始我們就開始接觸小程式前臺程式碼了,其實前臺邏輯還是比較簡單的,學習難度比學習一個前端框架難不了多少,記得以前一開始學前端框架的時候,流程就是:熟悉一下--檢視元件--找到要用的--複製貼上,其實對於大部分人來說,小程式前臺也是一樣。 首先,我們可以先看下小程式的

程式學習筆記----實現簡單的文章列表圖文列表效果

寫這個之前我在網上搜了一下,想要先找一個合適的樣例對著寫一下,這樣還簡單一些,但是找了找沒有找到我心裡面比較合適的,所以乾脆就直接自己寫一下,沒有做什麼過多的修飾,實現起來還是很簡單的。 首先來上一下效果圖: 基本就是這樣的簡單的圖文效果,程式碼也非常簡單,如果有標題

程式學習筆記

 最新遇到一個問題,資料庫的資料遲遲讀取不出來data.result為null,解決辦法很簡單,最後定位出來是查詢資料庫的雲函式的問題。在這裡記錄一下定位問題的過程和思路 1.呼叫微信小程式雲函式的問題優先定位雲函式的問題,通過“雲開發控制檯”檢視小程式的呼叫日誌發現呼叫報錯 “Reference

程式學習筆記4--------框架之邏輯層

      邏輯層            邏輯層(App Service):小程式框架的邏輯層是由JavaScript編寫的,邏輯層將資料進行處理後傳送給檢視層,同時接受檢視層的事件反饋。     App進行程式註冊,Page進行頁面註冊     getApp獲取App例項,getCurrentPage

程式學習筆記表單提交、PHP後臺資料互動

【form表單提交】 form.wxml: <form bindsubmit="formSubmit" bindreset="formReset"> <view> 暱稱:<input type="text" name="nic

程式學習筆記

雲函式條件查詢 exports.main = async (event, context) => { try { return await db.collection('sweething').where({ id: event.id

程式學習筆記檔案上傳、下載

(以上傳圖片為例) 後臺上傳介面Upload.php:(tp5) <?php namespace app\home\controller; use think\Controller; class Upload extends First { //上傳

程式學習筆記1

首先,註冊帳號 這裡指的是微信公眾平臺的註冊帳號,不是微信App賬號。 訪問https://mp.weixin.qq.com/,如果沒有帳號,輸入郵箱,註冊一個。註冊過程中會讓你從四個類別(微信訂閱號、服務號、企業微信、小程式)中選擇一個,選擇“小程式"就好了。 後續輸

程式學習筆記2----HelloWorld分析

寫在前面 IDE結構 上圖是微信開發工具自動生成的一個HelloWorld,微信小程式的開發、除錯都在這個工具中完成,相比於eclipse、Idea之類的Idea,小程式顯示功能比較少,沒多少選單。 編輯 編輯選單中是存放程式碼的,可以建

程式學習筆記3-全域性的樣式app.wxss與通用佈局

全域性的樣式(app.wxss)與通用佈局 在小程式開發的時候,大多時候,頁面的佈局都是基本相同的。因此,頁面佈局也就形成了固定的套路。常見的佈局及全域性樣式如下: index.wxml檔案 &l

程式程式學習筆記每日更新ing_20180523打卡

1、app.json檔案中頁面路徑前不要加/2、圖片儘量不要儲存在小程式的目錄中。(因為小程式的大小不能超過1MB,超過則無法真機執行和釋出專案。應該將圖片都存放在伺服器上,讓小程式通過網路來載入圖片)3、設定display:flex是應用一切彈性佈局屬性的先決條件,如果不設