refactor: 竖版ui修改

public/static/offline/JSON/config.json

@@ -1 +1 @@
-{"code":200,"msg":"操作成功","data":[{"id":115,"entryCode":"d3c94406-310b-11ee-8890-d68ef55ef3ac","title":"默认配置","content":{"interfaceUrl":"https://project-iot.test.1000my.com/api","handWriteUrl":"http://saas.1000my.com:8014/words","mobileNav":"https://qianmu-iot.1000my.com/base_qmgo_react-test/index.html#/","clickUploadUrl":"/analysis/v1/web/deviceUseClickDataUpload","debug":"debug"}}]}
+{"code":200,"msg":"操作成功","data":[{"id":1599,"entryCode":"Gg5S0ybjRhVKW3akyCONs","modelCode":"zeED84FrI5lxl6dww9cqB","title":"config","content":{"interfaceUrl":"https://iot.1000my.com/api","handWriteUrl":"http://saas.1000my.com:8014/words","mobileNav":"https://qianmu-iot.1000my.com/base_qmgo_react/index.html#/","clickUploadUrl":"/analysis/v1/web/deviceUseClickDataUpload","debug":"","projectLogo":["/iotFile/Moderation/iotFile/project-ivhbdiksusuci5n2mjkeea/20250717/gNG_bhFy8DkfdeqJwJmCQ.png"]}}],"traceId":"eb63d41c8f9249ffb084be997f907cfc.8980.17533414752287581"}

public/static/offline/JSON/getBackTime.json

@@ -1 +1 @@
-{ "code": 200, "msg": "操作成功", "data": [120, 120] }
+{"code":200,"msg":"操作成功","data":[60,60],"traceId":"9b8a513cbff846f0be1cf055459ad7bb.59699.17533414753629197"}

public/static/offline/JSON/getCinemaInfo.json

@@ -1 +1 @@
-{"code":200,"msg":"操作成功","data":{"industryName":"影院超市","industryNameEn":"","industryFatherName":"休闲娱乐","industryFatherNameEn":"","shopCode":"_fp63UgYnqvU5p9CXhZyx","shopName":"奥斯卡国际影城","shopNameEn":"","alias":"","logoUrl":"/iotFile/project-zert3dski8fqmgr4zhusea/20230620/pEwa2kGCL2cHA6f57sayz.jpg","industryFatherUrl":"/iotFile/project-zert3dski8fqmgr4zhusea/20230714/V7vNxOmKc21EVpnN-LzXE.png","industryUrl":"","building":"A栋","floor":"4F","houseNumber":"F412","intro":"奥斯卡金地影城位于金地广场四、五层，2015年2月11日开始营业。影城占地面积4800平米，拥有8个国际化标准数字放映厅，1455个坐席，影城采用国际先进放映设备，超清晰画质金属荧幕，以高坡度，大落差，宽排距的座椅设计，保证每位观众绝佳观影效果。","businessHours":"10:00-22:00","contact":"029-88725666","materialList":["/iotFile/project-zert3dski8fqmgr4zhusea/20231115/rHmfW2Rgtj4InTeAdoVLg.png","/iotFile/project-zert3dski8fqmgr4zhusea/20231115/AfoeLqAI7EqHh1GAvgNYT.png"],"xaxis":"[1542, 30, -133]","yaxis":"26","navXaxis":"1283","navYaxis":"93","buildingOrder":0,"floorOrder":5}}
+{"code":200,"msg":"操作成功","data":{"industryFatherName":"娱乐","industryFatherNameEn":"","shopCode":"X16cci9VE8mfPHHXve_y_","shopName":"CGV 星聚汇","shopNameEn":"","alias":"","logoUrl":"/iotFile/Moderation/iotFile/project-ivhbdiksusuci5n2mjkeea/20250630/VmkS0K_sAYIJwjryFFSBm.png","industryFatherUrl":"","industryUrl":"","building":"A","floor":"L6","houseNumber":"06-05","intro":"","introEn":"","businessHours":"","contact":"","materialList":[],"xaxis":"[170, 20, 212]","yaxis":"17","navXaxis":"214","navYaxis":"155","buildingOrder":0,"floorOrder":6},"traceId":"e7dedc7adf9148c6a898b352a73053c2.2690.17533414757673937"}

public/static/offline_backup/JSON/config.json

