index.js 1022 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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. // 客户id
  24. customerId: ''
  25. },
  26. mutations: {
  27. // 修改客户id
  28. changeCustomerId(state, id) {
  29. state.customerId = id
  30. }
  31. },
  32. getters: {
  33. mainColor: state => {
  34. return state.mainColor
  35. },
  36. customStyle: state => {
  37. return state.customStyle
  38. },
  39. handleCustomStyle: state => {
  40. return state.handleCustomStyle
  41. },
  42. handleDefaultCustomStyle: state => {
  43. return state.handleDefaultCustomStyle
  44. },
  45. }
  46. })
  47. export default store