[+] Read palette
This commit is contained in:
+4
-12
@@ -15,7 +15,7 @@
|
|||||||
|
|
||||||
<div id="colors" class="fbox-h">
|
<div id="colors" class="fbox-h">
|
||||||
<span class="colors-text">Colors</span>
|
<span class="colors-text">Colors</span>
|
||||||
<div class="color" v-for="(c, i) in colors" :key="i" :style="{'background-color': c}">
|
<div class="color" v-for="(c, i) in colors" :key="i" :style="{'background-color': c ?? '#333'}">
|
||||||
<div>{{i + 1}}</div>
|
<div>{{i + 1}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -27,23 +27,15 @@
|
|||||||
import {Options, Vue} from 'vue-class-component';
|
import {Options, Vue} from 'vue-class-component';
|
||||||
import {start} from "@/animation/Home";
|
import {start} from "@/animation/Home";
|
||||||
import {config} from "@/animation/Config";
|
import {config} from "@/animation/Config";
|
||||||
|
import {range} from "@/utils";
|
||||||
|
|
||||||
@Options({components: {}})
|
@Options({components: {}})
|
||||||
export default class NewHome extends Vue
|
export default class NewHome extends Vue
|
||||||
{
|
{
|
||||||
editMode = config.editMode
|
editMode = config.editMode
|
||||||
|
|
||||||
colors = [
|
colors = localStorage.getItem('palette') ? JSON.parse(localStorage.getItem('palette') as string)[0] :
|
||||||
'#ffa8a8',
|
range(10).map(_ => '#ffa8a8')
|
||||||
'#ffa8a8',
|
|
||||||
'#ffa8a8',
|
|
||||||
'#ffa8a8',
|
|
||||||
'#ffa8a8',
|
|
||||||
'#ffa8a8',
|
|
||||||
'#ffa8a8',
|
|
||||||
'#ffa8a8',
|
|
||||||
'#ffa8a8',
|
|
||||||
]
|
|
||||||
|
|
||||||
mounted(): void
|
mounted(): void
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user