@@ -0,0 +1 @@
+{"code":200,"msg":"操作成功","data":[{"id":115,"entryCode":"d3c94406-310b-11ee-8890-d68ef55ef3ac","title":"默认配置","content":{"interfaceUrl":"https://project-iot.test.1000my.com/api","handWriteUrl":"http://saas.1000my.com:8014/words","mobileNav":"https://qianmu-iot.1000my.com/base_qmgo_react-test/index.html#/","clickUploadUrl":"/analysis/v1/web/deviceUseClickDataUpload","debug":"debug"}}]}

public/static/offline_backup/JSON/getBackTime.json

@@ -0,0 +1 @@
+{ "code": 200, "msg": "操作成功", "data": [120, 120] }

public/static/offline_backup/JSON/getCinemaInfo.json

@@ -0,0 +1 @@
+{"code":200,"msg":"操作成功","data":{"industryName":"影院超市","industryNameEn":"","industryFatherName":"休闲娱乐","industryFatherNameEn":"","shopCode":"_fp63UgYnqvU5p9CXhZyx","shopName":"奥斯卡国际影城","shopNameEn":"","alias":"","logoUrl":"/iotFile/project-zert3dski8fqmgr4zhusea/20230620/pEwa2kGCL2cHA6f57sayz.jpg","industryFatherUrl":"/iotFile/project-zert3dski8fqmgr4zhusea/20230714/V7vNxOmKc21EVpnN-LzXE.png","industryUrl":"","building":"A栋","floor":"4F","houseNumber":"F412","intro":"奥斯卡金地影城位于金地广场四、五层，2015年2月11日开始营业。影城占地面积4800平米，拥有8个国际化标准数字放映厅，1455个坐席，影城采用国际先进放映设备，超清晰画质金属荧幕，以高坡度，大落差，宽排距的座椅设计，保证每位观众绝佳观影效果。","businessHours":"10:00-22:00","contact":"029-88725666","materialList":["/iotFile/project-zert3dski8fqmgr4zhusea/20231115/rHmfW2Rgtj4InTeAdoVLg.png","/iotFile/project-zert3dski8fqmgr4zhusea/20231115/AfoeLqAI7EqHh1GAvgNYT.png"],"xaxis":"[1542, 30, -133]","yaxis":"26","navXaxis":"1283","navYaxis":"93","buildingOrder":0,"floorOrder":5}}

public/static/offline_backup/JSON/getQMGoShopData.json

@@ -0,0 +1 @@
+{"code":200,"msg":"操作成功","data":{"recommendList":[{"logoCode":"jdLRcaBQaoRMcsbaXpsMm","logoUrl":"/iotFile/project-zert3dski8fqmgr4zhusea/20230612/jdLRcaBQaoRMcsbaXpsMm.jpg","shopCode":"ptmeCKcDksiWQxI6ocQpn","shopName":"宝马"},{"logoCode":"pLr26UEBLMUpOdMnQhPbQ","logoUrl":"/iotFile/project-zert3dski8fqmgr4zhusea/20230714/pLr26UEBLMUpOdMnQhPbQ.png","shopCode":"iOoSnwfAGrKut2dHT9YWq","shopName":"华为"},{"logoCode":"NWaFow0HA7ChS5f5-f7er","logoUrl":"/iotFile/project-zert3dski8fqmgr4zhusea/20230612/NWaFow0HA7ChS5f5-f7er.jpg","shopCode":"24fD2WMoOuYanvSvyODLY","shopName":"ECCO"},{"logoCode":"Yg4AQeg2LdoR4bi9R7zaB","logoUrl":"/iotFile/project-zert3dski8fqmgr4zhusea/20230612/Yg4AQeg2LdoR4bi9R7zaB.jpg","shopCode":"WRg5W8kMRQumYQh3gFh5Q","shopName":"有兰"},{"logoCode":"jJO6QIlkPCS7yVmf0rPT9","logoUrl":"/iotFile/project-zert3dski8fqmgr4zhusea/20230612/jJO6QIlkPCS7yVmf0rPT9.jpg","shopCode":"ER5b93KkblRaTCUpxW6CM","shopName":"NEXY.CO"}],"searchList":[{"shopNum":72,"shopCode":"pyv212DLXi3X-a4zF-9oE","shopName":"UNIQLO"},{"shopNum":41,"shopCode":"sw9gukxkbv8yk_Ge7WVJb","shopName":"M STAND"},{"shopNum":39,"shopCode":"hm-mV58hy21EO53DJxk38","shopName":"星巴克"},{"shopNum":39,"shopCode":"xEr6y6m7nw1t8_Ja_PUSt","shopName":"喜茶"},{"shopNum":29,"shopCode":"5kjjVbC3rmUtBz2HWQeiL","shopName":"略味"}]}}

