在繪制電商原型或官網(wǎng)原型，通常會涉及到總價的計算?？梢岳肁xure的中繼器+文本框+函數(shù)來實現(xiàn)，以下以一個Saas軟件根據(jù)購買時間來計價的例子來講解，實際效果如圖：
根據(jù)購買時長計價.gif
繪制步驟：
1.繪制靜態(tài)原型圖
繪制價格文本，并備注為“價格”標簽，如圖所示
image.png
放置中繼器，備注為“天數(shù)”標簽；放置文本輸入框
image.png
2.文本框數(shù)據(jù)錄入到中繼器存儲
事件1：給文本框設(shè)置動態(tài)交互事件，當文本框中的數(shù)據(jù)變化后更新中繼器中的列
image.png
，通過臨時變量將文本框中的參數(shù)傳遞到中繼器中
image.png
事件3：當中繼器加載時，將中繼器中item.Column0中的數(shù)值傳遞到文本框的靜態(tài)文本上，有點像臨時緩存數(shù)據(jù)，否則數(shù)據(jù)仍是一開始初始化的值
image.png
3.將中繼器中的事件參數(shù)結(jié)合計算公式賦值到“價格”標簽
通過事件：引入價格計算公式，根據(jù)購買時長計算總價，如圖所示
image.png
