index.js 981 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. import Vue from 'vue'
  2. import Vuex from 'vuex'
  3. Vue.use(Vuex)
  4. const store = new Vuex.Store({ // 全局变量定义
  5. state: {
  6. mainColor: '#ff6e3e', // 主色
  7. customStyle: { // 底部悬浮按钮样式
  8. height: '40px',
  9. fontSize: '14px',
  10. backgroundColor: '#ff6e3e'
  11. },
  12. handleCustomStyle: { // 卡片主要操作按钮样式
  13. backgroundColor: '#ff6e3e',
  14. fontSize: '11px',
  15. padding: '0 15px'
  16. },
  17. handleDefaultCustomStyle: { // 卡片普通操作按钮样式
  18. color: '#ff6e3e',
  19. fontSize: '11px',
  20. padding: '0 15px',
  21. borderColor: '#ff6e3e',
  22. },
  23. },
  24. mutations: {
  25. // 例子
  26. test(state, provider) {
  27. // state.mainColor = '';
  28. }
  29. },
  30. getters: {
  31. mainColor: state => {
  32. return state.mainColor
  33. },
  34. customStyle: state => {
  35. return state.customStyle
  36. },
  37. handleCustomStyle: state => {
  38. return state.handleCustomStyle
  39. },
  40. handleDefaultCustomStyle: state => {
  41. return state.handleDefaultCustomStyle
  42. },
  43. }
  44. })
  45. export default store