Vuetify を使用してモバイル画面上で表を全幅に表示できますか?

Vue2 と Vuetify を使用して、小さな画面でテーブルの「縮小」を実現できますか?表をモバイル画面上で全幅のままにし、拡大できるようにする必要があるという課題があります。基本的に img のような動作を実現します。基本的には、v-data-table を使用して、この画像から 2 番目の画面を実装する必要があります。 「どちらも同じように悪い」としても、2 番目の解決策が必要です。 Vuetify 専用のソリューションはありますか?

P粉842215006 2023-08-30 20:56:28 0  1  643

JavaScript - vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを残して画面の外側にスライドさせる効果を実現する方法。

vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを画面の外にスライドさせたままにする効果を実現する方法。以下は私が書いたコードですが、私が書いたのは次のとおりです: マウスを上に動かします、ボックスはスライドしていますが、マウスは離れていませんが、ボックスは消えています。

PHP中文网 2017-05-19 10:30:36 0  2  869

正確なマウス座標を取得できない問題: ページのサイズを変更するときに HTML5 キャンバスを使用する

このピクセル効果をフロントエンドの専門家に作成してもらいたいと考えています。全画面キャンバスでピクセル効果全体を実現することはできますが、 constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//全画面の高さをキャンバスに設定します Canvas.width=window.innerWidth ;//キャンバスを全画面幅に設定すると、マウスの座標を取得しやすくなります constmouse={x:unknown,y:u

P粉752290033 2023-09-12 12:20:33 0  1  756

html5 - 画像が変形しないように、背景画像を携帯電話の全画面表示 (コンテンツが比較的長く、スクロール バーがある) にするにはどうすればよいですか?

モバイル Web ページに背景画像が必要です。背景画像を変形せずに全画面表示するにはどうすればよいですか?今の設定だと背景が変形してしまいます！神様に聞いてください！

为情所困 2017-05-16 13:25:30 0  4  1127

javascript - vue2.0 transition hover事件

vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを残して画面の外側にスライドさせる効果を実現する方法

大家讲道理 2017-05-19 10:30:59 0  2  643

JavaScript - キャンバス上で鉛筆の線画効果を実現する方法

最近描いている線画は全てlinetoで描いているのですが、全て実線で描いているので、クリエイティブの効果という観点からすると、【鉛筆】を描いたような効果が欲しいんです～マスターの皆さん、描き方を教えてください。 。

習慣沉默 2017-05-24 11:37:40 0  1  1065

html5 - モバイル ブラウザーと WeChat で H5 ページを全画面表示する方法

<meta name="x5-orientation" content="portrait"><meta name="full-screen" content="yes"> メタを設定すると、UC および QQ ブラウザを全画面表示にできます。他のブラウザはどうですか?微信？サファリ?360?

巴扎黑 2017-05-16 13:35:01 0  2  769

javascript - 画像収集効果、プラス 3D 効果、なぜ収集後に線が発生するのですか?

