這樣乙個簡單的元件,翻了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 ...