問題タブ [material-components]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ios - iOS でフレキシブル ヘッダーを固定することは可能ですか?
iOS でアプリを作成し、Material Components Cocoapod を使用しています。私は柔軟なヘッダーを使用しており、柔軟なヘッダーの Android バージョンと同じように「固定」できるようにしたいと考えています。Android の柔軟なヘッダーは、重要なポイントに達した後、スクロール方向に応じて展開または折りたたまれた状態に移行するようです。一方、iOS では、MDC フレキシブル ヘッダーはスクロール ビューを非常にうまく追跡しますが、ヘッダーが終点の中間にある中間スクロールのポイントを持つことができます。
iOS アプリで Android 版のような動作をさせたいです。ライブラリでこれを達成する方法はありますか?または、スクロール位置に基づいてヘッダーの高さを設定するロジックを作成する必要がありますか?
どんな考え/助けも大歓迎です!
angular - angular 4プロジェクトにMDC SASSファイルを追加する
MDC コンポーネントの sass ファイルを angular 4 プロジェクトにインポートするにはどうすればよいですか? @import
.scss ファイルのステートメントは相対的ではないため、コンパイラは .scss ファイルのコンパイルに失敗します@material
。たとえば、mdc-button.scss@import
ステートメントは次のとおりです。
@material
これにより、ファイルが存在するためにコンパイラが見つからないため、コンパイラが失敗します。node_modules/@material/button/mdc-button.scss
実際に必要な場合@import "../animation/variables"
など..
ライブラリはhttps://github.com/material-components/material-components-web/にあります
webpack - Vuejs+Webpackで外部sassディレクトリを含めるには?
初心者の Vuejs の質問はこちら。sass
Vuejs と Webpack でファイルをコンパイルしようとしています。私がインストールした指示に従ってください:
次に、コンポーネントで sass 処理を使用できます。
sass
問題は、にあるサードパーティ モジュールで定義されたファイルを使用したい場合ですnode_modules
。特に、 Material Components Webを使用したいと考えています。ここで、sass ファイルをコンポーネントにインポートする場合:
次のエラーが発生します。
質問
node_modules/@material
sass プロセッサ構成にフォルダーを含めるにはどうすればよいですか?
webpack.base.conf.js
vue-loader.conf.js
ユーティリティ.js
javascript - mdc.snackbar.MDCSnackbar() が this2.root_.querySelector is not a function エラーをスローする
したがって、角度コンポーネントで新しい MDCSnackbar オブジェクトを作成する行で次のエラーが発生します。
let snackbar = new mdc.snackbar.MDCSnackbar(document.getElementsByClassName('mdc-snackbar'))
.
エラー スタックは次のとおりです。
キャッチされていないTypeError: this2.root .querySelector は、MDCSnackbarFoundation.init (material-components-web)の Object.registerActionClickHandler (material-components-web.js:3174) の getActionButton
(material-components-web.js:3144) の関数ではありません .js:8572) の MDCSnackbar.MDCComponent (material-components-web.js:587) の新しい MDCSnackbar (material-components-web.js:3123) の :1:11
スナックバー用の次の HTML スニペットがあります。
私が間違っているかもしれないことの手がかりは大歓迎です。