Skip to content
This repository has been archived by the owner on Oct 9, 2023. It is now read-only.

【Vue.js】vue-color（カラーピッカー）使ってみる #10

Closed
kyoruni opened this issue Feb 14, 2020 · 7 comments · Fixed by #11
Closed

【Vue.js】vue-color（カラーピッカー）使ってみる #10

kyoruni opened this issue Feb 14, 2020 · 7 comments · Fixed by #11

Comments

@kyoruni
Copy link
Owner

kyoruni commented Feb 14, 2020 •
edited
Loading

No description provided.

kyoruni added a commit that referenced this issue Feb 14, 2020
@kyoruni
🔧 #10 vue-color導入
5417807 
npm install --save vue-color
kyoruni added a commit that referenced this issue Feb 14, 2020
@kyoruni
🔧 #10 カラーピッカーページ作成
934db69
kyoruni added a commit that referenced this issue Feb 14, 2020
@kyoruni
🔧 #10 カラーピッカー表示
49e2cdf 
表示しただけ
kyoruni added a commit that referenced this issue Feb 14, 2020
@kyoruni
🔧 #10 見た目調整
a7ee449
kyoruni added a commit that referenced this issue Feb 14, 2020
@kyoruni
🔧 #10 sketchのカラーピッカーに変更
7e9cf57
kyoruni added a commit that referenced this issue Feb 14, 2020
@kyoruni
🔧 #10 カラーピッカーをリアクティブに
d271b80
kyoruni added a commit that referenced this issue Feb 14, 2020
@kyoruni
🔧 #10 プリセットカラーを設定
96b5fe9
@kyoruni
Copy link
Owner Author

kyoruni commented Feb 14, 2020 •
edited
Loading

透明度は使わせたくない

  • cssで非表示にするしかない？

@kyoruni
Copy link
Owner Author

kyoruni commented Feb 14, 2020 •
edited
Loading

できた

  • :disableAlpha="true"
<color-picker v-model="colors" :disableAlpha="true"></color-picker>

kyoruni added a commit that referenced this issue Feb 14, 2020
@kyoruni
🔧 #10 不透明度は使わない
3cfc806
@kyoruni
Copy link
Owner Author

kyoruni commented Feb 14, 2020

初期選択の色を設定したい

  • 何入れても#194d33になってしまう

@kyoruni kyoruni changed the title 【Vue.js】カラーピッカー使ってみる 【Vue.js】vue-color（カラーピッカー）使ってみる Feb 14, 2020
@kyoruni
Copy link
Owner Author

kyoruni commented Feb 14, 2020 •
edited
Loading

できた

  • 色を渡さなければ良いだけだった…

kyoruni added a commit that referenced this issue Feb 14, 2020
@kyoruni
🔧 #10 初期値はピンクにする
600e10e
@kyoruni
Copy link
Owner Author

kyoruni commented Feb 14, 2020

dataに持たせた背景色で要素表示したい

  • セクションをループする

  • セクションごとに別の色にする

@kyoruni
Copy link
Owner Author

kyoruni commented Feb 14, 2020

できた

kyoruni added a commit that referenced this issue Feb 14, 2020
@kyoruni
🔧 #10 背景色をデータに持たせる
4cf2863
kyoruni added a commit that referenced this issue Feb 14, 2020
@kyoruni
🚧 #10 途中保存
5dcf4af
@kyoruni
Copy link
Owner Author

kyoruni commented Feb 14, 2020

クリックしたセクションの色をカラーピッカーに適用する

kyoruni added a commit that referenced this issue Feb 19, 2020
@kyoruni
🔧 #10 カラーピッカーの色を、クリックしたブロックの色に変更
6582ca6
kyoruni added a commit that referenced this issue Feb 19, 2020
@kyoruni
🔧 #10 カラーピッカーと同期するブロックを追加
f20c42e
kyoruni added a commit that referenced this issue Feb 19, 2020
@kyoruni
♻️ #10 コメント追記
1799681
kyoruni added a commit that referenced this issue Feb 19, 2020
@kyoruni
🐛 #10 無効な色を削除
c2310d0 
透明は使用不可のため
kyoruni added a commit that referenced this issue Feb 19, 2020
@kyoruni
🔧 #10 カーソル表示をポインターにする
74d5e31
kyoruni added a commit that referenced this issue Feb 19, 2020
@kyoruni
♻️ #10 色名を表示
cb33a51
kyoruni added a commit that referenced this issue Feb 19, 2020
@kyoruni
♻️ #10 インデント揃える
fc06de5
@kyoruni kyoruni mentioned this issue Feb 19, 2020
Merged
kyoruni added a commit that referenced this issue Feb 19, 2020
@kyoruni
Merge pull request #11 from kyoruni/#10-vue-color
c25f3ce 
【Vue.js】vue-color（カラーピッカー）使ってみる
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

【Vue.js】vue-color（カラーピッカー）使ってみる kyoruni/til
1 participant
@kyoruni