アクティブなタブが変更されると画像アイコンが変更されます

現在、画像アイコンとテキストを含む 4 つのタブがある v-tab を持っています。ただし、タブがアクティブな場合は、アクティブなタブのアイコンが別の画像に変わるはずです。どうすればいいですか？ <v-tabsv-model="tabs"class="tabs-menu"><v-tabv-for="iteminiitems":key="item.id">&

P粉448130258 2023-08-29 18:55:29 0  1  595

Tab キーを使用してページ上の HTML 要素を移動します

Tab キーを使用している HTML ページで、Tab キーを使用してスクロールできません。これは、「テーブルを更新できません」ポップアップが開いたときにタブを参照しようとしているページの写真です。それをクリックしてタブを押しました。初めてタブを押すと、フォーカスが画像内の矢印要素に移動します。しかし、次にタブを押すと、要素 Page3 に移動します。上矢印アイコンは HTML で選択されている <i タグで、次の <i タグは x ボタンです。何らかの理由で、2 番目の <i タグがスキップされ、タブ キーが 2 回目に表示されたときに x ボタンに移動しません。これはそう...

P粉106301763 2024-02-03 21:30:59 0  1  446

Wordpress - 画像タイトルが存在します - Gutenberg は自動的にそれを取得しません

この質問をする前に、午前 10 時から午後 20 時までの 9 時間分の料金を支払いました:( あらゆることを試しましたが、うまくいきませんでした。まあ、画像の情報を設定しました: alt text、title、caption、 description Gutenberg エディターは Alt テキスト、画像タイトルを取得できますが、[詳細設定] -> [タイトル プロパティ] タブに「タイトル」がありません。手動で再度書き換えずに、Gutenberge で画像 post_id からタイトルを取得するにはどうすればよいですか? ありがとうございます。

P粉823268006 2024-01-16 21:17:02 0  1  466

スライディング検証を行うにはどうすればよいですか?

現在、多くの Web サイトでは、以前の認証コード入力の代わりに登録フォームの下にスライド認証があり、小さなアイコンを大きな画像の対応する位置にスライドさせると、認証に合格します。

朱 2019-08-17 04:43:08 0  1  1449

変換された要素がオーバーフローして自動的に切り取られるのを防ぐにはどうすればよいですか?

Bootstrap4 を使用して、友人の個人 Web サイト用のモーダル ギャラリーを作成しています。ホバーすると画像が拡大するように設定しましたが、オーバーフローを自動に設定すると、モーダル（または div）の端で画像が切り取られてしまいます。ギャラリーも一連のタブの 3 番目ですが、どれもうまく機能します。どの div に overflow-auto クラスがあるかを変更しようとしました。すべて異なるタグを付けようとしましたが、何を試しても、ギャラリーがスクロールし、画像がスクロールするようにする方法がわかりません。ホバーカット時にぼやけません。関連するコード: .g

P粉242535777 2023-09-07 20:04:02 0  1  573

Vue 3 は Props に基づいて動的にインポートします

unplugin-icon を使用してアイコンコンポーネントを作成しています。通常、//scriptimportIconCopyfrom'~icons/prime/copy'//template<IconCopy/> をインポートできますが、別のアイコンを使用したい場合は、次のように感じました1つずつインポートするのは不便なので、Eunoicon.vue<scriptsetup>constpropsという動的コンポーネントを作成しました。

P粉388945432 2023-11-16 11:40:01 0  1  847

Vanilla JS setTimeout(): 間違った動作の特定

ハンバーガー メニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果 ハンバーガー メニュー ボタンをクリックすると、次のイベントが発生します。 ハンバーガー メニュー アイコンをクリックすると、メインが 180 度回転し、2000 ミリ秒で高さに沿って縮小します。 2000 ミリ秒が経過すると、メニューが表示され、ハンバーガー アイコンが X に変わります。終了ボタンをクリックしてください: ページをさらに 180 度回転します メニューをオーバーレイします メニューを非表示にします: display:none; 終了ボタンをハンバー...

P粉797855790 2024-04-02 20:44:40 0  1  422

JavaScript - キャンバス ゲームを作成しました。マップ カメラがマップ オブジェクトをズームインすると、fps が非常に固まり、アニメーションが滑らかではありません。この問題はどうすれば解決できますか?

キャンバスであるカメラを拡大するためのCSSが不安定になるはずなのですが、どうすればよいでしょうか？

女神的闺蜜爱上我 2017-07-05 11:03:02 0  2  942

次の js; 一部のモバイル デバイスではコンポーネント内のテキストがぼやけます

タイトルの通り、nextjs ページの一部のテキストがぼやけて見えますが、一部のモバイル デバイスではオンラインで表示されるという問題がまだ発生しています。私はこれを最も顕著に感じたのは一部の iPhone です。コンソールを使用してモバイル レイアウトをテストする場合、これはモバイル デバイスにも当てはまります。これは、私のページ上の 2 つのコンポーネントに関する問題です。どちらのカードも裏返すと裏面が表示されます。また、Framermotion を使用してアニメーション化されます。スタイル設定は Tailwind で行われ、ページの他の部分の通常のテキストは通常​​どおり表示されます。理...

P粉329425839 2023-09-12 21:31:00 0  1  629

CSS 行クラスにより、一部の要素がフレーム外になりますが、要素は静的で表示の下部に固定される必要があります。

現在の私のページはこんな感じです。 2 つの要素が隣り合うように行クラスを追加すると、下部のナビゲーション バーがスクロールする必要がある位置まで押し下げられます。ここでは、行要素のない別のページが表示されます。ナビゲーション リンクがディスプレイの下部に完全に固定されています (植物と部屋のナビゲーション要素はリマインダー タブ (画像 1) に表示されるべきではないため、この要素は無視してください (画像 2)。ページはスクロール可能で、ナビゲーションバーが正しい位置に保たれますが、要素のアウトラインが正しくありません。すべての緑色のボックス表示は、編集ボタンと削除ボタンとともに重ねて表示...

P粉156415696 2024-04-03 18:48:12 0  1  406

HTML、CSS、SVG を使用してスケーラブルな標識を作成する

道標（先端のある長方形）の形のボタンを作成したいと考えています。 _______|\|_______/各テキストの長さが異なるテキストを動的にロゴに書き込みたいと考えています。グラフィックのみを背景グラフィックとして使用してこれを試してみると、矢印はそれに応じて拡大縮小および圧縮/伸縮されます。したがって、これを行う方法は、テキストを通常の div に配置し、CSS:after を使用して矢印を SVG として追加することです。矢印は完全に塗りつぶされているはずです。つまり、フレームの問題に対処する必要はありません。 （見やすくするためにSVGを黒のままにしました）最初の問題は、矢印が常にブロ...

P粉555682718 2024-03-31 14:45:14 0  1  439

Woocommerce のクリア バリエーション リンクをカートに追加ボタンに移動します

製品バリアントが選択されたときにクリア オプションが表示されないように、テーマの PHP ファイルから「クリア」リンクを削除しました。リンクは現在削除されており、これは目標の一部でしたが、[Clear] リンクは引き続き [カートに追加] ボタンに影響を及ぼし、製品バリエーションが選択されるとボタンが約 30 ピクセル下に移動します。 WooCommerce プラグインのバリエーション サンプルを使用して、製品バリエーションのボタンの外観を実装しています。バリアント サンプル プラグインを使用していない場合は、リストの右側に明確なリンクが表示されますが、プラグインを使用すると、リンクが下に表示...

P粉018653751 2024-02-21 15:13:11 0  1  462

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  759

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  695

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  590

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  543

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  974

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  492

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  676