障害のあるスタイルを模倣する

今回は、障害者の真似をするスタイルと、障害者のスタイルを真似する際の注意点についてお届けします。 以下に実際の事例を示しますので、見てみましょう。

模倣は無効です

外側のレイヤーにカーソルを追加します: 許可されていません

内部組織をクリックイベントポインターイベント: なし

<template>
    <li v-for="item in navLists" 
          href="javascript:;"
          class="li i"
          :class="{
          &#39;activeShow&#39;:item.active,
          &#39;disabled-li&#39;:!item.flag
          }">
          <a   href="javascript:;"
             :class="{disabled:!item.flag}"
             @click.stop="toolgeNav(item)">
            <h2>{{item.title}}</h2>
            <span class="samll-en" :title="item.small">{{item.small}}</span>
            <span class="samll-en-bg">{{item.small}}</span>
          </a>
    </li></template><style scoped>.disabled {
    pointer-events: none;
    /cursor: not-allowed!important;/
}
.disabled-li {
  /阻止事件/
  cursor: not-allowed !important;
}</style>

この記事の事例を読んだ後は、この方法を習得したと思います。情報については、php 中国語 Web サイトのその他の関連記事にご注意ください。

関連書籍:

JS 配列内の false、null、0、""、unknown、および NaN 値をフィルターで除外する方法

table tr th と table tr td にはフォントが多すぎます。 CSS Solveの使い方

360スピードモードをデフォルトでオンに設定する方法

以上が障害のあるスタイルを模倣するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。