xquery小程式簡易步進器

2022-09-02 17:54:06 字數 1442 閱讀 2028

這樣乙個簡單的元件,翻了ant.design才知道這種元件叫做步進器(steper),步進器常用於購物車等需要增減數量的場景,最近的旅遊專案中用於增減房間數和人數,從產品的角度來理解步進器很簡單,但在開發角度來說需要適應多種場景及控制一些狀態

大致需求如上,demo及實現部分如下

github原始碼

小程式**片段

因為是直接使用item元件實現,所以元件寫在page頁面中,當然獨立成元件看需求了

const pager = require('../components/aotoo/core/index')

let lib = pager.lib

function mksteper(id=lib.suid('step_'), min, max, step=1) ,,,

],methods:

},reduce(e, param, inst)

if (e === false)

if (e === true)

if (typeof e === 'number')

this.count -= step

if (this.count <= this.min)

if (this.count < this.max && !this.stat.plus)

this.changenum(inst)

this.hooks.emit('reduce', , this)

},plus(e, param, inst)

if (e === false)

if (e === true)

if (typeof e === 'number')

this.count += step

if (this.count >= this.max)

if (this.count > this.min && !this.stat.reduce)

this.changenum(inst)

this.hooks.emit('plus', , this)

},changenum(inst)

if (!inst)

let $counter = inst.siblings('steper-counter')

$counter.update()}}

}}pager(,

onready()

})$steper.hooks.on('reduce', function(param)

})}})

over了

requests製作簡易翻譯小程式

首先,沒有安裝requests請安裝 import requests import json url form data headers r requests.post url,data form data,headers headers print r.content 這裡的form data放在...

Linux 簡易小程式 進度條

進度條即計算機在處理任務時以形式顯示處理任務的速度,完成度,剩餘未完成任務量的大小,和可能需要處理時間,一般以長方形條狀顯示。理解 要實現進度條,就要在緩衝區裡,所以,我們需要注意幾點 1.緩衝區 分為 無緩衝,行緩衝,全緩衝 無緩衝,是指沒有緩衝,可以將資訊立馬顯示出來。具體代表是標準錯誤流std...

微信小程式書簡易支付

登入後進入課程選擇頁面 1 資料庫填入資料 2 lar el建立控制器,模型,定義路由 控制器 書列表public function index 模型 namespace use illuminate database eloquent model class book extends model ...