index.js 1.0 KB

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: '#5976ba', // 主色
  7. customStyle: { // 底部悬浮按钮样式
  8. height: '40px',
  9. fontSize: '14px',
  10. backgroundColor: '#5976ba'
  11. },
  12. handleCustomStyle: { // 卡片主要操作按钮样式
  13. backgroundColor: '#5976ba',
  14. fontSize: '11px',
  15. padding: '0 15px',
  16. marginLeft: '10px'
  17. },
  18. handleDefaultCustomStyle: { // 卡片普通操作按钮样式
  19. color: '#5976ba',
  20. fontSize: '11px',
  21. padding: '0 15px',
  22. borderColor: '#5976ba',
  23. marginLeft: '10px'
  24. },
  25. },
  26. mutations: {
  27. // 例子
  28. test(state, provider) {
  29. // state.mainColor = '';
  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