diff --git a/index.html b/index.html index 62792f8..af0e914 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ - + @@ -10,9 +10,9 @@ name="description" content="燃谷科技位于南京鼓楼万谷硅巷，秉承创新、质量和合作精神的低空领域技术创新公司，专注于低空安全监管、城市飞行服务和空间数据应用的企业。" /> + -
diff --git a/public/config.js b/public/config.js index 275e1de..7eb746b 100644 --- a/public/config.js +++ b/public/config.js @@ -1,3 +1,7 @@ window.config = { baseUrl: 'http://192.168.3.10:9121/', + downloadUrl: 'https://work.rangutech.cn:1001/', + featureUrl: 'https://sys.rangutech.com/#/', + assetsUrl: 'https://insider.rangutech.com/app_static_data/images/', + // downloadUrl: 'http://192.168.3.5:9193/', } diff --git a/public/config/nav.js b/public/config/nav.js index 492bb69..481d7d4 100644 --- a/public/config/nav.js +++ b/public/config/nav.js @@ -25,7 +25,10 @@ window.nav = { {id: 4, label: '新闻中心', url: '/news', hasChildren: false}, {id: 5, label: '关于我们', url: '/about', hasChildren: false}, {id: 6, label: '联系我们', url: '/link', hasChildren: false}, + {id: 7, label: '资源下载', url: '/download', hasChildren: false}, + {id: 8, label: '演示系统', url: window.config.featureUrl, hasChildren: false, open: true}, ], + footer: [ { id: 1, @@ -43,13 +46,19 @@ window.nav = { // url: '/services', // hasChildren: false, // }, - // { - // id: 3, - // label: '软件下载', - // url: '/download', - // hasChildren: false, - // }, - {id: 4, label: '新闻中心', url: '/news', hasChildren: false}, + { + id: 3, + label: '资源下载', + url: '/download', + hasChildren: true, + children: [ + {id: 3.1, label: '资源下载', url: '/download'}, + {id: 3.2, label: 'Android', url: '', downloadType: 'android'}, + {id: 3.3, label: 'iOS', url: '', downloadType: 'ios'}, + {id: 3.4, label: '客户端', url: '', downloadType: 'pc'}, + ], + }, + // {id: 4, label: '新闻中心', url: '/news', hasChildren: false}, { id: 5, label: '关于燃谷', diff --git a/public/static/images/banner/about.png b/public/static/images/banner/about.png index 6882afb..b3afca2 100644 Binary files a/public/static/images/banner/about.png and b/public/static/images/banner/about.png differ diff --git a/public/static/images/banner/download.png b/public/static/images/banner/download.png new file mode 100644 index 0000000..592fa8c Binary files /dev/null and b/public/static/images/banner/download.png differ diff --git a/public/static/images/banner/link.png b/public/static/images/banner/link.png index a71ef87..4d19aeb 100644 Binary files a/public/static/images/banner/link.png and b/public/static/images/banner/link.png differ diff --git a/public/static/images/banner/news.png b/public/static/images/banner/news.png index 9df6d8f..ba20b22 100644 Binary files a/public/static/images/banner/news.png and b/public/static/images/banner/news.png differ diff --git a/public/static/images/banner/product.png b/public/static/images/banner/product.png index f89867b..a141ec0 100644 Binary files a/public/static/images/banner/product.png and b/public/static/images/banner/product.png differ diff --git a/public/static/images/download/android.png b/public/static/images/download/android.png new file mode 100644 index 0000000..996fd59 Binary files /dev/null and b/public/static/images/download/android.png differ diff --git a/public/static/images/download/ios.png b/public/static/images/download/ios.png new file mode 100644 index 0000000..d7c846c Binary files /dev/null and b/public/static/images/download/ios.png differ diff --git a/public/static/images/download/windows.png b/public/static/images/download/windows.png new file mode 100644 index 0000000..b09ce32 Binary files /dev/null and b/public/static/images/download/windows.png differ diff --git a/src/api/index.js b/src/api/index.js index b0e2541..6f383a6 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -44,3 +44,20 @@ export function saveDetail(data) { data, }) } + +// 获取下载资源 +export function downloadList(params) { + return request({ + url: `${window.config.downloadUrl}api/minio/Object/list`, + method: 'get', + params, + }) +} + +export function downloadFile(params) { + return request({ + url: `${window.config.downloadUrl}api/minio/Object/url`, + method: 'get', + params, + }) +} diff --git a/src/components/downloadImg/index.vue b/src/components/downloadImg/index.vue new file mode 100644 index 0000000..f5143e2 --- /dev/null +++ b/src/components/downloadImg/index.vue @@ -0,0 +1,52 @@ + + + + + diff --git a/src/store/nav.js b/src/store/nav.js index b55684a..02d755e 100644 --- a/src/store/nav.js +++ b/src/store/nav.js @@ -28,6 +28,8 @@ export const useNavStore = defineStore( } }, { - persist: true, + persist: { + storage: sessionStorage, + }, } ) diff --git a/src/views/download/index.vue b/src/views/download/index.vue index 28f9024..bc81283 100644 --- a/src/views/download/index.vue +++ b/src/views/download/index.vue @@ -1,55 +1,261 @@ @@ -57,40 +263,133 @@ const downloadFile = (id) => { .my-card { width: 100%; height: 100%; - .card { - width: 48%; - height: 170px; + box-sizing: border-box; + + .img { + width: 300px; + height: 360px; + padding: 20px; box-sizing: border-box; - .img { - width: 550px; + + img { + padding: 20px; + width: 100%; height: 100%; - background: #d9d9d9; - } - .content { - margin-top: 20px; - text-align: left; - .label { - font-family: 'PingFang SC'; - font-weight: 600; - font-size: 26px; - color: $black; - margin-bottom: 20px; - } - .sub-label { - font-family: 'PingFang SC'; - font-weight: 400; - font-size: 16px; - color: #999999; - margin-bottom: 30px; - } - .download { - font-family: 'PingFang SC'; - font-weight: 400; - font-size: 18px; - color: #0389ff; + + &:hover { cursor: pointer; + transition: all 0.3s ease; + transform: translateY(-10px); } } } } + +.file-title { + text-align: center; + font-family: 'PingFang SC'; + font-weight: 600; + font-size: 1.5rem; + color: #333333; + + &::after { + content: ''; + display: block; + width: 120px; + height: 6px; + background-color: #0389ff; + position: relative; + left: 50%; + top: 20px; + translate: -50%; + } +} + +.file-list { + width: 1200px; + max-height: 500px; + border: 1px solid #e5e5e5; + margin: 0px auto; + padding: 20px; + box-sizing: border-box; + overflow-y: auto; + text-align: left; + + .empty-tip { + text-align: center; + color: #999; + font-size: 14px; + padding: 40px 0; + } +} + +/* el-tree 节点自定义样式 */ +.tree-node { + display: flex; + align-items: center; + width: 100%; + padding: 4px 0; + gap: 8px; + + .node-icon { + width: 20px; + height: 20px; + flex-shrink: 0; + } + + .node-label { + flex: 1; + font-size: 14px; + color: #333; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .file-size { + font-size: 12px; + color: #999; + white-space: nowrap; + min-width: 80px; + text-align: right; + } + + .file-date { + font-size: 12px; + color: #999; + white-space: nowrap; + min-width: 140px; + text-align: right; + } + + .download-icon { + width: 20px; + height: 20px; + flex-shrink: 0; + cursor: pointer; + transition: opacity 0.2s; + + &:hover { + opacity: 0.7; + } + } +} + +/* 覆盖 el-tree 默认样式 */ +::v-deep(.el-tree) { + background: transparent; + + .el-tree-node__content { + height: auto; + padding: 6px 0; + + &:hover { + background-color: #f5f7fa; + } + } + + .el-tree-node__expand-icon { + color: #666; + } +} diff --git a/src/views/homepage/index.vue b/src/views/homepage/index.vue index 1e1a764..c8f7acb 100644 --- a/src/views/homepage/index.vue +++ b/src/views/homepage/index.vue @@ -23,6 +23,10 @@ function toUrl(item) { query: {type: cryptoEncrypt(JSON.stringify(item))}, }) } + +function goToFeatural() { + window.open(window.config.featureUrl) +}