<テンプレート> <DIV CLASS = "こんにちは"> <EL-形態> <EL-行> <EL-COL:スパン= "5"> <DIV CLASS = "グリッドコンテンツBG紫色"> <EL-フォーム-項目ラベル幅= "120ピクセル"> <スパンスロット= "ラベル"> <スパンクラス= "スパンボックス"> <スパン>主食</スパン> <I CLASS = "EL-アイコン食器ICO-プレ" > </ I> </ span>を </ span>の <EL-ラジオVモデル= "ラジオ"ラベル= "1">饺子</ EL-ラジオ> <EL-無線Vモデル= "ラジオ"ラベル= "2">米饭</ EL-ラジオ> </ EL-フォーム項目> </ div> </ EL-COL> </ EL-行> <EL-行> <EL-COL:スパン= "5"> <DIV CLASS = "グリッドコンテンツBG紫色"> <EL-フォーム項目ラベル幅= "120ピクセル"> <スパンスロット= "ラベル"> <スパンクラス= "スパンボックス"> の<span>喜欢的配菜</スパン> <I CLASS = "EL-アイコン皿-1 ICO-PRE"> </ I> </ span>を </ span>を <IL-無線Vモデル= "Radio1の"ラベル= "3">千页豆腐</ EL-ラジオ> <EL-無線Vモデル= "Radio1の"ラベル= "4">空心菜</ EL-ラジオ> </ EL -体-項目> </ div> </ EL-COL> </ EL-行> </ EL-形態> </ div> </テンプレート> <スクリプト> エクスポートデフォルト{ 名: 'のHelloWorld'、 小道具:{ MSG:文字列 }、 データ(){ リターン{ ラジオ: '1'、 Radio1の:4 '' }; } } </ SCRIPT> <スタイルスコープ> .spanボックス{ 表示:インラインブロック。 位置:相対; } .ICO事前{ 位置:絶対。 左:-21px; トップ:12ピクセル; } </スタイル>
レンダリング