<テンプレート> <ul class="コンテナ"> <li v-for="(item,index) in datalist" :key="index"> {{item.text}} <span></span> </li> </ul> </テンプレート> <スクリプト> エクスポートデフォルト{ 小道具:{}, データ(){ 戻る { データリスト:[ { id:1, テキスト:'山東' }, { id:2, テキスト:「北京」 }, { id:3, テキスト:'陝西' }, { id:4, テキスト:「重慶」 } ] } }, コンポーネント:{}, メソッド:{}, マウントされた(){}、 作成された(){}、 時計:{} } </スクリプト> <スタイル スコープ lang="scss"> 。容器{ ディスプレイ: フレックス; li{ 位置: 相対的; 幅: 40px; 高さ: 20px; フォントサイズ: 14px; フォントの太さ: 300; テキスト配置: 中央; 行の高さ: 20px; スパン{ 表示: インラインブロック; 位置: 絶対; 幅: 1px; 高さ: 50%; 右: 0; 上位: 50%; 変換: translateY(-50%); 背景色: #EEEEEE; } &:last-child{ //ここで、最後の灰色の線を削除する方法に注意してください span{ 幅: 0; } } } } </スタイル> 以下もご興味があるかもしれません:
|
<<: Dockerはイメージ名とTAG操作の名前を変更します
MySQL 5.5 のインストールと構成のチュートリアル ノートを整理し、全員と共有します。 1.公...
最近、IM を実行するときに、これらの 3 つのキーワードを同時に使用したときに問題が発生しました。...
序文ご存知のとおり、bash (Bourne-Gain Shell) は、ほとんどの Linux デ...
この記事の例では、音楽プレーヤーを実装するためのJSの具体的なコードを参考までに共有しています。具体...
目次8. CSS3 クリックボタンの円形進捗チェック効果8.1 画像プレビュー8.2 index.h...
<br />ポテトチップスパーティーのこのエピソードに参加して、何人かの友達に会えてとて...
1. 遷移属性の理解1. transition 属性は、次の 4 つの遷移プロパティを設定するために...
赤とピンク、およびそれらの 16 進コード。 #990033 #CC6699 #FF6699 #FF...
目次標準的な実行プロセス最適化並べ替えを削除並べ替え成し遂げる要約する標準の Group by ステ...
質問アップロードするファイルのタイプを accept に追加することは、「表面的な」役割しか果たしま...
mysql ストレージ エンジン: MySQL サーバーはモジュール スタイルを採用しており、特にス...
Linux は iftop を使用してネットワーク カードのトラフィックをリアルタイムで監視します。...
1.オーバーフローコンテンツのオーバーフロー設定(設定されたオブジェクトにスクロールバーを表示するか...
崇高なSublime Text はコード エディター (Sublime Text2 は有料ソフトウェ...
デプロイされるプロジェクトが増えるにつれて、Tomcat にデプロイされるリリース パッケージも増え...