public/static/offline_backup/JSON/theme.json

@@ -0,0 +1 @@
+{"code":200,"msg":"操作成功","data":{"image":{"parking":"/qianmugo/themes/main/parking.png","recBg":"/qianmugo/themes/main/recBg.png","keyboard":"/qianmugo/themes/main/keyboard.png","loc":"/qianmugo/themes/main/loc.png","searchIcon":"/qianmugo/themes/main/searchIcon.png","activity":"/qianmugo/themes/main/activity.png","movie":"/qianmugo/themes/main/movie.png","write_active":"/qianmugo/themes/main/write_active.png","mall":"/qianmugo/themes/main/mall.png","gridActive":"/qianmugo/themes/main/gridActive.png","searchClear":"/qianmugo/themes/main/searchClear.png","back":"/qianmugo/themes/main/back.png","billboardLoc":"/qianmugo/themes/main/billboardLoc.png","billboardHeaderBgV":"/qianmugo/themes/main/billboardHeaderBgV.png","delete":"/qianmugo/themes/main/delete.png","keyboard_active":"/qianmugo/themes/main/keyboard_active.png","rowActive":"/qianmugo/themes/main/rowActive.png","grid":"/qianmugo/themes/main/grid.png","member":"/qianmugo/themes/main/member.png","row":"/qianmugo/themes/main/row.png","searchClose":"/qianmugo/themes/main/searchClose.png","write":"/qianmugo/themes/main/write.png","billboardHeaderBgH":"/qianmugo/themes/main/billboardHeaderBgH.png","brandQrcodeClose":"/qianmugo/themes/main/brandQrcodeClose.png"},"index":{"recBg":"linear-gradient(180deg, #ffffff 0%, #f2f4f8 100%)","guideBackground":"linear-gradient(99.5deg, #f0b92b 0%, #f9d556 100%)","guideQrcodeBg":"rgba(255, 255, 255, 0.2)","guideBorder":"none","hotSearchBg":"rgba(255, 255, 255, 0.8)","hotSearchColor":"rgba(0, 0, 0, 0.6)","guideMetaColor":"rgba(0, 0, 0, 0.6)","guideTopBg":"linear-gradient(180deg, #435acd 0%, #749cf3 100%)","recBorder":"none","foodBorder":"4px solid #F68B51","hotSearchTitleColor":"rgba(0, 0, 0, 0.8)","guideColor":"#000000","foodBg":"linear-gradient(180deg, #ffffff 0%, #f2f4f8 100%)"},"global":{"background":"#dee6f6","appBackground":"#dee6f6","radius":""},"menu":{"color":"rgba(0, 0, 0, 0.4)","activeBg5":"#ffffff","activeBg4":"#ffffff","activeBg3":"#ffffff","activeBg2":"#ffffff","indexBg3":"#ffffff","activeBg1":"#ffffff","indexBg4":"#ffffff","indexBg5":"#ffffff","indexColor":"rgba(0, 0, 0, 0.8)","barBg":"linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)","bg2":"rgba(255, 255, 255, 0.4)","bg1":"rgba(255, 255, 255, 0.4)","bg4":"rgba(255, 255, 255, 0.4)","indexBg1":"#ffffff","bg3":"rgba(255, 255, 255, 0.4)","indexBg2":"#ffffff","bg5":"rgba(255, 255, 255, 0.4)","activeColor":"rgba(0, 0, 0, 0.8)"},"carousel":{"titleColor":"rgba(0, 0, 0, 0.8)","introColor":"rgba(0, 0, 0, 0.6)"},"billboard":{"titleColor":"#000000","background":"#dee6f6","metaColor":"rgba(0, 0, 0, 0.6)","arrowRadius":"100px","legendColor":"rgba(0, 0, 0, 0.6)"},"food":{"background":"linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%)","metaColor":"rgba(0, 0, 0, 0.6)"},"search":{"resultTitleColor":"rgba(0, 0, 0, 0.8)","writeColor":"#516DD8","topBg":"rgba(255, 255, 255, 0.6)","tabActiveBg":"#FFFFFF","tabColor":"rgba(0, 0, 0, 0.6)","hotSearchBg":"rgba(255, 255, 255, 0.8)","placeholderMetaColor":"rgba(81, 109, 216, 1)","resultMetaColor":"rgba(0, 0, 0, 0.6)","hotSearchColor":"rgba(0, 0, 0, 0.6)","tabActiveColor":"rgba(0, 0, 0, 0.8)","facTitleColor":"rgba(0, 0, 0, 0.8)","tabsBg":"rgba(0, 0, 0, 0.05)","keyColor":"rgba(0, 0, 0, 0.8)","background":"linear-gradient(180deg, #E0E3EE 0%, #D4D9E7 100%)","facNameColor":"rgba(0, 0, 0, 0.6)","keyBg":"#FFFFFF","barBackground":"#fff","keyboardActiveBg":"linear-gradient(180deg, #435ACD 0%, #749CF3 100%)","hotSearchTitleColor":"rgba(0, 0, 0, 0.8)"},"activities":{"detailBg":"#FFFFFF","titleColor":"rgba(0, 0, 0, 0.8)","introColor":"rgba(0, 0, 0, 0.6)","btnColor":"#FFFFFF","btnBg":"linear-gradient(113.71deg, #435ACD 0%, #749CF3 100%)","radius":"16px"},"searchBar":{"border":"none","stickBg":"linear-gradient(180deg, #6C7CA6 0%, #879ACA 100%)","borderRadius":"24px","placeholderColor":"rgba(0, 0, 0, 0.2)","color":"rgba(0, 0, 0, 0.8)","background":"#fff","backBorderRadius":"24px"},"weather":{"iconColor":"#000","textColor":"#000"},"time":{"monthColor":"#000","timeColor":"#000","weekColor":"#516dd8"},"brand":{"floorMetaColor":"rgba(0, 0, 0, 0.6)","color":"rgba(0, 0, 0, 0.8)","qrcodeTextColor":"rgba(0, 0, 0, 0.8)","qrcodeBg":"rgba(255, 255, 255, 0.8)","background":"rgba(255, 255, 255, 0.6)","floorNameColor":"rgba(0, 0, 0, 0.8)","metaColor":"rgba(0, 0, 0, 0.6)"},"map":{"background":"none"},"guide":{"floorActiveBg":"linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 100%)","allFloorBg":"left / 150px 100% no-repeat linear-gradient(180deg, #6c7ca6 0%, #879aca 100%), #dee6f6","floorColor":"#FFFFFF","floorBg":"linear-gradient(113.71deg, #435acd 0%, #749cf3 100%)","floorActiveColor":"rgba(0, 0, 0, 0.8)","allFloorBgH":"right / 100px 100vh no-repeat var(--guide-floorBg), left / calc(100vw - 510px - 100px) 100vh no-repeat #dee6f6","arrowRadius":"100px","currentColor":"rgba(0, 0, 0, 0.8)","currentBg":"linear-gradient(99.5deg, #F0B92B 0%, #F9D556 100%)"}}}

