diff --git a/src/components/PublicComponent/PublicComponent.vue b/src/components/PublicComponent/PublicComponent.vue
index 897c805..5144c4a 100644
--- a/src/components/PublicComponent/PublicComponent.vue
+++ b/src/components/PublicComponent/PublicComponent.vue
@@ -76,7 +76,7 @@ onMounted(() => {
send(`type:online`)
}, 30000)
- store.SET_CURRENT_THEME('business')
+ store.SET_CURRENT_THEME('dark')
// let i = 0
// setInterval(() => {
// i++
diff --git a/src/themes/dark/activity.png b/src/themes/dark/activity.png
new file mode 100644
index 0000000..ee3005e
Binary files /dev/null and b/src/themes/dark/activity.png differ
diff --git a/src/themes/dark/back.png b/src/themes/dark/back.png
new file mode 100644
index 0000000..f806a01
Binary files /dev/null and b/src/themes/dark/back.png differ
diff --git a/src/themes/dark/billBoardBg.png b/src/themes/dark/billBoardBg.png
new file mode 100644
index 0000000..4c0d5d6
Binary files /dev/null and b/src/themes/dark/billBoardBg.png differ
diff --git a/src/themes/dark/grid.png b/src/themes/dark/grid.png
new file mode 100644
index 0000000..098b5cf
Binary files /dev/null and b/src/themes/dark/grid.png differ
diff --git a/src/themes/dark/gridActive.png b/src/themes/dark/gridActive.png
new file mode 100644
index 0000000..368f960
Binary files /dev/null and b/src/themes/dark/gridActive.png differ
diff --git a/src/themes/dark/index.js b/src/themes/dark/index.js
new file mode 100644
index 0000000..e11fdbc
--- /dev/null
+++ b/src/themes/dark/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 }
diff --git a/src/themes/dark/loc.png b/src/themes/dark/loc.png
new file mode 100644
index 0000000..e49cd28
Binary files /dev/null and b/src/themes/dark/loc.png differ
diff --git a/src/themes/dark/mall.png b/src/themes/dark/mall.png
new file mode 100644
index 0000000..3f19d0e
Binary files /dev/null and b/src/themes/dark/mall.png differ
diff --git a/src/themes/dark/member.png b/src/themes/dark/member.png
new file mode 100644
index 0000000..aae0b53
Binary files /dev/null and b/src/themes/dark/member.png differ
diff --git a/src/themes/dark/movie.png b/src/themes/dark/movie.png
new file mode 100644
index 0000000..fa44f4d
Binary files /dev/null and b/src/themes/dark/movie.png differ
diff --git a/src/themes/dark/parking.png b/src/themes/dark/parking.png
new file mode 100644
index 0000000..600e41b
Binary files /dev/null and b/src/themes/dark/parking.png differ
diff --git a/src/views/Index/recBg.png b/src/themes/dark/recBg.png
similarity index 100%
rename from src/views/Index/recBg.png
rename to src/themes/dark/recBg.png
diff --git a/src/themes/dark/row.png b/src/themes/dark/row.png
new file mode 100644
index 0000000..e310d9d
Binary files /dev/null and b/src/themes/dark/row.png differ
diff --git a/src/themes/dark/rowActive.png b/src/themes/dark/rowActive.png
new file mode 100644
index 0000000..a9a6359
Binary files /dev/null and b/src/themes/dark/rowActive.png differ
diff --git a/src/themes/dark/searchClear.png b/src/themes/dark/searchClear.png
new file mode 100644
index 0000000..840894a
Binary files /dev/null and b/src/themes/dark/searchClear.png differ
diff --git a/src/themes/dark/searchClose.png b/src/themes/dark/searchClose.png
new file mode 100644
index 0000000..101bbb3
Binary files /dev/null and b/src/themes/dark/searchClose.png differ
diff --git a/src/themes/dark/searchIcon.png b/src/themes/dark/searchIcon.png
new file mode 100644
index 0000000..f0ada33
Binary files /dev/null and b/src/themes/dark/searchIcon.png differ
diff --git a/src/themes/dark/style.json b/src/themes/dark/style.json
new file mode 100644
index 0000000..7c1234f
--- /dev/null
+++ b/src/themes/dark/style.json
@@ -0,0 +1,98 @@
+{
+ "global": {
+ "background": "linear-gradient(162.44deg, #3E3D59 0%, #262837 100%)",
+ "appBackground": "#DEE6F6",
+ "radius": "8px"
+ },
+ "weather": {
+ "iconColor": "#FFFFFF",
+ "textColor": "#FFFFFF"
+ },
+ "time": {
+ "timeColor": "#FFFFFF",
+ "monthColor": "#FFFFFF",
+ "weekColor": "#516DD8"
+ },
+ "searchBar": {
+ "backBorderRadius": "8px",
+ "background": "#fff",
+ "border": "none",
+ "borderRadius": "8px",
+ "placeholderColor": "rgba(0, 0, 0, 0.2)",
+ "stickBg": "linear-gradient(180deg, #6C7CA6 0%, #879ACA 100%)",
+ "color": "rgba(0, 0, 0, 0.8)"
+ },
+ "menu": {
+ "bg1": "rgba(255, 255, 255, 0.1)",
+ "bg2": "rgba(255, 255, 255, 0.1)",
+ "bg3": "rgba(255, 255, 255, 0.1)",
+ "bg4": "rgba(255, 255, 255, 0.1)",
+ "bg5": "rgba(255, 255, 255, 0.1)",
+ "activeBg1": "#ffffff",
+ "activeBg2": "#ffffff",
+ "activeBg3": "#ffffff",
+ "activeBg4": "#ffffff",
+ "activeBg5": "#ffffff",
+ "color": "rgba(0, 0, 0, 0.8)",
+ "activeColor": "#fff",
+ "indexColor": "#FFFFFF",
+ "barBg": "linear-gradient(90deg, #BA9B7A 0%, #DBC2A1 100%)"
+ },
+ "index": {
+ "recTitleColor": "#FFFFFF",
+ "guideBackground": "#516DD8",
+ "guideBorder": "none",
+ "guideTopBg": "linear-gradient(180deg, #3A6EE2 0%, #72C1ED 100%)",
+ "guideQrcodeBg": "rgba(255, 255, 255, 0.2)",
+ "guideColor": "#000000",
+ "guideMetaColor": "rgba(0, 0, 0, 0.8)",
+ "foodBg": "linear-gradient(180deg, #1D1D22 0%, #6D719C 100%)",
+ "foodBorder": "none",
+ "recBg": "linear-gradient(180deg, #1D1D22 0%, #6D719C 100%)",
+ "recBorder": "none"
+ },
+ "brand": {
+ "background": "rgba(0, 0, 0, 0.2)",
+ "floorNameColor": "#FFFFFF",
+ "floorMetaColor": "rgba(255, 255, 255, 0.8)"
+ },
+ "food": {
+ "background": "linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%)"
+ },
+ "carousel": {
+ "titleColor": "#FFFFFF",
+ "introColor": "rgba(255, 255, 255, 0.8)"
+ },
+ "map": {
+ "background": "#DEE6F6"
+ },
+ "billboard": {
+ "background": "linear-gradient(162.44deg, #3E3D59 0%, #262837 100%)",
+ "arrowRadius": "100px",
+ "titleColor": "#FFFFFF",
+ "metaColor": "rgba(255, 255, 255, 0.6)"
+ },
+ "guide": {
+ "floorBg": "linear-gradient(90deg, #BA9B7A 0%, #DBC2A1 100%)",
+ "allFloorBg": "left / 150px 100% no-repeat linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%), #dee6f6",
+ "arrowRadius": "100px",
+ "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.8)"
+ },
+ "search": {
+ "background": "linear-gradient(180deg, #494B63 0%, #5A5D82 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": "linear-gradient(180deg, #494B63 0%, #5A5D82 100%)",
+ "radius": "8px"
+ }
+}
diff --git a/src/themes/index.js b/src/themes/index.js
index b85eba3..1271c88 100644
--- a/src/themes/index.js
+++ b/src/themes/index.js
@@ -3,5 +3,6 @@ import fashion from './fashion/index'
import highend from './highend/index'
import luxury from './luxury/index'
import business from './business/index'
+import dark from './dark/index'
-export default { main, fashion, highend, luxury, business }
+export default { main, fashion, highend, luxury, business, dark }
diff --git a/src/views/Index/Index.vue b/src/views/Index/Index.vue
index 6689b5c..1c2c561 100644
--- a/src/views/Index/Index.vue
+++ b/src/views/Index/Index.vue
@@ -43,8 +43,8 @@
![]()
-