有個(gè)臨床小需求：CO?結(jié)合力(CO?-CP)的單位換算炊昆，就是兩種計(jì)算單位之間的轉(zhuǎn)換桨吊。
用HTML和JavaScript當(dāng)然可以啦，今天用HTMLayout的CSSS凤巨！來(lái)實(shí)現(xiàn)视乐。
首先，分析一下敢茁，就是頁(yè)面提供換算選擇佑淀，對(duì)輸入值進(jìn)行轉(zhuǎn)換計(jì)算并輸出。
實(shí)現(xiàn)效果如下：
實(shí)現(xiàn)
代碼如下：
代碼圖
這里面涉及到CSSS彰檬！編程幾個(gè)知識(shí)：
1伸刃、常量定義方法：
@const VOL_TO_MMOL: 0.4492;
@const MMOL_TO_VOL: 2.226;
2、事件方法
INPUT[name='color']
? { ? ?
? ? ? ? click!:
? ? ? ? ? ? ? $1(input#radio_idx):value = self:index;
? }
3逢倍、判斷語(yǔ)句方法：（）捧颅？ （）# （）
( sel == 1 ) ?
? ? ? ? ? ? ? ? ( $1(input#text3):value =inp:value * @VOL_TO_MMOL? ) #
? ? ? ? ? ? ? ? ( $1(input#text3):value =inp2:value * @MMOL_TO_VOL? );