src/base/Temperature/Temperature.vue

@@ -16,7 +16,7 @@ const { weather, icon } = useWeather()
 <style lang="scss" scoped>
 .Temperature-wrapper {
   position: fixed;
-  top: 48px;
+  bottom: 66px;
   right: 68px;
   height: 44px;
   display: flex;

src/components/Map/Map.vue

@@ -34,7 +34,7 @@ const { shop, showMap, path } = storeToRefs(store)
 
 #mapContainer {
   position: absolute;
-  top: 118px;
+  top: 188px;
   left: 0;
   height: 642px;
   width: 1080px;
@@ -45,7 +45,7 @@ const { shop, showMap, path } = storeToRefs(store)
     pointer-events: none;
   }
   &.guide {
-    top: 408px;
+    top: 188px;
   }
   &.hidden {
     visibility: hidden;

src/components/MapControl/MapControl.vue

@@ -24,7 +24,7 @@ const emit = defineEmits(['handleMapIcon'])
   justify-content: space-between;
   height: 104px;
   left: 68px;
-  top: 952px;
+  top: 732px;
   z-index: 51;
 
   .hands {

src/components/PublicComponent/PublicComponent.vue

@@ -88,9 +88,15 @@ watch(path, nxtPath => {
 .mall-logo {
   position: absolute;
   height: 110px;
+  left: 68px;
+  bottom: 66px;
+}
+@media (min-aspect-ratio: 1/1) {
+  .mall-logo {
     top: 32px;
     left: 68px;
   }
+}
 .box {
   position: absolute;
   left: 0;

src/components/PublicComponent/SearchBar.vue

@@ -30,6 +30,7 @@ const { theme, path } = storeToRefs(store)
   }
 }
 .row {
+  top: 40px;
   .back {
     width: 130px;
     height: 100px;

src/components/PublicComponent/Tabs.vue

@@ -30,7 +30,7 @@ getActivityList().then(({ data }) => {
 <style lang="scss" scoped>
 .tabs {
   position: fixed;
-  top: 400px;
+  top: 180px;
   left: 68px;
   right: 68px;
   display: flex;

src/layouts/View.vue

@@ -34,12 +34,12 @@ defineProps({
   .bgTop {
     background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
     border-bottom: 1px solid rgba(255, 255, 255, 0.8);
-    height: 408px;
+    height: 350px;
     &.long {
-      height: 570px;
+      height: 350px;
     }
     &.mid {
-      height: 515px;
+      height: 350px;
     }
   }
   @media (min-aspect-ratio: 1/1) {

src/views/Brand/Brand.vue

@@ -178,7 +178,7 @@ watch(shop, nxt => {
 }
 .brand-wrapper {
   position: absolute;
-  top: 408px;
+  top: 220px;
   height: 1512px;
   z-index: 20;
   background: var(--global-background);

src/views/Guide/Guide.vue

@@ -393,7 +393,7 @@ const handleFacility = fac => {
   left: 0;
   right: 0;
   width: 100vw;
-  top: 1050px;
+  top: 830px;
   height: 100px;
   z-index: 60;
   display: block;
@@ -592,7 +592,7 @@ const handleFacility = fac => {
   width: 1080px;
   height: 914px;
   left: 0px;
-  top: 1150px;
+  top: 930px;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
   .switch {
     display: flex;

src/views/Index/Index.vue

@@ -15,6 +15,12 @@
         </div>
       </div>
       <div class="content">
+        <div class="menu">
+          <div class="item" v-for="tab of menuList" :key="tab.moduleCode" @click="goMenu(tab)">
+            <div class="icon"><img :src="theme.images[tab.routePath.slice(1)]" /></div>
+            <div class="title">{{ tab.moduleName }}</div>
+          </div>
+        </div>
         <div class="guide" @click="goPage({ title: '地图导览', path: '/guide' })">
           <div class="top">
             <div class="title">找店</div>
@@ -108,12 +114,6 @@
           </Swiper>
         </div>
 
-        <div class="menu">
-          <div class="item" v-for="tab of menuList" :key="tab.moduleCode" @click="goMenu(tab)">
-            <div class="icon"><img :src="theme.images[tab.routePath.slice(1)]" /></div>
-            <div class="title">{{ tab.moduleName }}</div>
-          </div>
-        </div>
         <div class="acts">
           <EffectFade :list="ads ?? []">
             <template v-slot="{ item }">
@@ -243,8 +243,8 @@ const handleFood = code => {
 
   .header {
     width: 100%;
-    height: 515px;
-    padding: 392px 0 0 68px;
+    height: 296px;
+    padding: 172px 0 0 68px;
 
     .hot-search {
       .title {
@@ -308,7 +308,7 @@ const handleFood = code => {
       width: 339px;
       height: 557px;
       left: 68px;
-      top: 40px;
+      top: 232px;
       background: var(--index-guideBackground);
       border: var(--index-guideBorder);
       border-radius: var(--global-radius, 32px);
@@ -404,7 +404,7 @@ const handleFood = code => {
       position: absolute;
       display: flex;
       flex-direction: column;
-      top: 40px;
+      top: 232px;
       left: 447px;
       width: 565px;
       height: 557px;
@@ -509,7 +509,8 @@ const handleFood = code => {
       position: absolute;
       left: 68px;
       right: 68px;
-      top: 637px;
+      // top: 637px;
+      top: 40px;
       display: flex;
 
       .item:nth-child(5n + 1) {
@@ -580,7 +581,7 @@ const handleFood = code => {
       position: absolute;
       left: 68px;
       right: 68px;
-      bottom: 46px;
+      bottom: 266px;
       width: 944px;
       height: 531px;