From 70f55d2a6cb6d54ad87b109263f293c989371bd6 Mon Sep 17 00:00:00 2001 From: coderlmw <2383250163@qq.com> Date: Fri, 27 Dec 2024 15:34:13 +0800 Subject: [PATCH 1/7] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=80=82?= =?UTF-8?q?=E9=85=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BaseComponent/BaseTable/src/Table.vue | 2 +- src/assets/css/app.scss | 3 + src/assets/css/dark.scss | 3 + src/assets/icons/svg/desktop.svg | 1 + src/assets/icons/svg/mobile-screen.svg | 1 + .../HsjComponent/pageContent/index.js | 2 +- .../pageContent/src/MobileContent.vue | 589 ++++++++++++++++++ .../HsjComponent/pageContent/src/index.vue | 28 + .../pageContent/src/mobileItem.vue | 254 ++++++++ .../HsjComponent/pageSearch/index.js | 2 +- .../pageSearch/src/MobileSearch.vue | 120 ++++ .../HsjComponent/pageSearch/src/index.vue | 20 + src/layout/components/Config/index.vue | 14 +- src/store/modules/layout.js | 2 + src/store/modules/permission.js | 1 - src/views/system/user/config/contentConfig.js | 15 +- vite.config.js | 4 +- 17 files changed, 1047 insertions(+), 14 deletions(-) create mode 100644 src/assets/icons/svg/desktop.svg create mode 100644 src/assets/icons/svg/mobile-screen.svg create mode 100644 src/components/HsjComponent/pageContent/src/MobileContent.vue create mode 100644 src/components/HsjComponent/pageContent/src/index.vue create mode 100644 src/components/HsjComponent/pageContent/src/mobileItem.vue create mode 100644 src/components/HsjComponent/pageSearch/src/MobileSearch.vue create mode 100644 src/components/HsjComponent/pageSearch/src/index.vue diff --git a/src/BaseComponent/BaseTable/src/Table.vue b/src/BaseComponent/BaseTable/src/Table.vue index 956146c..9881af1 100644 --- a/src/BaseComponent/BaseTable/src/Table.vue +++ b/src/BaseComponent/BaseTable/src/Table.vue @@ -250,7 +250,7 @@ defineExpose({ :page-sizes="[20, 50, 100, 200, 300]" :layout="paginationLayoutComputed" :total="listCount" - :pager-count="isSmall ? 3 : 7" + :pager-count="isSmall ? 5 : 7" background > diff --git a/src/assets/css/app.scss b/src/assets/css/app.scss index e13f074..c5ac272 100644 --- a/src/assets/css/app.scss +++ b/src/assets/css/app.scss @@ -212,3 +212,6 @@ a { .lmw_popper { max-width: 600px; } +.mobileFooter { + background-color: #eef0f2; +} diff --git a/src/assets/css/dark.scss b/src/assets/css/dark.scss index 8e2929a..51fdf87 100644 --- a/src/assets/css/dark.scss +++ b/src/assets/css/dark.scss @@ -25,6 +25,9 @@ html.dark { @include set-component-css-var('bg-color', $bg-color); @include set-component-css-var('border-color', $border-color); } +html.dark .mobileFooter { + background-color: #2d3238; +} ::view-transition-old(root), ::view-transition-new(root) { diff --git a/src/assets/icons/svg/desktop.svg b/src/assets/icons/svg/desktop.svg new file mode 100644 index 0000000..106cda5 --- /dev/null +++ b/src/assets/icons/svg/desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/svg/mobile-screen.svg b/src/assets/icons/svg/mobile-screen.svg new file mode 100644 index 0000000..9aa4880 --- /dev/null +++ b/src/assets/icons/svg/mobile-screen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/HsjComponent/pageContent/index.js b/src/components/HsjComponent/pageContent/index.js index 25a42c0..8c5604b 100644 --- a/src/components/HsjComponent/pageContent/index.js +++ b/src/components/HsjComponent/pageContent/index.js @@ -1,3 +1,3 @@ -import PageContent from './src/PageContent.vue' +import PageContent from './src/index.vue' export default PageContent diff --git a/src/components/HsjComponent/pageContent/src/MobileContent.vue b/src/components/HsjComponent/pageContent/src/MobileContent.vue new file mode 100644 index 0000000..d102593 --- /dev/null +++ b/src/components/HsjComponent/pageContent/src/MobileContent.vue @@ -0,0 +1,589 @@ + + + + + diff --git a/src/components/HsjComponent/pageContent/src/index.vue b/src/components/HsjComponent/pageContent/src/index.vue new file mode 100644 index 0000000..7693a07 --- /dev/null +++ b/src/components/HsjComponent/pageContent/src/index.vue @@ -0,0 +1,28 @@ + + + + diff --git a/src/components/HsjComponent/pageContent/src/mobileItem.vue b/src/components/HsjComponent/pageContent/src/mobileItem.vue new file mode 100644 index 0000000..08eb27a --- /dev/null +++ b/src/components/HsjComponent/pageContent/src/mobileItem.vue @@ -0,0 +1,254 @@ + + + + + diff --git a/src/components/HsjComponent/pageSearch/index.js b/src/components/HsjComponent/pageSearch/index.js index d0d7408..dc72abc 100644 --- a/src/components/HsjComponent/pageSearch/index.js +++ b/src/components/HsjComponent/pageSearch/index.js @@ -1,3 +1,3 @@ -import PageSearch from './src/PageSearch.vue' +import PageSearch from './src/index.vue' export default PageSearch diff --git a/src/components/HsjComponent/pageSearch/src/MobileSearch.vue b/src/components/HsjComponent/pageSearch/src/MobileSearch.vue new file mode 100644 index 0000000..26593fb --- /dev/null +++ b/src/components/HsjComponent/pageSearch/src/MobileSearch.vue @@ -0,0 +1,120 @@ + + + + + diff --git a/src/components/HsjComponent/pageSearch/src/index.vue b/src/components/HsjComponent/pageSearch/src/index.vue new file mode 100644 index 0000000..6ad1998 --- /dev/null +++ b/src/components/HsjComponent/pageSearch/src/index.vue @@ -0,0 +1,20 @@ + + + + diff --git a/src/layout/components/Config/index.vue b/src/layout/components/Config/index.vue index 8107701..09fb4fb 100644 --- a/src/layout/components/Config/index.vue +++ b/src/layout/components/Config/index.vue @@ -1,6 +1,5 @@ - - diff --git a/src/components/HsjComponent/pageSearch/src/MobileSearch.vue b/src/components/HsjComponent/pageSearch/src/MobileSearch.vue index 26593fb..61524fa 100644 --- a/src/components/HsjComponent/pageSearch/src/MobileSearch.vue +++ b/src/components/HsjComponent/pageSearch/src/MobileSearch.vue @@ -1,7 +1,6 @@