2018年10月23日(火)
Vue.jsのコンポーネントライブラリElementUIのテーマファイル作成方法
Vue CLI を使用している場合はwebpack.config.jsを編集してscssファイルを読み込めるように編集します。
webpack.config.js
module.exports = { module: { rules: [ // ... { test: /\.scss$/, loader: 'vue-style-loader!css-loader!sass-loader' }, }新しくelement-variables.scssという名前でscssファイルを作成します。
下記の例だと文字サイズとカラーを変更しています。
変更したい変数を記述したら最後に「~element-ui/packages/theme-chalk/src/index」をインポートします。element-variables.scss
$--font-size-base: 12px; $--color-text-regular: #333; $--color-text-secondary: #555; $--font-path: '~element-ui/lib...
0
0
0
3author:
web0pixel
Webディベロッパーのk.ishiwataさまのブログ。jQuery系の記事が人気な他、最近はスマホ対応やアプリなども取り上げられています。
‹ PREV
6. Twitterを活用した効果的なアプリプロモーションでインストール数を増加させよう
NEXT ›
[ユーザー投稿] HTMLベースのタグと関数でWebシステム開発ができるAdobeColdFusionのイベント「ColdFusionDay」セッション内容決定
Ads
Webディベロッパーのk.ishiwataさまのブログ。jQuery系の記事が人気な他、最近はスマホ対応やアプリなども取り上げられています。web0pixelの記事『Vue.jsのコンポーネントライブラリElementUIのテーマファイル作成方法』についてまとめています。
この記事は特にjavascriptについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のweb0pixelで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとweb0pixelの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
Ads
