mirror of
https://github.com/getbible/app.git
synced 2024-06-04 19:50:47 +00:00
40 lines
906 B
Vue
40 lines
906 B
Vue
|
<template>
|
||
|
<div>
|
||
|
<!-- <a href="" uk-marker>
|
||
|
<input v-model="primary" type="color" name="" id="">
|
||
|
</a>
|
||
|
<a href="" uk-marker>
|
||
|
<input v-model="secondary" type="color" name="" id="">
|
||
|
</a> -->
|
||
|
<label for="primary">Primary Color: </label>
|
||
|
<input v-model="primary" type="color" name="primary" id="primary">
|
||
|
<br/>
|
||
|
<label for="secondary">Secondary Color: </label>
|
||
|
<input v-model="secondary" type="color" name="secondary" id="secondary">
|
||
|
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
import {dispatch} from 'vuex'
|
||
|
export default {
|
||
|
data(){
|
||
|
return {
|
||
|
primary: '#55828b',
|
||
|
secondary: '#fed18c'
|
||
|
}
|
||
|
},
|
||
|
methods: {
|
||
|
updatePrimary(){
|
||
|
dispatch('primary', this.primary)
|
||
|
},
|
||
|
updateSecondary(){
|
||
|
dispatch('secondary', this.secondary)
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style>
|
||
|
|
||
|
</style>
|