カスタムアイコンを追加するためのラベルでelementuiラベル

<テンプレート> 
  <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ピクセル; 
} 
</スタイル>

  レンダリング

おすすめ

転載: www.cnblogs.com/cocoaguo/p/12151897.html