feat: 商务

src/components/PublicComponent/PublicComponent.vue

@@ -76,7 +76,7 @@ onMounted(() => {
     send(`type:online`)
   }, 30000)
 
-  store.SET_CURRENT_THEME('luxury')
+  store.SET_CURRENT_THEME('business')
   // let i = 0
   // setInterval(() => {
   //   i++

src/themes/business/index.js

@@ -0,0 +1,10 @@
+import style from './style.json'
+function importAll(r) {
+  const obj = {}
+  r.keys().forEach(key => {
+    obj[key.replace('./', '').replace('.png', '')] = r(key)
+  })
+  return obj
+}
+const images = importAll(require.context('./', false, /\.(png|jpe?g|svg)$/))
+export default { ...style, images }

src/themes/business/style.json

@@ -0,0 +1,97 @@
+{
+  "global": {
+    "background": "linear-gradient(180deg, #7C9DC4 0%, #BFD3E1 100%)",
+    "appBackground": "#dee6f6"
+  },
+  "weather": {
+    "iconColor": "#FFFFFF",
+    "textColor": "#FFFFFF"
+  },
+  "time": {
+    "timeColor": "#FFFFFF",
+    "monthColor": "#FFFFFF",
+    "weekColor": "#5D8ACE"
+  },
+  "searchBar": {
+    "backBorderRadius": "0",
+    "background": "rgba(255, 255, 255, 0.6)",
+    "border": "none",
+    "borderRadius": "0",
+    "placeholderColor": "rgba(0, 0, 0, 0.4)",
+    "stickBg": "#5D8ACE",
+    "color": "rgba(0, 0, 0, 0.8)"
+  },
+  "menu": {
+    "bg1": "rgba(255, 255, 255, 0.4)",
+    "bg2": "rgba(255, 255, 255, 0.4)",
+    "bg3": "rgba(255, 255, 255, 0.4)",
+    "bg4": "rgba(255, 255, 255, 0.4)",
+    "bg5": "rgba(255, 255, 255, 0.4)",
+    "activeBg1": "#ffffff",
+    "activeBg2": "#ffffff",
+    "activeBg3": "#ffffff",
+    "activeBg4": "#ffffff",
+    "activeBg5": "#ffffff",
+    "color": "rgba(0, 0, 0, 0.4)",
+    "activeColor": "rgba(0, 0, 0, 0.8)",
+    "indexColor": "rgba(0, 0, 0, 0.8)",
+    "barBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)"
+  },
+  "index": {
+    "recTitleColor": "#FFFFFF",
+    "guideBackground": "#435B7D",
+    "guideBorder": "none",
+    "guideTopBg": "linear-gradient(180deg, #334B6F 0%, #728EB5 100%)",
+    "guideQrcodeBg": "rgba(255, 255, 255, 0.2)",
+    "guideColor": "#FFFFFF",
+    "guideMetaColor": "rgba(255, 255, 255, 0.8)",
+    "foodBg": "linear-gradient(180deg, #334B6F 0%, #728EB5 100%)",
+    "foodBorder": "none",
+    "recBg": "linear-gradient(180deg, #334B6F 0%, #728EB5 100%)",
+    "recBorder": "none"
+  },
+  "brand": {
+    "background": "rgba(255, 255, 255, 0.6)",
+    "floorNameColor": "rgba(0, 0, 0, 0.8)",
+    "floorMetaColor": "rgba(0, 0, 0, 0.6)"
+  },
+  "food": {
+    "background": "linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%)"
+  },
+  "carousel": {
+    "titleColor": "rgba(0, 0, 0, 0.8)",
+    "introColor": "rgba(0, 0, 0, 0.6)"
+  },
+  "map": {
+    "background": "#DEE6F6"
+  },
+  "billboard": {
+    "background": "linear-gradient(180deg, #7C9DC4 0%, #BFD3E1 100%)",
+    "arrowRadius": "100px",
+    "titleColor": "#000000",
+    "metaColor": "rgba(0, 0, 0, 0.6)"
+  },
+  "guide": {
+    "floorBg": "linear-gradient(113.71deg, #435acd 0%, #749cf3 100%)",
+    "allFloorBg": "left / 150px 100% no-repeat linear-gradient(180deg, #334B6F 0%, #728EB5 100%), #dee6f6",
+    "arrowRadius": "0",
+    "floorColor": "#FFFFFF",
+    "floorActiveColor": "rgba(0, 0, 0, 0.8)",
+    "floorActiveBg": "linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 100%)",
+    "currentBg": "linear-gradient(99.5deg, #F0B92B 0%, #F9D556 100%)",
+    "currentColor": "rgba(0, 0, 0, 0.6)"
+  },
+  "search": {
+    "background": "linear-gradient(180deg, #E0E3EE 0%, #D4D9E7 100%)",
+    "barBackground": "#fff",
+    "placeholderMetaColor": "rgba(81, 109, 216, 1)",
+    "keyboardActiveBg": "linear-gradient(180deg, #435ACD 0%, #749CF3 100%)",
+    "writeColor": "#516DD8"
+  },
+  "activities": {
+    "btnBg": "linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)",
+    "btnColor": "#FFFFFF",
+    "detailBg": "#FFFFFF",
+    "radius": "16px"
+  }
+}

src/themes/index.js

@@ -2,5 +2,6 @@ import main from './main/index'
 import fashion from './fashion/index'
 import highend from './highend/index'
 import luxury from './luxury/index'
+import business from './business/index'
 
-export default { main, fashion, highend, luxury }
+export default { main, fashion, highend, luxury, business }