div には多数のサブディビジョンがあり、サブディビジョンの背景画像を組み合わせて全体の画像を形成します。集合効果として、3D の Y 軸反転効果を追加しました。接合するときの真ん中? 論理的には集めた後になるはずです 結果がこれです コードを添付します pic{幅: 1000px;高さ: 655px;位置...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  563

JavaScript - 素敵なカルーセル画像を見たので、実装方法を教えてください。

ページ https://www.pingxx.com のカルーセル画像がとてもクールだと思いましたが、両面でフェードアウト効果を実現するにはどうすればよいですか?

某草草 2017-05-18 10:52:10 0  2  534

JavaScript - モバイル Web サイトのナビゲーション バーの水平方向のスライド減速効果を実現する方法

主要な Web サイトのモバイル版のナビゲーション バーは、一般的に水平方向にスライドできます。携帯電話の画面をタッチしてスライドさせた後、減速するスライド効果があります。この機能は非常に気に入っています。インターネットでたくさん検索した結果、見つけたものはすべてありましたjsのタッチイベントの紹介でしたが詳しい方法が見つからなかったのでマスターに原理と具体的な説明をお願いしたいです...

给我你的怀抱 2017-06-28 09:27:42 0  1  920

JavaScript はサムネイルから全幅の画像ページへのスムーズな移行を実装します

http://manifesto.clapat.com/ ホーム ページ上の項目をクリックすると、サムネイルから全画面画像に遷移し、その画像がその項目のページのタイトルになります。これらのトランジション効果はどのように作成されるのでしょうか。また、ReactRouter の代わりに内部ルーティングを使用してそれらを実装する最善の方法は何でしょうか。ただし、誰かが ReactRouter で動作させることができるのであれば、それを移植することもできます。利用可能なチュートリアルがいくつかありますが、別のプロジェクト ページに移動するのではなく、全画面モーダル コンポーネントと同様に、すべて同じペ...

P粉536532781 2023-09-15 22:09:37 0  1  975

JavaScript - remユニットの互換性の問題、oppo独自のブラウザ画像の高さが制御されていないのはなぜですか

rem を使用してモバイル ページを作成します。テスト段階では問題はありませんでした。IOS、Android、その他の携帯電話では、すべてが完璧でした。しかし、oppo 携帯電話に付属のブラウザでページを開くと、rem が失敗しました。唯一の画像の高さが失敗し、すべての画像が完全に無効になりました。何故ですか？これは、残りを制御する JavaScript コードです。

大家讲道理 2017-06-26 10:53:25 0  1  1170

JavaScript - 携帯電話の画面をスライドして、特定の要素の上部からの距離を取得するにはどうすればよいですか?同時に、この値を他の関数から参照することはできますか?

タイトルの通り、携帯電話の画面をスライドさせたいのですが、要素が上から一定値（例えば200px）の位置で画面上のポップアップボタンをクリックし、その位置を指定します。ポップアップレイヤーは上から200pxになります。 {コード...} 欲しい この効果が得られ、距離の値は取得できますが、show関数では...

PHPz 2017-05-18 11:02:18 0  2  605

javascript - H5 テクノロジーを使用して WeChat、Alipay に似たバーコードを実装し、全画面をクリックすると自動的に横向きモードに切り替わりますか?

題して。 H5+ を使用して APP を開発しました。QR コードをクリックして拡大する機能が実装されました。バーコードをクリックして拡大する効果と横画面をより効果的に実現する方法は、図 3 に示すように、Alipay や WeChat の決済インターフェースに似ています。 。うまくできませんでした。皆さんには、エレガントな実装方法を提供してください。

扔个三星炸死你 2017-06-14 10:50:51 0  3  1246

object-c - tableview またはscrollView に関する iOS のスライディング問題

タイトルがこのような場合、実現したい効果はスライドダウンの過程です。たとえば、下の図はテーブルビューで作成されています。ここでスライドしても動きません。実現したい効果は次のとおりです。青い色が画面の半分に達していない場合（その位置はほぼOK）、自動的に最初の行、つまり赤い行のみに戻ります...

PHP中文网 2017-06-20 10:06:07 0  1  870

オーバーレイ画像を画像境界内に保ちます - 画像にのみ貼り付くように制限します

画像にオーバーレイを貼り付けようとしていますが、このオーバーレイは上部のメニューバーにまで広がっており、画像に貼り付ける方法がわかりません。画像のサイズを変更したり、位置を変更したりするさまざまな方法を試しましたが、それでもメニューバーにはみ出してしまいます。上部の位置を調整すると全画面表示になるための小さな修正ですが、モバイルではメニューが非表示になるため機能しません。そして、サイズが変更されると、画像の下に流れます。 header{border-bottom:5pxsolidcoral;font-family:A

P粉838563523 2023-09-20 22:57:13 0  1  645

JavaScript - 携帯電話の画面のスライドとスライド画面の上部からの距離を監視するにはどうすればよいですか?

携帯電話の画面のスライドを監視し、上からのスクロール距離を計算するにはどうすればよいですか? {コード...} このように書いたものは常に0ですか?監視スクロールは効果がありません。神に尋ねてください

黄舟 2017-05-19 10:11:07 0  4  655

javascript - js制御要素のスタイルに関する疑問

{コード...} 上記のコードに示すように、slider_box は 1 秒ごとに 20% 左 (1 画面) にスライドしますが、問題が発生します。100% までスライドすると、左にスライドできなくなります。 (さらにスライドすると、画像は表示されません))、ただし、他のプラグインで見た効果は、slider_box のスライド変化が 1 秒ごとに -20% から 0 から -... になるということです。

伊谢尔伦 2017-07-05 10:39:55 0  4  833

css3 - CSS フォント スタイルに背景色の代わりに塗りつぶし色を加えたもの

次のようなフォント スタイルがあります。 ハートを包むスパン全体ではなく、ハートに色を追加したい場合、カラー エラーは次のようになります。 スパンの定義は次のとおりです。 {code...}背景色を追加すると、上の画像が表示されます。効果としては、直接色を使用すると、ハート型の境界線にのみ色が付きます。

天蓬老师 2017-06-08 11:02:27 0  2  1280

ReactJS を使用して要素を非表示にする方法

画面上に文字を表示し、ボタンを押したときだけ非表示にしたいのですが、方法がわかりません。この効果を実現するために useState を使用したい: const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>私が見つけた問題は、ボタンをクリックするとページが再レンダリングすると、可視性の値がデフォルトになります。

P粉136356287 2023-09-07 19:21:22 0  2  500