f/web-kboss/src/components/FloatingBox/FloatingBox.vue

@@ -252,7 +252,7 @@ export default {
     },
     getYunbaoProducts() {
       return [
-        { id: 'bid', key: this.$t('yunbao.products.bid'), intro: 'E投标智能体是覆盖「招标解析→标书编制→合规审查→查重→知识沉淀」全链路的一站式投标AI解决方案，帮企业将编标周期从数天压缩至小时级，低级废标率降低100%。' },
+        // { id: 'bid', key: this.$t('yunbao.products.bid'), intro: 'E投标智能体是覆盖「招标解析→标书编制→合规审查→查重→知识沉淀」全链路的一站式投标AI解决方案，帮企业将编标周期从数天压缩至小时级，低级废标率降低100%。' },
         { id: 'tender', key: this.$t('yunbao.products.tender'), intro: 'E招标智能体，AI辅助编制招标文件，自动合规性审查，让招标流程更高效、更透明、更合规。' },
         { id: 'evaluation', key: this.$t('yunbao.products.evaluation'), intro: 'E评标智能体，AI辅助评标分析，自动提取关键指标、横向对比评分、识别异常报价，帮助评标专家高效、公正地完成评审工作。' },
         { id: 'loggingReview', key: this.$t('yunbao.products.loggingReview'), intro: '面向林业管理的行业智能体，可在线完成采伐申请材料的智能核验，自动比对采伐范围、树种、蓄积量等核心指标与合规要求，快速识别违规申请，助力林业资源可持续利用。' },
@@ -295,14 +295,15 @@ export default {
         init(config = {}) {
           if (this._inited) return
           this._inited = true
+          const isH5 = !!(vm.$route && vm.$route.path && vm.$route.path.startsWith('/h5HomePage'))
           this._config = Object.assign({
             avatarUrl: '',
             name: vm.$t('yunbao.name'),
             submitUrl: '',
             products: vm.getYunbaoProducts(),
             pages: {
-              contract: '/homePage/agentStore/contractCase',
-              decision: '/homePage/agentStore/decisionCase'
+              contract: isH5 ? '/h5HomePage/contract-case' : '/homePage/agentStore/contractCase',
+              decision: isH5 ? '/h5HomePage/decision-case' : '/homePage/agentStore/decisionCase'
             }
           }, config)
           this.injectCSS()
@@ -414,7 +415,7 @@ export default {
           if (action === 'browse') {
             setTimeout(() => {
               this.addBotMsg(vm.$t('yunbao.recommend'), [
-                { text: vm.$t('yunbao.products.bid'), desc: vm.$t('yunbao.productDescs.bid'), action: 'goExternal', url: 'https://bid-ocai-v2.jinan.opencomputing.cn/', type: 'cards' },
+                // { text: vm.$t('yunbao.products.bid'), desc: vm.$t('yunbao.productDescs.bid'), action: 'goExternal', url: 'https://bid-ocai-v2.jinan.opencomputing.cn/', type: 'cards' },
                 { text: vm.$t('yunbao.products.contract'), desc: vm.$t('yunbao.productDescs.contract'), action: 'goContract', type: 'cards' },
                 { text: vm.$t('yunbao.products.decision'), desc: vm.$t('yunbao.productDescs.decision'), action: 'goInvest', type: 'cards' }
               ])
@@ -431,7 +432,9 @@ export default {
             return
           }
           if (action === 'goContract') {
-            vm.$router.push(this._config.pages.contract || '/homePage/agentStore/contractCase').catch(() => {})
+            const isH5 = !!(vm.$route && vm.$route.path && vm.$route.path.startsWith('/h5HomePage'))
+            const path = isH5 ? '/h5HomePage/contract-case' : (this._config.pages.contract || '/homePage/agentStore/contractCase')
+            vm.$router.push(path).catch(() => {})
             this.close()
             setTimeout(() => {
               this.addBotMsg(vm.$t('yunbao.openedContract'), this.getProductTags(), 'tags')
@@ -446,7 +449,9 @@ export default {
             return
           }
           if (action === 'goInvest') {
-            vm.$router.push(this._config.pages.decision || '/homePage/agentStore/decisionCase').catch(() => {})
+            const isH5 = !!(vm.$route && vm.$route.path && vm.$route.path.startsWith('/h5HomePage'))
+            const path = isH5 ? '/h5HomePage/decision-case' : (this._config.pages.decision || '/homePage/agentStore/decisionCase')
+            vm.$router.push(path).catch(() => {})
             this.close()
             setTimeout(() => {
               this.addBotMsg(vm.$t('yunbao.openedDecision'), this.getProductTags(), 'tags')

f/web-kboss/src/router/index.js

@@ -102,89 +102,32 @@ export const constantRoutes = [
         }
       },
       {
-        path: 'cloud',
-        title: '云',
-        component: () => import('@/views/H5/cloud/index.vue'),
+        path: 'about',
+        title: 'H5关于我们',
+        component: () => import('@/views/H5/about/index.vue'),
         meta: {
-          title: '云', fullPath: '/h5HomePage/cloud'
+          title: 'H5关于我们', fullPath: '/h5HomePage/about'
         }
       },
       {
-        path: 'calculate',
-        title: '算',
-        component: () => import('@/views/H5/calculate/index.vue'),
-        meta: {
-          title: '算', fullPath: '/h5HomePage/calculate'
-        }
+        path: 'decision-case',
+        title: 'H5投策智能体案例',
+        component: () => import('@/views/H5/decisionCase/index.vue'),
+        meta: { title: '投策智能体', fullPath: '/h5HomePage/decision-case' }
       },
       {
-        path: 'net',
-        title: '网',
-        component: () => import('@/views/H5/net/index.vue'),
-        meta: {
-          title: '网', fullPath: '/h5HomePage/net'
-        }
-      },
-      {
-        path: 'use',
-        title: '用',
-        component: () => import('@/views/H5/use/index.vue'),
-        meta: {
-          title: '用', fullPath: '/h5HomePage/use'
-        }
-      },
-      {
-        path: 'details',
-        title: '算产品详情',
-        component: () => import('@/views/H5/details/index.vue'),
-        meta: {
-          title: '产品详情', fullPath: '/h5HomePage/details'
-        }
-
-      },
-      {
-        path: 'netDetail',
-        title: '网产品详情',
-        component: () => import('@/views/H5/netDetails/index.vue'),
-        meta: {
-          title: '产品详情', fullPath: '/h5HomePage/netDetail'
-        }
-      },
-      {
-        path: 'useDetail',
-        title: 'AI产品详情',
-        component: () => import('@/views/H5/useDetails/index.vue'),
-        meta: {
-          title: 'AI产品详情', fullPath: '/h5HomePage/useDetail'
-        }
-      },
-      {
-        path: 'service',
-        title: '智能客服详情',
-        component: () => import('@/views/H5/useDetails/service.vue'),
-        meta: {
-          title: '智能客服详情', fullPath: '/h5HomePage/service'
-        }
-      },
-      {
-        path: 'consultDialogFull',
-        title: '全屏咨询弹窗预览',
-        component: () => import('@/views/H5/consultDialogFullPreview/index.vue'),
-        meta: {
-          title: '全屏咨询弹窗预览', fullPath: '/h5HomePage/consultDialogFull'
-        }
+        path: 'contract-case',
+        title: 'H5合同智能审查案例',
+        component: () => import('@/views/H5/contractCase/index.vue'),
+        meta: { title: '合同智能审查', fullPath: '/h5HomePage/contract-case' }
       }
     ]
   },
   {
     name: 'H5about',
     path: '/H5about',
-    title: 'H5关于我们',
-    hidden: true,
-    component: () => import('@/views/H5/about/index.vue'),
-    meta: {
-      title: 'H5关于我们', fullPath: '/h5about/index'
-    }
+    redirect: '/h5HomePage/about',
+    hidden: true
   },
 
   {

f/web-kboss/src/store/modules/permission.js

@@ -220,45 +220,27 @@ if (isMobile) {
         },
       },
       {
-        path: "cloud",
-        title: '云',
-        component: () => import('@/views/H5/cloud/index.vue'),
+        path: "about",
+        title: 'H5关于我们',
+        component: () => import('@/views/H5/about/index.vue'),
         meta: {
-          title: "云",
-          fullPath: "/h5HomePage/cloud",
+          title: "H5关于我们",
+          fullPath: "/h5HomePage/about",
           isMobile: true
         },
       },
       {
-        path: "calculate",
-        title: '算',
-        component: () => import('@/views/H5/calculate/index.vue'),
-        meta: {
-          title: "算",
-          fullPath: "/h5HomePage/calculate",
-          isMobile: true
-        },
+        path: 'decision-case',
+        title: 'H5投策智能体案例',
+        component: () => import('@/views/H5/decisionCase/index.vue'),
+        meta: { title: '投策智能体', fullPath: '/h5HomePage/decision-case', isMobile: true }
       },
       {
-        path: "net",
-        title: '网',
-        component: () => import('@/views/H5/net/index.vue'),
-        meta: {
-          title: "网",
-          fullPath: "/h5HomePage/net",
-          isMobile: true
-        },
-      },
-      {
-        path: "use",
-        title: '用',
-        component: () => import('@/views/H5/use/index.vue'),
-        meta: {
-          title: "用",
-          fullPath: "/h5HomePage/use",
-          isMobile: true
-        },
-      },
+        path: 'contract-case',
+        title: 'H5合同智能审查案例',
+        component: () => import('@/views/H5/contractCase/index.vue'),
+        meta: { title: '合同智能审查', fullPath: '/h5HomePage/contract-case', isMobile: true }
+      }
     ]
   });
 }

f/web-kboss/src/views/H5/calculate/index.vue

@@ -1,239 +0,0 @@
-<template>
-  <div>
-    <!-- 标题 -->
-    <div class="top-tit">
-      开元云
-    </div>
-
-    <!-- 搜索 -->
-    <div class="search">
-      <div class="search-box">
-        <div class="input">
-          <input
-            type="text"
-            placeholder="请输入产品名称"
-            v-model="searchValue"
-            @keyup.enter="handleSearch"
-          />
-        </div>
-        <div class="search-btn" @click="handleSearch">
-          搜索
-        </div>
-      </div>
-    </div>
-
-    <!-- 搜索提示 -->
-    <div v-if="isSearching && searchValue" class="search-tip">
-      搜索关键词: "{{ searchValue }}"
-      <span class="clear-search" @click="clearSearch">× 清空搜索</span>
-    </div>
-
-    <!-- 供应商 - 只在非搜索模式显示 -->
-    <div v-if="!isSearching && cloudData.secMenu && cloudData.secMenu.length > 0" class="supplier-container">
-      <div v-for="(value, index) in cloudData.secMenu" :key="index" class="supplier" @click="selectSupplier(index)">
-        <div class="supplier-title" :class="{ 'active': activeSupplierIndex === index }">
-          {{ value.secTitle }}
-        </div>
-      </div>
-    </div>
-
-    <!-- 产品 -->
-    <div class="box">
-      <!-- 搜索模式：显示搜索结果 -->
-      <template v-if="isSearching && searchResults.length > 0">
-        <div v-for="product in searchResults" :key="product.id" class="box-item">
-          <div class="item-tit">
-            {{ product.name }}
-          </div>
-          <div class="item-detail">
-            {{ product.description }}
-          </div>
-          <div class="item-desc">
-            智算
-          </div>
-          <div class="item-btn">
-            <div class="btn" @click="goToDetail(product.id)">
-              查看详情
-            </div>
-          </div>
-        </div>
-      </template>
-
-      <!-- 搜索模式：无结果 -->
-      <div v-else-if="isSearching && searchResults.length === 0" class="no-data">
-        未找到与"{{ searchValue }}"相关的产品
-      </div>
-
-      <!-- 正常模式：只显示当前选中的供应商的产品 -->
-      <template v-else-if="!isSearching && cloudData.secMenu && cloudData.secMenu.length > 0 && activeSupplierIndex >= 0">
-        <template v-for="thrMenu in cloudData.secMenu[activeSupplierIndex].thrMenu">
-          <div v-for="product in thrMenu.value" :key="product.id" class="box-item">
-            <div class="item-tit">
-              {{ product.name }}
-            </div>
-            <div class="item-detail">
-              {{ product.description }}
-            </div>
-            <div class="item-desc">
-              智算
-            </div>
-            <div class="item-btn">
-              <div class="btn" @click="goToDetail(product.id)">
-                查看详情
-              </div>
-            </div>
-          </div>
-        </template>
-      </template>
-
-      <!-- 正常模式：无数据 -->
-      <div v-else-if="!isSearching && (!cloudData.secMenu || cloudData.secMenu.length === 0)" class="no-data">
-        暂无产品数据
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { reqNavList } from '@/api/H5/index'
-
-export default {
-  data() {
-    return {
-      cloudData: {},
-      activeSupplierIndex: 0,
-      searchValue: '',
-      isSearching: false,
-      searchResults: []
-    }
-  },
-  created() {
-    this.getCloudData()
-  },
-  methods: {
-    async getCloudData(keyword) {
-      try {
-        const params = {
-          url_link: window.location.href,
-          ...(keyword && { keyword: keyword.trim() })
-        }
-
-        const res = await reqNavList(params)
-        if (res.status == true) {
-          if (keyword) {
-            // 搜索模式
-            this.isSearching = true
-            this.searchResults = Array.isArray(res.data) ? res.data : []
-          } else {
-            // 正常模式
-            this.isSearching = false
-            this.searchResults = []
-            this.cloudData = res.data.product_service[1] || {}
-
-            if (this.cloudData.secMenu && this.cloudData.secMenu.length > 0) {
-              this.activeSupplierIndex = 0
-            }
-          }
-        }
-      } catch (error) {
-        console.error('获取数据失败:', error)
-        this.isSearching = false
-        this.searchResults = []
-      }
-    },
-
-    // 处理搜索
-    handleSearch() {
-      const keyword = this.searchValue.trim()
-      if (keyword) {
-        this.getCloudData(keyword)
-      } else {
-        // 如果搜索框为空，返回正常模式
-        this.clearSearch()
-      }
-    },
-
-    // 清空搜索
-    clearSearch() {
-      this.isSearching = false
-      this.searchValue = ''
-      this.searchResults = []
-      this.getCloudData() // 重新加载正常数据
-    },
-
-    // 选择供应商
-    selectSupplier(index) {
-      if (!this.isSearching) {
-        this.activeSupplierIndex = index
-      }
-    },
-
-    // 跳转到详情页
-    goToDetail(productId) {
-      if (productId === '2113') {
-        this.$router.push({
-          path: '/h5HomePage/details',
-          query: {
-            id: productId
-          }
-        })
-      } else {
-        this.$router.push({
-          path: '/h5HomePage/netDetail',
-          query: {
-            id: productId
-          }
-        })
-      }
-    },
-  }
-}
-</script>
-
-<style>
-  html, body {
-    height: 100%;
-    overflow-y: auto;
-  }
-</style>
-
-<style lang="less" scoped>
-@import url('../less/all/index.less');
-
-/* 搜索提示样式 */
-.search-tip {
-  padding: 10px 20px;
-  background-color: #f5f7fa;
-  color: #666;
-  font-size: 14px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid #e4e7ed;
-}
-
-.clear-search {
-  color: #409EFF;
-  cursor: pointer;
-  font-size: 12px;
-  padding: 2px 8px;
-  border-radius: 3px;
-  transition: all 0.3s;
-}
-
-.clear-search:hover {
-  background-color: #ecf5ff;
-  color: #409EFF;
-}
-
-/* 无数据样式 */
-.no-data {
-  text-align: center;
-  padding: 40px 20px;
-  color: #909399;
-  font-size: 14px;
-  background-color: #f5f7fa;
-  border-radius: 4px;
-  margin: 20px;
-}
-</style>

f/web-kboss/src/views/H5/cloud/index.vue

@@ -1,375 +0,0 @@
-<template>
-  <div>
-    <!-- 标题 -->
-    <div class="top-tit">
-      开元云
-    </div>
-
-    <!-- 搜索框（完善功能） -->
-    <div class="search">
-      <div class="search-box">
-        <div class="input">
-          <input
-            type="text"
-            placeholder="请输入产品名称"
-            v-model="keyWord"
-            @keyup.enter="search"
-          />
-        </div>
-        <div class="search-btn" @click="search">
-          搜索
-        </div>
-      </div>
-    </div>
-
-    <!-- 供应商 -->
-    <div class="supplier-container" v-if="!isSearchMode">
-      <div v-for="(value, index) in cloudData.secMenu" :key="index" class="supplier" @click="selectSupplier(index)">
-        <div class="supplier-title" :class="{ 'active': activeSupplierIndex === index }">
-          {{ value.secTitle }}
-        </div>
-      </div>
-    </div>
-
-    <!-- 云产品 -->
-    <div class="box">
-      <!-- 无数据提示 -->
-      <div v-if="showNoData" class="no-data">
-        暂无相关产品数据
-      </div>
-
-      <!-- 搜索模式：显示所有产品 -->
-      <template v-else-if="isSearchMode && searchResults.length > 0">
-        <div v-for="product in searchResults" :key="product.id" class="box-item">
-          <!-- 标题 -->
-          <div class="item-tit">
-            {{ product.name }}
-          </div>
-
-          <!-- 产品描述（如果有） -->
-          <div class="item-detail" v-if="product.description">
-            {{ product.description }}
-          </div>
-
-          <!-- 供应商标签 -->
-          <div class="item-desc" v-if="product.label">
-            {{ product.label }}
-          </div>
-
-          <!-- 立即咨询 -->
-          <div class="item-btn">
-            <div class="btn" @click="openConsultDialog(product, null)">
-              立即咨询
-            </div>
-          </div>
-        </div>
-      </template>
-
-      <!-- 正常模式：只显示当前选中的供应商的产品 -->
-      <template v-else-if="!isSearchMode && activeSupplierIndex >= 0">
-        <template v-for="thrMenu in cloudData.secMenu[activeSupplierIndex].thrMenu">
-          <div v-for="product in thrMenu.value" :key="product.id" class="box-item">
-            <!-- 标题 -->
-            <div class="item-tit">
-              {{ product.name }}
-            </div>
-
-            <!-- 产品描述（如果有） -->
-            <div class="item-detail" v-if="product.description">
-              {{ product.description }}
-            </div>
-
-            <!-- 供应商标签 -->
-            <div class="item-desc" v-if="showProductDesc(product)">
-              {{ getProductDesc(product) }}
-            </div>
-
-            <!-- 立即咨询 -->
-            <div class="item-btn">
-              <div class="btn" @click="openConsultDialog(product, thrMenu)">
-                立即咨询
-              </div>
-            </div>
-          </div>
-        </template>
-      </template>
-    </div>
-
-    <!-- 产品咨询弹窗 -->
-    <ProductConsultDialog :visible.sync="showConsultDialog" :platform-name="platformName" :qr-code="qrCode"
-      :default-form-data="consultFormData" :submit-api="submitConsultApi" @success="handleConsultSuccess"
-      @close="handleDialogClose" />
-  </div>
-</template>
-
-<script>
-import { reqNavList } from '@/api/H5/index'
-import ProductConsultDialog from '../components/H5_dialog/index.vue'
-import { reqProductConsult } from '@/api/H5/index'
-
-export default {
-  components: {
-    ProductConsultDialog
-  },
-
-  data() {
-    return {
-      cloudData: {},
-      activeSupplierIndex: 0, // 默认选中第一个供应商
-      keyWord: '',
-      // 搜索相关
-      isSearchMode: false,
-      searchResults: [],
-      // 咨询弹窗相关
-      showConsultDialog: false,
-      platformName: '开元云',
-      qrCode: '',
-      consultFormData: {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      },
-      currentProduct: null,
-      currentCategory: null,
-      searchTimer: null // 防抖定时器
-    }
-  },
-  created() {
-    this.getCloudData()
-  },
-  computed: {
-    // 当前选中的供应商标题
-    currentSupplierTitle() {
-      if (this.cloudData.secMenu && this.cloudData.secMenu[this.activeSupplierIndex]) {
-        return this.cloudData.secMenu[this.activeSupplierIndex].secTitle
-      }
-      return ''
-    },
-    // 显示无数据提示
-    showNoData() {
-      if (this.isSearchMode) {
-        return this.searchResults.length === 0
-      } else {
-        return !this.cloudData.secMenu || this.cloudData.secMenu.length === 0
-      }
-    }
-  },
-  methods: {
-    // 防抖处理：避免频繁请求
-    debounce(func, delay = 500) {
-      return (...args) => {
-        if (this.searchTimer) clearTimeout(this.searchTimer)
-        this.searchTimer = setTimeout(() => {
-          func.apply(this, args)
-        }, delay)
-      }
-    },
-
-    // 判断是否显示供应商标签
-    showProductDesc(product) {
-      // 如果是百度云且有label字段
-      if (this.currentSupplierTitle === '百度云' && product.label) {
-        return true
-      }
-
-      // 如果是阿里云，总是显示（因为阿里云数据中没有label字段）
-      if (this.currentSupplierTitle === '阿里云') {
-        return true
-      }
-
-      // 其他情况
-      return false
-    },
-
-    // 获取供应商标签内容
-    getProductDesc(product) {
-      // 获取当前供应商标题
-      const supplierTitle = this.currentSupplierTitle
-
-      // 处理百度云
-      if (supplierTitle === '百度云') {
-        // 如果product有ssecTitle字段（虽然你的数据中没有），使用它
-        if (product.ssecTitle && product.ssecTitle.trim() !== '') {
-          return product.ssecTitle
-        }
-        // 否则使用label字段
-        return product.label || '百度云'
-      }
-
-      // 处理阿里云 - 阿里云数据中没有ssecTitle和label字段，所以直接显示供应商名称
-      if (supplierTitle === '阿里云') {
-        // 如果阿里云的数据结构中有ssecTitle字段，使用它
-        if (product.ssecTitle && product.ssecTitle.trim() !== '') {
-          return product.ssecTitle
-        }
-        // 如果阿里云的数据结构中有label字段，使用它
-        if (product.label && product.label.trim() !== '') {
-          return product.label
-        }
-        // 否则显示"阿里云"
-        return '阿里云'
-      }
-
-      // 默认返回供应商标题
-      return supplierTitle
-    },
-
-    // 获取云数据（支持接收keyword参数）
-    async getCloudData(keyword = '') {
-      if (keyword) {
-        this.keyWord = keyword
-      }
-
-      try {
-        const res = await reqNavList({
-          url_link: window.location.href,
-          keyword: this.keyWord.trim()  // 去除首尾空格，避免空字符请求
-        })
-
-        if (res.status == true) {
-          // 判断是搜索模式还是正常模式
-          if (this.keyWord.trim() && Array.isArray(res.data)) {
-            // 搜索模式：返回的是数组
-            this.isSearchMode = true
-            this.searchResults = res.data
-            console.log('搜索模式数据:', this.searchResults)
-          } else {
-            // 正常模式：返回的是嵌套结构
-            this.isSearchMode = false
-            this.searchResults = []
-            this.cloudData = res.data.product_service[0] || {}
-            console.log('正常模式数据:', this.cloudData)
-
-            // 确保有数据时重置选中第一个供应商
-            if (this.cloudData.secMenu && this.cloudData.secMenu.length > 0) {
-              this.activeSupplierIndex = 0
-            } else {
-              this.activeSupplierIndex = -1
-            }
-          }
-        }
-      } catch (error) {
-        console.error('获取数据失败:', error)
-      }
-    },
-
-    // 搜索方法（绑定防抖）
-    search: function() {
-      // 调用防抖后的获取数据方法
-      this.debounce(this.getCloudData)(this.keyWord)
-    },
-
-    // 选择供应商（不允许取消选中）
-    selectSupplier(index) {
-      this.activeSupplierIndex = index
-    },
-
-    // 打开咨询弹窗
-    openConsultDialog(product, category) {
-      this.currentProduct = product
-      this.currentCategory = category
-
-      // 设置咨询表单的预填内容
-      let content = `我想咨询关于【${product.name}】的产品信息`
-      if (product.description) {
-        content += ` - ${product.description}`
-      }
-
-      this.consultFormData = {
-        ...this.consultFormData,
-        content: content
-      }
-
-      this.showConsultDialog = true
-    },
-
-    // 提交咨询API
-    async submitConsultApi(data) {
-      // 如果有额外的产品信息，可以添加到提交数据中
-      const submitData = {
-        ...data,
-        product_name: this.currentProduct?.name || '',
-        product_description: this.currentProduct?.description || '',
-        product_label: this.currentProduct?.label || '',
-        product_category: this.currentCategory?.thrTitle || '',
-        supplier_name: this.isSearchMode ? '搜索产品' : (this.cloudData.secMenu[this.activeSupplierIndex]?.secTitle || ''),
-        page_type: this.isSearchMode ? 'search_result' : 'product_list'
-      }
-
-      return await reqProductConsult(submitData)
-    },
-
-    // 咨询成功回调
-    handleConsultSuccess(response) {
-      console.log('咨询提交成功:', response)
-      this.$message.success('咨询提交成功，我们将尽快联系您！')
-    },
-
-    // 弹窗关闭回调
-    handleDialogClose() {
-      this.currentProduct = null
-      this.currentCategory = null
-      // 重置表单数据
-      this.consultFormData = {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      }
-    },
-
-    // 清空搜索
-    clearSearch() {
-      this.keyWord = ''
-      this.isSearchMode = false
-      this.searchResults = []
-      this.getCloudData()
-    }
-  },
-  // 销毁时清除定时器
-  beforeDestroy() {
-    if (this.searchTimer) clearTimeout(this.searchTimer)
-  }
-}
-</script>
-
-<style>
-html,
-body {
-  height: 100%;
-  overflow-y: auto;
-}
-</style>
-<style lang="less" scoped>
- @import url('../less/cloud/cloud.less');
-
- // 新增无数据样式
- .no-data {
-   text-align: center;
-   padding: 40px 0;
-   color: #999;
-   font-size: 14px;
- }
-
- // 搜索模式提示
- .search-mode-tip {
-   text-align: center;
-   padding: 10px 0;
-   color: #666;
-   font-size: 14px;
-
-   .clear-btn {
-     color: #409EFF;
-     text-decoration: underline;
-     cursor: pointer;
-     margin-left: 10px;
-   }
- }
-</style>

f/web-kboss/src/views/H5/components/H5_dialog/MobileFullScreenConsultDialog.vue

@@ -1,585 +0,0 @@
-<template>
-  <el-dialog
-    :visible.sync="dialogVisible"
-    :fullscreen="true"
-    custom-class="mobile-consult-fullscreen-dialog"
-    :append-to-body="true"
-    :close-on-click-modal="false"
-    :close-on-press-escape="!submitSuccess"
-    :show-close="false"
-    @close="handleClose"
-  >
-    <div v-if="submitSuccess" class="submit-success-page">
-      <div class="success-icon">
-        <i class="el-icon-check"></i>
-      </div>
-      <h2 class="success-title">已完成</h2>
-      <p class="success-desc">您的咨询信息已提交，我们会尽快与您联系。</p>
-    </div>
-
-    <div v-else class="mobile-consult-wrap">
-      <h2 class="mobile-consult-title">{{ title }}</h2>
-      <p class="mobile-consult-subtitle">期待与您开启AI创新未来</p>
-
-      <el-form
-        ref="consultForm"
-        :model="formData"
-        :rules="rules"
-        label-position="top"
-        class="mobile-consult-form"
-      >
-        <el-form-item label="1. 请填写您的姓名" prop="name">
-          <el-input
-            v-model.trim="formData.name"
-            maxlength="20"
-            placeholder="请输入您的姓名"
-          />
-        </el-form-item>
-
-        <el-form-item label="2. 请填写您的联系方式" prop="phone">
-          <el-input
-            v-model.trim="formData.phone"
-            maxlength="11"
-            placeholder="请输入您的联系电话"
-          />
-        </el-form-item>
-
-        <el-form-item label="3. 请填写您的邮箱" prop="email">
-          <el-input
-            v-model.trim="formData.email"
-            maxlength="60"
-            placeholder="请输入您的邮箱"
-          />
-        </el-form-item>
-
-        <el-form-item label="4. 请填写您的公司名称" prop="company">
-          <el-input
-            v-model.trim="formData.company"
-            maxlength="80"
-            placeholder="请输入您的公司名称"
-          />
-        </el-form-item>
-
-        <el-form-item label="5. 请选择您的企业类型（单选）" prop="enterprise_type">
-          <el-radio-group v-model="formData.enterprise_type" class="option-grid">
-            <el-radio
-              v-for="item in localizedEnterpriseOptions"
-              :key="item.id"
-              :label="String(item.id)"
-              class="option-item"
-            >
-              {{ item.name }}
-            </el-radio>
-          </el-radio-group>
-        </el-form-item>
-
-        <el-form-item label="6. 请选择您所在的省份（单选）" prop="region">
-          <el-select
-            :key="provinceSelectKey"
-            v-model="formData.region"
-            filterable
-            placeholder="输入省份名称搜索..."
-            class="full-select"
-          >
-            <el-option
-              v-for="item in localizedProvinceOptions"
-              :key="`region-${item.id}-${item.name}`"
-              :label="item.name"
-              :value="String(item.id)"
-            />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="7. 您想咨询的方向（可多选）">
-          <el-checkbox-group v-model="formData.consult_direction_list" class="direction-list">
-            <el-checkbox
-              v-for="item in localizedConsultDirectionOptions"
-              :key="item.id"
-              :label="item.id"
-              class="direction-item"
-            >
-              <span class="direction-main">{{ item.title }}</span>
-              <span class="direction-sub">{{ item.desc }}</span>
-            </el-checkbox>
-          </el-checkbox-group>
-        </el-form-item>
-
-        <el-form-item label="8. 如果您有其他问题需要咨询，请留言">
-          <el-input
-            v-model.trim="formData.content"
-            type="textarea"
-            :autosize="{ minRows: 3, maxRows: 5 }"
-            maxlength="500"
-            show-word-limit
-            placeholder="请输入您想咨询的内容..."
-          />
-        </el-form-item>
-      </el-form>
-
-      <div class="qrcode-area">
-        <p>长按二维码添加微信，获取专属服务</p>
-        <img src="@/assets/image/newkefu.png" alt="官方客服二维码">
-      </div>
-
-      <el-checkbox v-model="formData.checked" class="privacy-checkbox">
-        <span>
-          您填写的信息仅用于本次业务对接沟通，公司将严格落实信息安全保护机制，不泄露、不滥用您的任何个人资料。
-        </span>
-      </el-checkbox>
-
-      <el-button
-        type="primary"
-        class="submit-btn"
-        :loading="loading"
-        @click="handleSubmit"
-      >
-        提交咨询
-      </el-button>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import { reqConsultForm, reqProductConsult } from '@/api/H5'
-import {
-  extractConsultOptionList,
-  isEnglishLocale,
-  localizeDictOptions,
-  localizeDirectionOptions,
-  normalizeDictOptions as buildDictOptions,
-  normalizeDirectionOptions as buildDirectionOptions
-} from '@/utils/consultDict'
-
-export default {
-  name: 'MobileFullScreenConsultDialog',
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: '开元云科技合作咨询'
-    },
-    qrCode: {
-      type: String,
-      default: ''
-    },
-    currentUrl: {
-      type: String,
-      default: ''
-    },
-    submitApi: {
-      type: Function,
-      default: null
-    }
-  },
-  data() {
-    const validatePhone = (rule, value, callback) => {
-      if (!value) {
-        callback(new Error('请输入联系电话'))
-      } else if (!/^1[3-9]\d{9}$/.test(value)) {
-        callback(new Error('请输入正确的手机号'))
-      } else {
-        callback()
-      }
-    }
-
-    return {
-      loading: false,
-      formData: this.getInitialFormData(),
-      enterpriseOptions: [],
-      provinceOptions: [],
-      provinceSelectKey: 0,
-      consultDirectionOptions: [],
-      submitSuccess: false,
-      rules: {
-        name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
-        phone: [{ required: true, validator: validatePhone, trigger: 'blur' }],
-        email: [
-          { required: true, message: '请输入邮箱', trigger: 'blur' },
-          { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
-        ],
-        company: [{ required: true, message: '请输入公司名称', trigger: 'blur' }],
-        enterprise_type: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        region: [{ required: true, message: '请选择所在省份', trigger: 'change' }]
-      },
-      originalOverflow: ''
-    }
-  },
-  computed: {
-    dialogVisible: {
-      get() {
-        return this.visible
-      },
-      set(value) {
-        this.$emit('update:visible', value)
-      }
-    },
-    localizedEnterpriseOptions() {
-      return localizeDictOptions(this.enterpriseOptions, isEnglishLocale(this.$i18n))
-    },
-    localizedProvinceOptions() {
-      return localizeDictOptions(this.provinceOptions, isEnglishLocale(this.$i18n))
-    },
-    localizedConsultDirectionOptions() {
-      return localizeDirectionOptions(this.consultDirectionOptions, isEnglishLocale(this.$i18n))
-    }
-  },
-  watch: {
-    '$i18n.locale'() {
-      this.provinceSelectKey += 1
-    },
-    visible: {
-      immediate: true,
-      handler(newVal) {
-        if (newVal) {
-          this.resetForm()
-          this.fetchConsultOptions()
-          this.disableBodyScroll()
-        } else {
-          this.enableBodyScroll()
-        }
-      }
-    }
-  },
-  methods: {
-    getInitialFormData() {
-      return {
-        custom_type: '1',
-        name: '',
-        phone: '',
-        email: '',
-        company: '',
-        enterprise_type: '',
-        region: '',
-        consult_direction_list: [],
-        content: '',
-        checked: false
-      }
-    },
-    resetForm() {
-      this.formData = this.getInitialFormData()
-      this.submitSuccess = false
-      this.$nextTick(() => {
-        if (this.$refs.consultForm) this.$refs.consultForm.clearValidate()
-      })
-    },
-    disableBodyScroll() {
-      this.originalOverflow = document.body.style.overflow
-      document.body.style.overflow = 'hidden'
-    },
-    enableBodyScroll() {
-      document.body.style.overflow = this.originalOverflow || ''
-    },
-    handleClose() {
-      this.dialogVisible = false
-      this.$emit('close')
-    },
-    async fetchConsultOptions() {
-      try {
-        const res = await reqConsultForm()
-        const list = extractConsultOptionList(res)
-        if (!list.length) return
-
-        const enterpriseOptions = buildDictOptions(list, 'enterprise_type')
-        const provinceOptions = buildDictOptions(list, 'region')
-        const consultDirectionOptions = buildDirectionOptions(list)
-
-        if (enterpriseOptions.length) this.enterpriseOptions = enterpriseOptions
-        if (provinceOptions.length) {
-          this.provinceOptions = provinceOptions
-          this.provinceSelectKey += 1
-          if (this.formData.region && !provinceOptions.some(item => item.id === String(this.formData.region))) {
-            this.formData.region = ''
-          }
-        }
-        if (consultDirectionOptions.length) this.consultDirectionOptions = consultDirectionOptions
-      } catch (error) {
-        // 保留本地兜底选项，避免接口异常时无法填写表单。
-      }
-    },
-    buildSubmitPayload() {
-      return {
-        custom_type: this.formData.custom_type,
-        name: this.formData.name,
-        phone: this.formData.phone,
-        email: this.formData.email,
-        company: this.formData.company,
-        enterprise_type: this.formData.enterprise_type,
-        region: this.formData.region,
-        consult_direction: this.formData.consult_direction_list.join(','),
-        content: this.formData.content,
-        source: '公众号',
-        url_link: this.currentUrl || window.location.href
-      }
-    },
-    async handleSubmit() {
-      if (!this.formData.checked) {
-        this.$message.warning('请先勾选信息安全与隐私保护说明')
-        return
-      }
-      this.$refs.consultForm.validate(async valid => {
-        if (!valid) return
-        this.loading = true
-        try {
-          const payload = this.buildSubmitPayload()
-          const response = this.submitApi ? await this.submitApi(payload) : await reqProductConsult(payload)
-          if (response && (response.status === true || response.status === 'true')) {
-            this.$emit('success', response)
-            this.submitSuccess = true
-          } else {
-            this.$message.error((response && response.msg) || '提交失败，请稍后再试')
-          }
-        } catch (error) {
-          this.$message.error('提交失败，请稍后再试')
-        } finally {
-          this.loading = false
-        }
-      })
-    }
-  },
-  beforeDestroy() {
-    this.enableBodyScroll()
-  }
-}
-</script>
-
-<style scoped lang="less">
-::v-deep .mobile-consult-fullscreen-dialog {
-  margin: 0 !important;
-  width: 100% !important;
-  max-width: 100% !important;
-  height: 100vh;
-  border-radius: 0;
-
-  .el-dialog__header {
-    padding: 14px 14px 8px;
-    border-bottom: 0;
-  }
-
-  .el-dialog__title {
-    font-size: 18px;
-    font-weight: 700;
-    color: #111827;
-  }
-
-  .el-dialog__body {
-    height: calc(100vh - 60px);
-    padding: 12px 14px 18px;
-    overflow-y: auto;
-  }
-}
-
-.mobile-consult-wrap {
-  padding-bottom: 8px;
-}
-
-.submit-success-page {
-  min-height: calc(100vh - 110px);
-  padding: 80px 24px 24px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  box-sizing: border-box;
-}
-
-.success-icon {
-  width: 88px;
-  height: 88px;
-  border-radius: 50%;
-  background: #22c55e;
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 14px 28px rgba(34, 197, 94, 0.22);
-
-  i {
-    font-size: 46px;
-    font-weight: 700;
-  }
-}
-
-.success-title {
-  margin: 24px 0 10px;
-  color: #111827;
-  font-size: 24px;
-  font-weight: 700;
-}
-
-.mobile-consult-title {
-  margin: 0;
-  font-size: 24px;
-  line-height: 1.25;
-  color: #111827;
-}
-
-.mobile-consult-subtitle {
-  margin: 6px 0 16px;
-  font-size: 12px;
-  color: #9ca3af;
-}
-
-.mobile-consult-form {
-  ::v-deep .el-form-item {
-    margin-bottom: 18px;
-  }
-
-  ::v-deep .el-form-item__content,
-  ::v-deep .el-input,
-  ::v-deep .el-select,
-  ::v-deep .el-textarea {
-    width: 100%;
-  }
-
-  ::v-deep .el-form-item__label {
-    padding-bottom: 6px;
-    font-size: 13px;
-    line-height: 1.3;
-    color: #1f2937;
-    font-weight: 600;
-  }
-
-  ::v-deep .el-form-item__error {
-    position: static;
-    padding-top: 6px;
-    line-height: 1.25;
-    font-size: 12px;
-  }
-
-  ::v-deep .el-input__inner {
-    height: 40px;
-    border-radius: 10px;
-    border: 1px solid #e5e7eb;
-  }
-
-  ::v-deep .el-form-item.is-error .el-input__inner,
-  ::v-deep .el-form-item.is-error .el-textarea__inner {
-    border-color: #f56c6c;
-  }
-
-  ::v-deep .el-textarea__inner {
-    border-radius: 10px;
-    border: 1px solid #e5e7eb;
-  }
-}
-
-.option-grid {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 8px;
-  width: 100%;
-}
-
-.option-item {
-  margin-right: 0 !important;
-  padding: 9px 8px;
-  border: 1px solid #e5e7eb;
-  border-radius: 10px;
-  white-space: nowrap;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  width: 100%;
-
-  ::v-deep .el-radio__label {
-    padding-left: 6px;
-    font-size: 12px;
-    color: #374151;
-  }
-}
-
-.full-select {
-  width: 100%;
-}
-
-.direction-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  width: 100%;
-}
-
-.direction-item {
-  margin-right: 0 !important;
-  border: 1px solid #e5e7eb;
-  border-radius: 10px;
-  padding: 10px;
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-  box-sizing: border-box;
-
-  ::v-deep .el-checkbox__label {
-    display: inline-flex;
-    flex-direction: column;
-    gap: 2px;
-    padding-left: 8px;
-  }
-}
-
-.direction-main {
-  font-size: 14px;
-  color: #111827;
-  line-height: 1.2;
-}
-
-.direction-sub {
-  font-size: 12px;
-  color: #9ca3af;
-  line-height: 1.2;
-}
-
-.qrcode-area {
-  margin: 16px 0;
-  text-align: center;
-  padding: 18px 0;
-  background: #f7f8fa;
-  border-radius: 12px;
-
-  p {
-    margin: 0 0 10px;
-    font-size: 12px;
-    color: #6b7280;
-  }
-
-  img {
-    width: 98px;
-    height: 98px;
-    border-radius: 8px;
-    border: 1px dashed #3b82f6;
-  }
-}
-
-.privacy-checkbox {
-  margin: 0 0 14px;
-  display: flex;
-  align-items: flex-start;
-
-  ::v-deep .el-checkbox__input {
-    margin-top: 3px;
-  }
-
-  ::v-deep .el-checkbox__label {
-    padding-left: 8px;
-    color: #6b7280;
-    font-size: 12px;
-    line-height: 1.6;
-    white-space: normal;
-  }
-}
-
-.submit-btn {
-  width: 100%;
-  height: 44px;
-  border: none;
-  border-radius: 999px;
-  background: #111827;
-  color: #fff;
-  font-size: 16px;
-  font-weight: 600;
-}
-</style>

f/web-kboss/src/views/H5/components/footer/footer.vue

@@ -52,7 +52,7 @@
             </div>
             <div class="qr-item">
               <div class="qr-code">
-                <img src="@/assets/image/img.png" alt="微信客服二维码">
+                <img src="@/assets/image/newkefu.png" alt="微信客服二维码">
               </div>
               <span class="qr-desc">微信客服</span>
             </div>

f/web-kboss/src/views/H5/consultDialogFullPreview/index.vue

@@ -1,43 +0,0 @@
-<template>
-  <div class="consult-full-preview">
-    <div class="preview-actions">
-      <el-button type="primary" @click="dialogVisible = true">打开全屏咨询弹窗</el-button>
-    </div>
-
-    <mobile-full-screen-consult-dialog
-      :visible.sync="dialogVisible"
-      :current-url="currentUrl"
-    />
-  </div>
-</template>
-
-<script>
-import MobileFullScreenConsultDialog from '../components/H5_dialog/MobileFullScreenConsultDialog.vue'
-
-export default {
-  name: 'ConsultDialogFullPreview',
-  components: { MobileFullScreenConsultDialog },
-  data() {
-    return {
-      dialogVisible: true
-    }
-  },
-  computed: {
-    currentUrl() {
-      return window.location.href
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-.consult-full-preview {
-  min-height: 100%;
-}
-
-.preview-actions {
-  padding: 12px;
-  display: flex;
-  justify-content: center;
-}
-</style>

f/web-kboss/src/views/H5/contractCase/index.vue

@@ -0,0 +1,480 @@
+<template>
+  <div class="contract-case-h5">
+    <button type="button" class="page-back" aria-label="返回上一页" @click="goBack">
+      <span aria-hidden="true">‹</span>
+    </button>
+    <section class="case-hero">
+      <div class="case-container">
+        <h1>合同智能审查</h1>
+        <p>面向企业法务与业务签约全流程的专业审查智能体，聚合法规条文、企业内部风控标准、历史合同案例多维信息，依托大模型深度语义解析能力自动识别合同法律隐患，智能生成标准化修改建议与风险说明。</p>
+      </div>
+    </section>
+
+
+    <!-- <nav class="case-tabs">
+      <button v-for="tab in tabs" :key="tab.id" type="button" :class="{ active: activeTab === tab.id }" @click="scrollTo(tab.id)">{{ tab.label }}</button>
+    </nav> -->
+    <main>
+      <section id="scenarios" class="case-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>应用场景</h2>
+            <p>覆盖企业合同全生命周期审核链路</p>
+          </header>
+          <div class="scenario-grid">
+            <article v-for="item in scenarios" :key="item.title" class="scenario-card">
+              <!-- <div class="scenario-visual" :class="item.visual"> -->
+                <!-- <div class="document" /> -->
+                <!-- <span class="visual-mark">{{ item.mark }}</span> -->
+              <!-- </div> -->
+              <div class="scenario-content">
+                <span class="card-icon">{{ item.icon }}</span>
+                <h3>{{ item.title }}</h3>
+                <p>{{ item.desc }}</p>
+              </div>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section id="solution" class="case-section solution-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>企业合同管理的困境与解决方案</h2>
+            <p>围绕数据归集、合同编审、知识沉淀、智能咨询四大核心维度</p>
+          </header>
+          <div class="solution-grid">
+            <section class="solution-column">
+              <h3 class="column-title danger"><span>!</span>现存困境</h3>
+              <article v-for="item in problems" :key="item.title" class="solution-item danger">
+                <span class="item-icon">{{ item.icon }}</span>
+                <div>
+                  <h4>{{ item.title }}</h4>
+                  <p>{{ item.desc }}</p>
+                </div>
+              </article>
+            </section>
+            <section class="solution-column">
+              <h3 class="column-title primary"><span>✓</span>解决方案</h3>
+              <article v-for="item in solutions" :key="item.title" class="solution-item primary">
+                <span class="item-icon">{{ item.icon }}</span>
+                <div>
+                  <h4>{{ item.title }}</h4>
+                  <p>{{ item.desc }}</p>
+                </div>
+              </article>
+            </section>
+          </div>
+        </div>
+      </section>
+
+      <section id="highlights" class="case-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>项目亮点</h2>
+            <p>全流程智能风控，覆盖四大核心审查能力</p>
+          </header>
+          <div class="highlight-grid">
+            <article v-for="(item, index) in highlights" :key="item.title" class="highlight-card">
+              <b>{{ index + 1 }}</b>
+              <div>
+                <h3>{{ item.title }}</h3>
+                <p>{{ item.desc }}</p>
+              </div>
+            </article>
+          </div>
+        </div>
+      </section>
+    </main>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'H5ContractCase',
+  data() {
+    return {
+      activeTab: 'scenarios',
+      tabs: [{ id: 'scenarios', label: '应用场景' }, { id: 'solution', label: '解决方案' }, { id: 'highlights', label: '项目亮点' }],
+      scenarios: [
+        { title: '业务合同初审', desc: '自动解析购销、服务、租赁、合作类通用业务合同，逐条对标企业风控红线快速筛查风险点，输出初审意见，减轻法务基础审核工作量，快速完成业务前置审批。', icon: '▤', mark: '✓', visual: 'blue' },
+        { title: '复杂商事合同深度风控', desc: '针对投融资、知识产权、工程、保密竞业等高风险专项合同，联动完整法条与司法判例开展多层级风险推演，梳理权责漏洞、违约缺陷、管辖争议等深层隐患，输出完整风险评估文档。', icon: '⌑', mark: '!', visual: 'purple' },
+        { title: '多方合同版本比对修订', desc: '自动识别甲乙双方多轮修改稿件差异，区分新增、删减、修改条款，高亮标注风险变更内容，同步生成版本对比台账，辅助商务谈判与法务复核，避免改稿遗漏关键风险。', icon: '⇄', mark: '↔', visual: 'green' }
+      ],
+      problems: [
+        { title: '文件信息割裂分散', desc: '合同、法规、历史判例、内部模板散落在不同存储渠道，无统一检索入口，审核时需跨文件反复核对。', icon: '◫' },
+        { title: '风控经验难以留存复用', desc: '资深法务的审查要点、谈判底线、风险处置经验仅存于个人，人员交接后容易出现标准不统一。', icon: '◉' },
+        { title: '人工审核耗时长、标准化弱', desc: '海量合同逐条人工审阅消耗大量人力，不同法务审核尺度参差不齐，紧急签约场景响应慢。', icon: '◷' }
+      ],
+      solutions: [
+        { title: '多源文件统一归集解析', desc: '批量上传PDF、Word、扫描件合同，OCR识别图文内容，统一结构化抽取交易主体、价款、履约、违约等关键信息。', icon: '▤' },
+        { title: '全条款AI智能编审修正', desc: '分层扫描合同全部条款，对标法律法规与企业内控规则标记高中低三级风险，配套标准化合规替换条款。', icon: '✎' },
+        { title: '法务知识库沉淀管理', desc: '将企业标准模板、审查清单、判例、内部风控制度转化为结构化知识库，沉淀企业专属法务资产。', icon: '▱' },
+        { title: '自然语言法务智能问答', desc: '支持业务、法务人员以口语化提问查询合规要求、条款写法、风险后果，即时输出专业解答与参考条款。', icon: '?' }
+      ],
+      highlights: [
+        { title: '分级风险自动标注，配套合规整改条款', desc: '按重大、一般、提示三级划分风险，精准定位风险对应原文段落，每条风险同步匹配适配企业制度与现行法律的替换条款。' },
+        { title: '多版本合同差异智能比对溯源', desc: '上传新旧合同、甲乙双方往来稿件，系统自动高亮新增、删减、变更条款，生成可追溯对比台账。' },
+        { title: '全格式合同兼容识别，扫描件精准解析', desc: '支持Word、PDF、图片扫描件、盖章影像文件上传，内置高精度OCR图文识别，覆盖存量和增量合同文件。' },
+        { title: '企业法务知识一键复用，审查标准统一', desc: '内置企业专属合同模板库、风控红线清单、行业判例库，新员工可直接复用成熟审查标准。' }
+      ]
+    }
+  },
+  methods: {
+    goBack() {
+      this.$router.push('/h5HomePage/index').catch((error) => {
+        if (!error || error.name !== 'NavigationDuplicated') throw error
+      })
+    },
+    scrollTo(id) {
+      this.activeTab = id
+      const section = this.$el.querySelector(`#${id}`)
+      if (section) section.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.contract-case-h5 {
+  min-height: 100vh;
+  color: #182230;
+  background: #f6f8fb;
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
+}
+
+.case-container {
+  width: auto;
+  margin: 0 .32rem;
+}
+
+.page-back {
+  position: fixed;
+  top: .24rem;
+  left: .24rem;
+  z-index: 8;
+  display: grid;
+  place-items: center;
+  width: .64rem;
+  height: .64rem;
+  padding: 0;
+  color: #29415f;
+  font-size: .48rem;
+  line-height: 1;
+  background: rgba(255, 255, 255, .92);
+  border: 1px solid #dce5ef;
+  border-radius: 50%;
+  box-shadow: 0 .08rem .2rem rgba(31, 53, 84, .12);
+}
+
+.page-back span {
+  margin-top: -.05rem;
+}
+
+.case-hero {
+  min-height: 3.64rem;
+  padding: 0 .32rem;
+  background: url('~@/assets/image/bgimg.png') center / cover no-repeat;
+}
+
+.case-hero .case-container {
+  max-width: 5.9rem;
+  padding-top: 1.08rem;
+  margin: 0;
+}
+
+.case-hero h1 {
+  margin: 0 0 .2rem;
+  font-size: .42rem;
+  font-weight: 800;
+  line-height: 1.2;
+}
+
+.case-hero p {
+  margin: 0;
+  color: #465466;
+  font-size: .26rem;
+  line-height: 1.75;
+}
+
+.case-tabs {
+  position: sticky;
+  z-index: 5;
+  top: 0;
+  display: flex;
+  gap: .16rem;
+  padding: .16rem .32rem;
+  overflow-x: auto;
+  white-space: nowrap;
+  background: rgba(255, 255, 255, .96);
+  border-bottom: 1px solid #e6eaf0;
+  box-shadow: 0 .04rem .16rem rgba(15, 23, 42, .05);
+}
+
+.case-tabs button {
+  flex: 0 0 auto;
+  min-height: .58rem;
+  padding: 0 .22rem;
+  color: #5c6878;
+  font-size: .24rem;
+  font-weight: 600;
+  background: #f3f5f8;
+  border: 0;
+  border-radius: .12rem;
+}
+
+.case-tabs button.active {
+  color: #1769e0;
+  background: #eaf3ff;
+}
+
+.case-section {
+  padding: .68rem 0;
+  scroll-margin-top: .92rem;
+}
+
+.solution-section {
+  background: #edf5ff;
+}
+
+.section-heading {
+  margin-bottom: .38rem;
+  text-align: left;
+}
+
+.section-heading h2 {
+  margin: 0 0 .12rem;
+  font-size: .34rem;
+  font-weight: 800;
+  line-height: 1.35;
+}
+
+.section-heading p {
+  margin: 0;
+  color: #66758a;
+  font-size: .24rem;
+  line-height: 1.6;
+}
+
+.scenario-grid,
+.solution-grid,
+.highlight-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: .22rem;
+}
+
+.scenario-card,
+.solution-item,
+.highlight-card {
+  background: #fff;
+  border: 1px solid #e8edf3;
+  border-radius: .16rem;
+  box-shadow: 0 .08rem .2rem rgba(15, 23, 42, .05);
+}
+
+.scenario-card {
+  overflow: hidden;
+}
+
+.scenario-visual {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 2.1rem;
+  overflow: hidden;
+}
+
+.scenario-visual::before,
+.scenario-visual::after {
+  position: absolute;
+  width: .8rem;
+  height: .8rem;
+  content: '';
+  border-radius: 50%;
+  opacity: .15;
+}
+
+.scenario-visual::before {
+  top: .2rem;
+  left: .5rem;
+  background: currentColor;
+}
+
+.scenario-visual::after {
+  right: .44rem;
+  bottom: .18rem;
+  background: currentColor;
+}
+
+.scenario-visual.blue {
+  color: #2563eb;
+  background: linear-gradient(135deg, #eaf3ff, #e8ecff);
+}
+
+.scenario-visual.purple {
+  color: #7c3aed;
+  background: linear-gradient(135deg, #f6edff, #ffeef7);
+}
+
+.scenario-visual.green {
+  color: #0d9488;
+  background: linear-gradient(135deg, #ecfdf5, #d8faf1);
+}
+
+.document {
+  position: relative;
+  z-index: 1;
+  width: .94rem;
+  height: 1.24rem;
+  background: repeating-linear-gradient(#fff 0 .15rem, #dbeafe .15rem .18rem);
+  border: .02rem solid currentColor;
+  border-radius: .06rem;
+  box-shadow: .1rem .1rem 0 currentColor;
+  opacity: .9;
+}
+
+.visual-mark {
+  position: absolute;
+  z-index: 2;
+  display: grid;
+  place-items: center;
+  width: .38rem;
+  height: .38rem;
+  color: #fff;
+  font-size: .22rem;
+  font-weight: 800;
+  background: currentColor;
+  border-radius: 50%;
+  transform: translate(.45rem, -.46rem);
+}
+
+.scenario-content {
+  padding: .28rem;
+}
+
+.card-icon,
+.item-icon,
+.highlight-card b {
+  display: inline-grid;
+  place-items: center;
+  color: #fff;
+  background: linear-gradient(135deg, #2684ff, #4e6df5);
+}
+
+.card-icon {
+  width: .42rem;
+  height: .42rem;
+  margin-right: .12rem;
+  font-size: .23rem;
+  border-radius: .1rem;
+  vertical-align: middle;
+}
+
+.scenario-content h3 {
+  display: inline;
+  margin: 0;
+  font-size: .29rem;
+  line-height: 1.45;
+}
+
+.scenario-content p,
+.solution-item p,
+.highlight-card p {
+  margin: .16rem 0 0;
+  color: #5d6a7b;
+  font-size: .24rem;
+  line-height: 1.72;
+}
+
+.solution-column {
+  display: grid;
+  gap: .18rem;
+}
+
+.column-title {
+  display: flex;
+  align-items: center;
+  gap: .12rem;
+  margin: .08rem 0;
+  font-size: .3rem;
+}
+
+.column-title span {
+  display: grid;
+  place-items: center;
+  width: .42rem;
+  height: .42rem;
+  color: #fff;
+  border-radius: .1rem;
+}
+
+.column-title.danger span {
+  background: #ef5757;
+}
+
+.column-title.primary span {
+  background: #2b7de9;
+}
+
+.solution-item {
+  display: flex;
+  gap: .18rem;
+  padding: .26rem;
+  border-left: .06rem solid #5e9df0;
+}
+
+.solution-item.danger {
+  border-left-color: #f36b6b;
+}
+
+.item-icon {
+  flex: 0 0 auto;
+  width: .48rem;
+  height: .48rem;
+  color: #1769e0;
+  font-size: .24rem;
+  background: #e7f1ff;
+  border-radius: .1rem;
+}
+
+.danger .item-icon {
+  color: #d84949;
+  background: #ffebeb;
+}
+
+.solution-item h4 {
+  margin: 0;
+  font-size: .27rem;
+  line-height: 1.45;
+}
+
+.solution-item p {
+  margin-top: .08rem;
+}
+
+.highlight-card {
+  display: flex;
+  gap: .18rem;
+  padding: .28rem;
+}
+
+.highlight-card b {
+  flex: 0 0 auto;
+  width: .48rem;
+  height: .48rem;
+  font-size: .22rem;
+  border-radius: .12rem;
+}
+
+.highlight-card h3 {
+  margin: 0;
+  font-size: .28rem;
+  line-height: 1.45;
+}
+
+.highlight-card p {
+  margin-top: .1rem;
+}
+</style>

f/web-kboss/src/views/H5/decisionCase/index.vue

@@ -0,0 +1,383 @@
+<template>
+  <div class="decision-case-h5">
+    <button type="button" class="page-back" aria-label="返回上一页" @click="goBack">
+      <span aria-hidden="true">‹</span>
+    </button>
+    <section class="case-hero">
+      <img :src="bannerImg" alt="">
+      <div class="case-container">
+        <h1>投策智能体</h1>
+        <p>面向企业投资决策的辅助智能体，整合多维度市场数据、行业趋势与政策信息，通过算法模拟不同决策场景的收益与风险，自动生成可视化分析报告。帮助企业快速梳理核心信息，预判市场走向，辅助降低决策偏差，提升投资方案的科学性与可行性
+        </p>
+      </div>
+    </section>
+    <!--     
+    <nav class="case-tabs">
+      <button v-for="tab in tabs" :key="tab.id" type="button" :class="{ active: activeTab === tab.id }" @click="scrollTo(tab.id)">{{ tab.label }}</button>
+    </nav> -->
+    <main>
+      <section id="scenarios" class="case-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>应用场景</h2>
+            <p>覆盖企业投资决策全链路</p>
+          </header>
+          <div class="scenario-grid">
+            <article v-for="item in scenarios" :key="item.title" class="feature-card"><span class="card-icon">{{
+                item.icon }}</span>
+              <h3>{{ item.title }}</h3>
+              <p>{{ item.desc }}</p>
+            </article>
+          </div>
+        </div>
+      </section>
+      <section id="solution" class="case-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>企业决策的困境与解决方案</h2>
+            <p>聚焦数据收集、研报撰写、知识管理、智能应用四大维度</p>
+          </header>
+          <div class="solution-grid">
+            <section class="solution-card danger">
+              <h3><span>!</span>困境：数据丰富，洞察贫乏</h3>
+              <article v-for="item in problems" :key="item.title" class="list-item"><i>{{ item.icon }}</i>
+                <div>
+                  <h4>{{ item.title }}</h4>
+                  <p>{{ item.desc }}</p>
+                </div>
+              </article>
+            </section>
+            <section class="solution-card primary">
+              <h3><span>✓</span>解决方案：E决策平台核心能力</h3>
+              <p class="intro">聚焦“数据收集、研报撰写、知识管理、智能应用”四大维度，帮助企业构建专属知识体系，赋能科学决策。</p>
+              <article v-for="item in abilities" :key="item.title" class="ability-item"><i>{{ item.icon }}</i>
+                <div>
+                  <h4>{{ item.title }}</h4>
+                  <p>{{ item.desc }}</p>
+                </div>
+              </article>
+            </section>
+          </div>
+        </div>
+      </section>
+      <section id="highlights" class="case-section">
+        <div class="case-container">
+          <header class="section-heading">
+            <h2>项目亮点</h2>
+            <p>一次研究，双格式交付</p>
+          </header>
+          <div class="highlight-grid">
+            <article v-for="item in highlights" :key="item.title" class="feature-card"><span class="card-icon">{{
+                item.icon }}</span>
+              <h3>{{ item.title }}</h3>
+              <p>{{ item.desc }}</p>
+            </article>
+          </div>
+        </div>
+      </section>
+    </main>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'H5DecisionCase',
+  data() {
+    return {
+      activeTab: 'scenarios', bannerImg: require('@/views/homePage/agentStore/img.jpg'),
+      tabs: [{ id: 'scenarios', label: '应用场景' }, { id: 'solution', label: '解决方案' }, { id: 'highlights', label: '项目亮点' }],
+      scenarios: [{ title: '投资可行性研究', desc: '自动收集行业数据、市场趋势、政策信息，生成专业的投资可行性分析报告，辅助决策者快速评估项目价值与风险。', icon: '▥' }, { title: '市场调研分析', desc: '整合多维度市场数据，自动分析市场规模、竞争格局、发展趋势，生成详实的市场调研报告，支撑业务决策。', icon: '▤' }, { title: '竞品分析', desc: '自动收集竞品信息，分析产品特性、市场策略、用户反馈，生成竞品对比分析报告，帮助企业制定差异化竞争策略。', icon: '▦' }],
+      problems: [{ title: '数据孤岛严重', desc: '数据分散在不同业务系统中、或者网站信源中，难以打通整合，阻碍全面分析与决策。', icon: '◫' }, { title: '知识沉淀难', desc: '关键业务知识与专家经验主要存在于个人头脑中，随人员流动而流失。', icon: '◉' }, { title: '报告撰写耗时费力', desc: '手工整理数据、制作高质量决策报告过程繁琐，效率低下，难以快速响应需求。', icon: '▧' }],
+      abilities: [{ title: '数据收集与整合', desc: '自动抓取内外部数据源，打破壁垒，统一数据口径', icon: '◫' }, { title: '知识管理与沉淀', desc: '将非结构化文档转化为结构化知识图谱，沉淀企业核心资产', icon: '▱' }, { title: '智能应用与问答', desc: '支持自然语言提问，快速检索与回答，即问即得关键洞察', icon: '?' }, { title: 'AI辅助研报撰写', desc: '输入主题自动生成内容，支持一键导出为PDF/PPT', icon: '▧' }],
+      highlights: [{ title: '一键生成PDF研究报告', desc: '在AI辅助生成研报内容后，系统支持一键导出为格式规范、内容详实的PDF研究报告，满足归档与深度阅读需求。', icon: '▧' }, { title: '一键生成PPT演示文稿', desc: '除了PDF，系统还支持一键导出为PPT演示文稿，并自动完成逻辑梳理、智能分页和专业排版，即导即用。', icon: '▥' }]
+    }
+  },
+  methods: {
+    goBack() {
+      this.$router.push('/h5HomePage/index').catch((error) => {
+        if (!error || error.name !== 'NavigationDuplicated') throw error
+      })
+    },
+    scrollTo(id) {
+      this.activeTab = id
+      const section = this.$el.querySelector(`#${id}`)
+      if (section) section.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.decision-case-h5 {
+  min-height: 100vh;
+  color: #182230;
+  background: #f6f8fb;
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
+}
+
+.case-container {
+  width: auto;
+  margin: 0 .32rem;
+}
+
+.page-back {
+  position: fixed;
+  top: .24rem;
+  left: .24rem;
+  z-index: 8;
+  display: grid;
+  place-items: center;
+  width: .64rem;
+  height: .64rem;
+  padding: 0;
+  color: #29415f;
+  font-size: .48rem;
+  line-height: 1;
+  background: rgba(255, 255, 255, .92);
+  border: 1px solid #dce5ef;
+  border-radius: 50%;
+  box-shadow: 0 .08rem .2rem rgba(31, 53, 84, .12);
+}
+
+.page-back span {
+  margin-top: -.05rem;
+}
+
+.case-hero {
+  position: relative;
+  min-height: 3.64rem;
+  overflow: hidden;
+}
+
+.case-hero::after {
+  position: absolute;
+  inset: 0;
+  content: '';
+  background: linear-gradient(90deg, rgba(255, 255, 255, .94) 0%, rgba(255, 255, 255, .73) 48%, rgba(255, 255, 255, .08) 100%);
+}
+
+.case-hero img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.case-hero .case-container {
+  position: relative;
+  z-index: 1;
+  max-width: 5.8rem;
+  padding-top: 1.08rem;
+}
+
+.case-hero h1 {
+  margin: 0 0 .2rem;
+  font-size: .42rem;
+  font-weight: 800;
+  line-height: 1.2;
+}
+
+.case-hero p {
+  margin: 0;
+  color: #465466;
+  font-size: .26rem;
+  line-height: 1.75;
+}
+
+.case-tabs {
+  position: sticky;
+  z-index: 5;
+  top: 0;
+  display: flex;
+  gap: .16rem;
+  padding: .16rem .32rem;
+  overflow-x: auto;
+  white-space: nowrap;
+  background: rgba(255, 255, 255, .96);
+  border-bottom: 1px solid #e6eaf0;
+  box-shadow: 0 .04rem .16rem rgba(15, 23, 42, .05);
+}
+
+.case-tabs button {
+  flex: 0 0 auto;
+  min-height: .58rem;
+  padding: 0 .22rem;
+  color: #5c6878;
+  font-size: .24rem;
+  font-weight: 600;
+  background: #f3f5f8;
+  border: 0;
+  border-radius: .12rem;
+}
+
+.case-tabs button.active {
+  color: #1769e0;
+  background: #eaf3ff;
+}
+
+.case-section {
+  padding: .68rem 0;
+  scroll-margin-top: .92rem;
+}
+
+.case-section:nth-child(even) {
+  background: #edf5ff;
+}
+
+.section-heading {
+  margin-bottom: .38rem;
+  text-align: left;
+}
+
+.section-heading h2 {
+  margin: 0 0 .12rem;
+  font-size: .34rem;
+  font-weight: 800;
+  line-height: 1.35;
+}
+
+.section-heading p {
+  margin: 0;
+  color: #66758a;
+  font-size: .24rem;
+  line-height: 1.6;
+}
+
+.scenario-grid,
+.solution-grid,
+.highlight-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: .22rem;
+}
+
+.feature-card,
+.solution-card {
+  background: #fff;
+  border: 1px solid #e8edf3;
+  border-radius: .16rem;
+  box-shadow: 0 .08rem .2rem rgba(15, 23, 42, .05);
+}
+
+.feature-card {
+  padding: .28rem;
+}
+
+.card-icon {
+  display: inline-grid;
+  place-items: center;
+  width: .42rem;
+  height: .42rem;
+  margin-right: .12rem;
+  color: #fff;
+  font-size: .23rem;
+  vertical-align: middle;
+  background: linear-gradient(135deg, #2684ff, #4e6df5);
+  border-radius: .1rem;
+}
+
+.feature-card h3 {
+  display: inline;
+  margin: 0;
+  font-size: .29rem;
+  line-height: 1.45;
+}
+
+.feature-card p,
+.solution-card p {
+  margin: .16rem 0 0;
+  color: #5d6a7b;
+  font-size: .24rem;
+  line-height: 1.72;
+}
+
+.solution-card {
+  padding: .28rem;
+  border-left: .06rem solid #5e9df0;
+}
+
+.solution-card.danger {
+  border-left-color: #f36b6b;
+}
+
+.solution-card h3 {
+  display: flex;
+  align-items: flex-start;
+  gap: .12rem;
+  margin: 0 0 .18rem;
+  color: #1769e0;
+  font-size: .3rem;
+  line-height: 1.42;
+}
+
+.solution-card.danger h3 {
+  color: #d84949;
+}
+
+.solution-card h3 span {
+  display: grid;
+  flex: 0 0 auto;
+  place-items: center;
+  width: .42rem;
+  height: .42rem;
+  color: #fff;
+  background: #2b7de9;
+  border-radius: .1rem;
+}
+
+.solution-card.danger h3 span {
+  background: #ef5757;
+}
+
+.list-item,
+.ability-item {
+  display: flex;
+  gap: .18rem;
+  margin-top: .18rem;
+}
+
+.list-item i,
+.ability-item i {
+  display: grid;
+  flex: 0 0 auto;
+  place-items: center;
+  width: .48rem;
+  height: .48rem;
+  color: #d84949;
+  font-style: normal;
+  font-size: .24rem;
+  background: #ffebeb;
+  border-radius: .1rem;
+}
+
+.ability-item {
+  padding: .18rem;
+  background: #f1f7ff;
+  border-radius: .12rem;
+}
+
+.ability-item i {
+  color: #fff;
+  background: linear-gradient(135deg, #2684ff, #4e6df5);
+}
+
+.list-item h4,
+.ability-item h4 {
+  margin: 0 0 .06rem;
+  font-size: .27rem;
+  line-height: 1.45;
+}
+
+.list-item p,
+.ability-item p {
+  margin: 0;
+  font-size: .24rem;
+  line-height: 1.65;
+}
+
+.intro {
+  margin: 0 0 .18rem !important;
+}
+</style>

f/web-kboss/src/views/H5/details/index.vue

@@ -1,338 +0,0 @@
-<template>
-  <div>
-    <div class="banner">
-      <!-- 介绍 -->
-      <div class="introduce">
-        <div class="title">
-          <span>{{ productList.title }}</span>
-        </div>
-        <!-- 详情 -->
-        <div class="details">
-          <span>{{ productList.description }}</span>
-        </div>
-        <div class="btn" @click="openConsultDialog(productList, 'banner')">
-          立即咨询
-        </div>
-      </div>
-    </div>
-    <!-- 规格 -->
-    <div class="specification">
-      <div class="title">
-        产品<span class="color">规格</span>
-      </div>
-      <!-- 产品列表 -->
-      <div class="product-list">
-        <!-- 列表项 -->
-        <div class="list-box" v-for="(item, index) in productList.products" :key="index">
-          <div class="box-title">
-            {{ item.title }}
-          </div>
-          <!-- 详情 -->
-          <div class="box-details">
-            <div class="details-item" v-for="(items, index) in item.list" :key="index">
-              <span>
-                <span class="item-title">
-                  <span>{{ items.name }}</span>
-                </span>
-                <span class="item-details">
-                  <span>{{ items.content }}</span>
-                </span>
-              </span>
-            </div>
-          </div>
-          <!-- 价格 -->
-          <div class="price">
-            ￥<span class="price-dig">{{ item.price }}</span><span class="price-color">{{ item.price_unit }}(可短租)</span>
-          </div>
-          <!-- 咨询 -->
-          <div class="box-btn" @click="openConsultDialog(item, 'spec')">
-            立即咨询
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- 产品咨询弹窗 -->
-    <ProductConsultDialog
-      :visible.sync="showConsultDialog"
-      :platform-name="platformName"
-      :qr-code="qrCode"
-      :default-form-data="consultFormData"
-      :submit-api="submitConsultApi"
-      @success="handleConsultSuccess"
-      @close="handleDialogClose"
-    />
-
-    <Footer></Footer>
-  </div>
-</template>
-
-<script>
-import { reqProductDetail, reqProductConsult } from '@/api/H5/index'
-import Footer from '../components/footer/footer.vue';
-import ProductConsultDialog from '../components/H5_dialog/index.vue'
-
-export default {
-  components: {
-    Footer,
-    ProductConsultDialog
-  },
-  data() {
-    return {
-      id: null,
-      productList: [],
-
-      // 咨询弹窗相关
-      showConsultDialog: false,
-      platformName: '产品详情页',
-      qrCode: '',
-      consultFormData: {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      },
-      currentProduct: null,
-      consultSource: '' // 记录咨询来源：banner 或 spec
-    }
-  },
-
-  created() {
-    // 获取id
-    this.id = this.$route.query.id
-    console.log('ID:', this.id)
-    this.getProductList()
-  },
-
-  methods: {
-    // 获取产品列表
-    async getProductList() {
-      const res = await reqProductDetail({ id: this.id })
-      console.log('产品详情是', res)
-      if (res.status === true) {
-        this.productList = res.data
-      }
-    },
-
-    // 打开咨询弹窗
-    openConsultDialog(product, source) {
-      this.currentProduct = product
-      this.consultSource = source
-
-      // 根据来源设置不同的咨询内容
-      let content = ''
-      if (source === 'banner') {
-        // 从banner咨询
-        content = `我想咨询关于【${product.title || '产品'}】的详细信息`
-      } else if (source === 'spec') {
-        // 从规格列表咨询
-        content = `我想咨询【${product.title || '产品规格'}】的价格和租赁详情`
-      }
-
-      // 设置咨询表单的预填内容
-      this.consultFormData = {
-        ...this.consultFormData,
-        content: content
-      }
-
-      this.showConsultDialog = true
-    },
-
-    // 提交咨询API
-    async submitConsultApi(data) {
-      // 构建提交数据
-      const submitData = {
-        ...data,
-        product_id: this.id,
-        product_title: this.productList.title || '',
-        product_name: this.currentProduct?.title || '',
-        product_price: this.currentProduct?.price || '',
-        product_unit: this.currentProduct?.price_unit || '',
-        consult_source: this.consultSource || '',
-        page_type: 'product_detail',
-        page_url: window.location.href
-      }
-
-      return await reqProductConsult(submitData)
-    },
-
-    // 咨询成功回调
-    handleConsultSuccess(response) {
-      console.log('咨询提交成功:', response)
-      this.$message.success('咨询提交成功，我们将尽快联系您！')
-    },
-
-    // 弹窗关闭回调
-    handleDialogClose() {
-      this.currentProduct = null
-      this.consultSource = ''
-      // 重置表单数据
-      this.consultFormData = {
-        content: '',
-        custom_type: '1',
-        name: '',
-        phone: '',
-        company: '',
-        email: '',
-        checked: false
-      }
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-.color {
-  background: linear-gradient(to right, #0066FF, #66CCFF);
-  /* 蓝到浅蓝渐变 */
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-  display: inline-block;
-}
-
-.banner {
-  height: 4.2rem;
-  background: url(../images/calculateBanner.jpg) no-repeat;
-  background-size: 100% 100%;
-  position: relative;
-
-  .introduce {
-    position: absolute;
-    left: 50%;
-    top: 14%;
-    transform: translate(-90%);
-  }
-
-  .title {
-    font-size: 0.32rem;
-    /* 修改为0.32rem */
-    color: #000;
-    font-weight: 700;
-  }
-
-  .details {
-    font-size: 0.18rem;
-    /* 修改为0.18rem */
-    color: #8890ab;
-    line-height: 2 !important;
-    margin-top: .1rem;
-  }
-
-  .btn {
-    margin-top: .1rem;
-    width: 2rem;
-    height: .4rem;
-    border-radius: .1rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: .2rem;
-    background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-    color: #fff;
-    cursor: pointer; /* 添加手型光标 */
-  }
-}
-
-// 规格
-.specification {
-  height: 100%;
-  background: linear-gradient(to bottom, #fff, #f2f6fb, #fff);
-
-  .title {
-    text-align: center;
-    font-size: 0.32rem;
-    /* 修改为0.32rem */
-    font-weight: 600;
-  }
-}
-
-// 产品列表
-.product-list {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  padding: 0 1%;
-
-  // 列表项
-  .list-box {
-    position: relative;
-    margin: .2rem 2%;
-    width: 46%;
-    box-shadow: 0 .02rem .08rem rgba(39, 90, 255, 0.08);
-    border-radius: .3rem;
-    padding: .2rem .2rem;
-    background-color: #fff;
-    padding-bottom: 2rem;
-    // 标题
-    .box-title {
-      font-size: 0.24rem;
-      /* 修改为0.24rem */
-      font-weight: 600;
-      margin-bottom: .2rem;
-    }
-
-    // 详情
-    .box-details {
-      .details-item {
-        display: flex;
-        justify-content: space-between;
-        line-height: 1;
-
-        .item-title {
-          font-size: .16rem;
-          color: #000;
-          margin-right: 0.07rem;
-          font-weight: 500;
-        }
-
-        .item-details {
-          font-size: .16rem;
-          color: #8890ab;
-        }
-      }
-    }
-
-    // 价格
-    .price {
-      width: calc(100% - 0.4rem);
-      position: absolute;
-      bottom: .2rem;
-      font-size: .16rem;
-      color: #F62424;
-      margin-top: .2rem;
-      padding-top: .2rem;
-      // 虚线
-      border-top: .02rem dashed #e0e0e0;
-      margin-bottom: .8rem;
-      .price-dig {
-        font-size: 0.28rem;
-        /* 修改为0.28rem */
-        font-weight: 600;
-      }
-
-      .price-color {
-        color: #8890ab;
-      }
-    }
-
-     .box-btn {
-      width: calc(100% - 0.4rem); /* 减去左右 padding */
-      margin-top: .2rem; /* 增加上边距 */
-      padding: .1rem .2rem;
-      text-align: center;
-      border-radius: .1rem;
-      font-size: .2rem;
-      background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-      color: #fff;
-      position: absolute;
-      left: 0.2rem;
-      right: 0.2rem;
-      bottom: 0.2rem;
-      cursor: pointer;
-    }
-  }
-}
-</style>

f/web-kboss/src/views/H5/index.vue

@@ -1,296 +1,107 @@
 <template>
   <div class="h5-container">
-    <!-- 主要内容区域 -->
-    <div ref="mainContent" class="main" @scroll="handleScroll">
+    <div id="homeOut" ref="mainContent" class="main" @scroll="handleScroll">
       <transition :name="transitionName" mode="out-in">
-        <router-view></router-view>
+        <router-view />
       </transition>
     </div>
-    <div style="height: 1.4rem;"></div>
-
-    <!-- 返回顶部按钮 -->
+<!-- 
     <transition name="fade-scale">
-      <div
-        v-show="showBackToTop"
-        class="back-to-top"
-        @click="scrollToTop"
-      >
+      <div v-show="showBackToTop" class="back-to-top" @click="scrollToTop">
         <div class="back-to-top-icon">
           <svg viewBox="0 0 24 24" fill="none">
-            <path d="M12 5L12 19M12 5L6 11M12 5L18 11"
-                  stroke="currentColor"
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"/>
+            <path d="M12 5L12 19M12 5L6 11M12 5L18 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
           </svg>
         </div>
         <div class="back-to-top-text">回顶部</div>
       </div>
-    </transition>
+    </transition> -->
 
-    <!-- 底部导航栏 --> 
-    <div class="tabBar">
-      <!-- 首页 -->
+    <!-- <div class="tabBar">
       <div
+        v-for="tab in tabList"
+        :key="tab.id"
         class="tabBar-item"
-        :class="{ active: activeTab === 'index' }"
-        @click="switchTab('index')"
+        :class="{ active: activeTab === tab.id }"
+        @click="switchTab(tab)"
       >
         <div class="item-img">
-          <transition name="icon-bounce" mode="out-in">
-            <img
-              :key="activeTab === 'index'"
-              :src="activeTab === 'index' ? require('./images/tabBar/homeColor.png') : require('./images/tabBar/home.png')"
-              alt="首页"
-            />
-          </transition>
+          <img :src="activeTab === tab.id ? tab.activeIcon : tab.icon" :alt="tab.name" />
         </div>
-        <div class="item-text">
-          <transition name="text-slide" mode="out-in">
-            <span :key="activeTab === 'index'">首页</span>
-          </transition>
-        </div>
-        <div class="active-indicator" v-if="activeTab === 'index'"></div>
+        <div class="item-text">{{ tab.name }}</div>
+        <div v-if="activeTab === tab.id" class="active-indicator"></div>
       </div>
-
-      <!-- 云 -->
-      <div
-        class="tabBar-item"
-        :class="{ active: activeTab === 'cloud' }"
-        @click="switchTab('cloud')"
-      >
-        <div class="item-img">
-          <transition name="icon-bounce" mode="out-in">
-            <img
-              :key="activeTab === 'cloud'"
-              :src="activeTab === 'cloud' ? require('./images/tabBar/cloudColor.png') : require('./images/tabBar/cloud.png')"
-              alt="云"
-            />
-          </transition>
-        </div>
-        <div class="item-text">
-          <transition name="text-slide" mode="out-in">
-            <span :key="activeTab === 'cloud'">云</span>
-          </transition>
-        </div>
-        <div class="active-indicator" v-if="activeTab === 'cloud'"></div>
-      </div>
-
-      <!-- 算 -->
-      <div
-        class="tabBar-item"
-        :class="{ active: activeTab === 'calculate' }"
-        @click="switchTab('calculate')"
-      >
-        <div class="item-img">
-          <transition name="icon-bounce" mode="out-in">
-            <img
-              :key="activeTab === 'calculate'"
-              :src="activeTab === 'calculate' ? require('./images/tabBar/calculateColor.png') : require('./images/tabBar/calculate.png')"
-              alt="算"
-            />
-          </transition>
-        </div>
-        <div class="item-text">
-          <transition name="text-slide" mode="out-in">
-            <span :key="activeTab === 'calculate'">算</span>
-          </transition>
-        </div>
-        <div class="active-indicator" v-if="activeTab === 'calculate'"></div>
-      </div>
-
-      <!-- 网 -->
-      <div
-        class="tabBar-item"
-        :class="{ active: activeTab === 'net' }"
-        @click="switchTab('net')"
-      >
-        <div class="item-img">
-          <transition name="icon-bounce" mode="out-in">
-            <img
-              :key="activeTab === 'net'"
-              :src="activeTab === 'net' ? require('./images/tabBar/netColor.png') : require('./images/tabBar/net.png')"
-              alt="网"
-            />
-          </transition>
-        </div>
-        <div class="item-text">
-          <transition name="text-slide" mode="out-in">
-            <span :key="activeTab === 'net'">网</span>
-          </transition>
-        </div>
-        <div class="active-indicator" v-if="activeTab === 'net'"></div>
-      </div>
-
-      <!-- 用 -->
-      <div
-        class="tabBar-item"
-        :class="{ active: activeTab === 'use' }"
-        @click="switchTab('use')"
-      >
-        <div class="item-img">
-          <transition name="icon-bounce" mode="out-in">
-            <img
-              :key="activeTab === 'use'"
-              :src="activeTab === 'use' ? require('./images/tabBar/userColor.png') : require('./images/tabBar/user.png')"
-              alt="用"
-            />
-          </transition>
-        </div>
-        <div class="item-text">
-          <transition name="text-slide" mode="out-in">
-            <span :key="activeTab === 'use'">用</span>
-          </transition>
-        </div>
-        <div class="active-indicator" v-if="activeTab === 'use'"></div>
-      </div>
-    </div>
+    </div> -->
   </div>
 </template>
 
 <script>
 import './media.js'
+
 export default {
   name: 'H5HomePage',
   data() {
     return {
-      activeTab: 'index', // 当前激活的标签
+      activeTab: 'index',
       tabList: [
-        { id: 'index', name: '首页', path: '/h5HomePage/index' },
-        { id: 'cloud', name: '云', path: '/h5HomePage/cloud' },
-        { id: 'calculate', name: '算', path: '/h5HomePage/calculate' },
-        { id: 'net', name: '网', path: '/h5HomePage/net' },
-        { id: 'use', name: '用', path: '/h5HomePage/use' }
+        {
+          id: 'index',
+          name: '首页',
+          path: '/h5HomePage/index',
+          icon: require('./images/tabBar/home.png'),
+          activeIcon: require('./images/tabBar/homeColor.png')
+        },
+        {
+          id: 'about',
+          name: '关于我们',
+          path: '/h5HomePage/about',
+          icon: require('./images/tabBar/user.png'),
+          activeIcon: require('./images/tabBar/userColor.png')
+        }
       ],
-      showBackToTop: false, // 是否显示返回顶部按钮
-      scrollThreshold: 200, // 滚动多少距离后显示按钮（可根据需要调整）
-      transitionName: 'fade', // 页面切换动画名称
-      isSwitching: false, // 是否正在切换
-    };
+      showBackToTop: false,
+      scrollThreshold: 200,
+      transitionName: 'fade'
+    }
   },
   watch: {
-    // 监听路由变化，更新激活的标签
     '$route'(to) {
-      this.updateActiveTab(to.path);
+      this.updateActiveTab(to.path)
+      this.resetScrollPosition()
     }
   },
   mounted() {
-    // 初始化时根据当前路由设置激活状态
-    this.updateActiveTab(this.$route.path);
+    this.updateActiveTab(this.$route.path)
+    this.resetScrollPosition()
   },
   methods: {
-    /**
-     * 切换标签页
-     * @param {string} tabId - 标签ID
-     */
-    switchTab(tabId) {
-      // 如果正在切换或点击的是当前已激活的标签，不进行操作
-      if (this.isSwitching || this.activeTab === tabId) return;
-
-      // 设置正在切换状态
-      this.isSwitching = true;
-
-      // 更新激活状态
-      this.activeTab = tabId;
-
-      // 根据tabId跳转到对应的路由
-      const tab = this.tabList.find(item => item.id === tabId);
-      if (tab) {
-        // 添加点击反馈动画
-        this.animateTabClick(tabId);
-
-        // 延迟路由跳转，让动画先执行
-        setTimeout(() => {
-          this.$router.push(tab.path);
-          // 重置切换状态
-          setTimeout(() => {
-            this.isSwitching = false;
-          }, 300);
-        }, 150);
-      } else {
-        this.isSwitching = false;
-      }
+    switchTab(tab) {
+      if (this.activeTab === tab.id || this.$route.path === tab.path) return
+      this.activeTab = tab.id
+      this.$router.push(tab.path)
     },
-
-    /**
-     * 执行Tab点击动画
-     * @param {string} tabId - 标签ID
-     */
-    animateTabClick(tabId) {
-      // 获取点击的tab元素
-      const tabIndex = this.tabList.findIndex(item => item.id === tabId);
-      const tabs = document.querySelectorAll('.tabBar-item');
-
-      if (tabs[tabIndex]) {
-        // 添加点击动画类
-        tabs[tabIndex].classList.add('click-animation');
-
-        // 动画结束后移除类
-        setTimeout(() => {
-          tabs[tabIndex].classList.remove('click-animation');
-        }, 300);
-      }
-    },
-
-    /**
-     * 根据路由路径更新激活的标签
-     * @param {string} path - 当前路由路径
-     */
     updateActiveTab(path) {
-      // 从路径中提取tabId
-      const pathParts = path.split('/');
-      const tabId = pathParts[pathParts.length - 1];
-
-      // 如果提取的tabId在tabList中存在，则更新activeTab
-      if (this.tabList.some(item => item.id === tabId)) {
-        this.activeTab = tabId;
-      }
+      this.activeTab = path.endsWith('/about') ? 'about' : 'index'
+    },
+    resetScrollPosition() {
+      this.$nextTick(() => {
+        const mainContent = this.$refs.mainContent
+        if (mainContent) mainContent.scrollTo({ top: 0, left: 0, behavior: 'auto' })
+        window.scrollTo(0, 0)
+        document.documentElement.scrollTop = 0
+        document.body.scrollTop = 0
+      })
     },
-
-    /**
-     * 处理滚动事件
-     */
     handleScroll() {
-      if (this.$refs.mainContent) {
-        const scrollTop = this.$refs.mainContent.scrollTop;
-        // 当滚动距离超过阈值时显示返回顶部按钮
-        this.showBackToTop = scrollTop > this.scrollThreshold;
-      }
+      const mainContent = this.$refs.mainContent
+      if (mainContent) this.showBackToTop = mainContent.scrollTop > this.scrollThreshold
     },
-
-    /**
-     * 滚动到顶部
-     */
     scrollToTop() {
-      if (this.$refs.mainContent) {
-        // 添加点击反馈效果
-        const btn = document.querySelector('.back-to-top');
-        if (btn) {
-          btn.classList.add('clicked');
-          setTimeout(() => {
-            btn.classList.remove('clicked');
-          }, 300);
-        }
-
-        this.$refs.mainContent.scrollTo({
-          top: 0,
-          behavior: 'smooth' // 平滑滚动
-        });
-      }
+      const mainContent = this.$refs.mainContent
+      if (mainContent) mainContent.scrollTo({ top: 0, behavior: 'smooth' })
     }
   }
-};
-function adapter() {
-  //获取布局视口宽度，因为开启了理想视口，布局视口=设备横向独立像素值
-  const dpWidth = document.documentElement.clientWidth
-  //计算根字体大小
-  const rootFonstSize = (dpWidth * 100) / 750
-  //设置根字体大小
-  document.documentElement.style.fontSize = rootFonstSize + 'px'
 }
-adapter()
-window.onresize = adapter()
-
 </script>
 
 <style lang="less" scoped>

f/web-kboss/src/views/H5/less/all/index.css

@@ -1,243 +0,0 @@
-.top-tit {
-  display: flex;
-  justify-content: center;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  font-size: 0.39rem;
-  /* 增大30%: .3rem * 1.3 = .39rem */
-  font-weight: bold;
-  margin: 0.3rem 0;
-}
-.supplier-container {
-  display: flex;
-  flex-wrap: wrap;
-  /* 允许换行 */
-  padding: 0.2rem 0.22rem;
-  gap: 0.15rem;
-  /* 使用gap控制间距 */
-}
-.supplier {
-  flex-shrink: 0;
-  /* 防止收缩 */
-}
-.supplier .supplier-title {
-  font-size: 0.28rem;
-  color: #000;
-  padding: 0.12rem 0.2rem;
-  background-color: #f5f5f5;
-  border-radius: 0.12rem;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  white-space: nowrap;
-  /* 防止文字换行 */
-}
-.supplier .supplier-title:hover {
-  background-color: #e0e0e0;
-  transform: translateY(-0.02rem);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-.supplier .supplier-title.active {
-  background: linear-gradient(90deg, #275aff, #2ebdfa);
-  color: #fff;
-  box-shadow: 0 0.04rem 0.12rem rgba(39, 90, 255, 0.3);
-  transform: translateY(-0.02rem);
-}
-.box {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding: 0 0.3rem;
-}
-.box .box-item {
-  display: flex;
-  width: 48%;
-  flex-direction: column;
-  align-items: self-start;
-  border: 0.02rem solid #f0f0f0;
-  border-radius: 0.2rem;
-  padding: 0.15rem 0.2rem;
-  margin: 0.34rem 0;
-  transition: all 0.3s ease;
-  position: relative;
-  padding-bottom: 0.6rem;
-}
-.box .box-item:hover {
-  transform: translateY(-0.05rem);
-  box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.1);
-  border-color: #1f70ff;
-}
-.box .box-item .item-tit {
-  font-size: 0.26rem;
-  color: #000;
-  font-weight: bold;
-  margin-bottom: 0.1rem;
-}
-.box .box-item .item-detail {
-  color: #666;
-  font-size: 0.22rem;
-  margin: 0.15rem 0;
-  line-height: 1.4;
-}
-.box .box-item .item-desc {
-  color: #666;
-  background-color: #f8f9fa;
-  font-size: 0.2rem;
-  padding: 0.08rem 0.12rem;
-  border-radius: 0.1rem;
-  margin-bottom: 0.15rem;
-  border: 0.01rem solid #e9ecef;
-}
-.box .box-item .item-btn {
-  width: 100%;
-  display: flex;
-  padding-top: 0.2rem;
-}
-.box .box-item .item-btn .btn {
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  border-radius: 0.04rem;
-  padding: 0.08rem 0;
-  width: calc(100% - 0.4rem);
-  text-align: center;
-  color: #fff;
-  font-size: 0.182rem;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  border: none;
-  position: absolute;
-  bottom: 0.2rem;
-}
-.box .box-item .item-btn .btn:hover {
-  background: linear-gradient(90deg, #0d5aff, #2a7aff);
-  transform: translateY(-0.02rem);
-  box-shadow: 0 0.04rem 0.1rem rgba(31, 112, 255, 0.3);
-}
-.search {
-  width: 100%;
-  margin: 0.3rem 0;
-  padding: 0 0.3rem;
-}
-.search .search-box {
-  display: flex;
-  justify-content: space-between;
-  background-color: #f8f9fa;
-  border-radius: 0.3rem;
-  overflow: hidden;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  border: 0.02rem solid #e9ecef;
-  box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.04);
-}
-.search .search-box:focus-within {
-  transform: translateY(-0.01rem);
-}
-.search .search-btn {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 18%;
-  color: #fff;
-  padding: 0.18rem 0;
-  background: linear-gradient(90deg, #1f70ff, #3a8cff);
-  border-bottom-right-radius: 0.3rem;
-  border-top-right-radius: 0.3rem;
-  font-size: 0.28rem;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  position: relative;
-  overflow: hidden;
-}
-.search .search-btn::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
-  transition: left 0.5s ease;
-}
-.search .search-btn:hover {
-  background: linear-gradient(90deg, #0d5aff, #2a7aff);
-  width: 20%;
-}
-.search .search-btn:hover::after {
-  left: 100%;
-}
-.search .search-btn:active {
-  background: linear-gradient(90deg, #0a50e6, #2575e6);
-  transform: scale(0.98);
-}
-.search .input {
-  flex: 1;
-  padding: 0.16rem 0;
-  padding-left: 0.25rem;
-  display: flex;
-  align-items: center;
-}
-.search .input input {
-  border: none;
-  outline: none;
-  background: none;
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  font-size: 0.26rem;
-  color: #333;
-  line-height: 1.4;
-}
-.search .input input::placeholder {
-  color: #adb5bd;
-  font-size: 0.24rem;
-  transition: color 0.3s ease;
-}
-.search .input input:focus::placeholder {
-  color: #868e96;
-}
-/* 为供应商容器和产品列表添加搜索状态样式 */
-.supplier-container {
-  transition: opacity 0.3s ease;
-}
-.box {
-  transition: transform 0.3s ease;
-}
-/* 当有搜索关键词时，调整一些元素的样式 */
-:global body.search-active .supplier-container {
-  opacity: 0.8;
-}
-:global body.search-active .box {
-  animation: searchResultAppear 0.4s ease;
-}
-@keyframes searchResultAppear {
-  0% {
-    opacity: 0;
-    transform: translateY(0.1rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-/* 响应式调整 */
-@media (max-width: 480px) {
-  .search {
-    padding: 0 0.2rem;
-    margin: 0.25rem 0;
-  }
-  .search .search-box {
-    border-radius: 0.25rem;
-  }
-  .search .search-btn {
-    font-size: 0.26rem;
-    padding: 0.16rem 0;
-  }
-  .search .input {
-    padding: 0.14rem 0;
-    padding-left: 0.2rem;
-  }
-  .search .input input {
-    font-size: 0.24rem;
-  }
-}

f/web-kboss/src/views/H5/less/all/index.less

@@ -1,300 +0,0 @@
-.top-tit {
-  display: flex;
-  justify-content: center;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  font-size: .39rem;
-  /* 增大30%: .3rem * 1.3 = .39rem */
-  font-weight: bold;
-  margin: .3rem 0;
-}
-
-.supplier-container {
-  display: flex;
-  flex-wrap: wrap;
-  /* 允许换行 */
-  padding: .2rem .22rem;
-  gap: .15rem;
-  /* 使用gap控制间距 */
-}
-
-.supplier {
-  flex-shrink: 0;
-  /* 防止收缩 */
-
-  .supplier-title {
-    font-size: .28rem;
-    color: #000;
-    padding: .12rem .2rem;
-    background-color: #f5f5f5;
-    border-radius: 0.12rem;
-    cursor: pointer;
-    transition: all 0.3s ease;
-
-    white-space: nowrap;
-    /* 防止文字换行 */
-
-    &:hover {
-      background-color: #e0e0e0;
-      transform: translateY(-0.02rem);
-      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    }
-
-    &.active {
-      background: linear-gradient(90deg, #275aff, #2ebdfa);
-      color: #fff;
-      box-shadow: 0 .04rem .12rem rgba(39, 90, 255, 0.3);
-      transform: translateY(-0.02rem);
-    }
-  }
-}
-
-.box {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding: 0 .3rem;
-
-  .box-item {
-    display: flex;
-    width: 48%;
-    flex-direction: column;
-    align-items: self-start;
-    border: .02rem solid #f0f0f0;
-    border-radius: .2rem;
-    padding: .15rem .2rem;
-    margin: .34rem 0;
-    transition: all 0.3s ease;
-    position: relative;
-    padding-bottom: .6rem;
-    &:hover {
-      transform: translateY(-0.05rem);
-      box-shadow: 0 .08rem .2rem rgba(0, 0, 0, 0.1);
-      border-color: #1f70ff;
-    }
-
-    .item-tit {
-      font-size: .26rem;
-      color: #000;
-      font-weight: bold;
-      margin-bottom: .1rem;
-    }
-
-    .item-detail {
-      color: #666;
-      font-size: .22rem;
-      margin: .15rem 0;
-      line-height: 1.4;
-    }
-
-    .item-desc {
-      color: #666;
-      background-color: #f8f9fa;
-      font-size: .2rem;
-      padding: .08rem .12rem;
-      border-radius: .1rem;
-      margin-bottom: .15rem;
-      border: .01rem solid #e9ecef;
-    }
-
-    .item-btn {
-      width: 100%;
-      display: flex;
-      // justify-content: flex-end;
-      padding-top: .2rem;
-      .btn {
-        background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-        border-radius: 0.04rem;
-        // padding: 0.08rem ;
-        padding: .08rem 0;
-        width: calc(100% - 0.4rem);
-
-        text-align: center;
-        color: #fff;
-        font-size: 0.182rem;
-        cursor: pointer;
-        transition: all 0.3s ease;
-        border: none;
-        position: absolute;
-        bottom: 0.2rem;
-
-        &:hover {
-          background: linear-gradient(90deg, #0d5aff, #2a7aff);
-          transform: translateY(-0.02rem);
-          box-shadow: 0 .04rem .1rem rgba(31, 112, 255, 0.3);
-        }
-      }
-    }
-  }
-}
-
-.search {
-  width: 100%;
-  margin: .3rem 0;
-  padding: 0 .3rem;
-
-  .search-box {
-    display: flex;
-    justify-content: space-between;
-    background-color: #f8f9fa;
-    border-radius: .3rem;
-    overflow: hidden;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    border: .02rem solid #e9ecef;
-    box-shadow: 0 .02rem .06rem rgba(0, 0, 0, 0.04);
-
-    // &:hover {
-    //   border-color: #ced4da;
-    //   background-color: #fff;
-    //   box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.08);
-    // }
-
-    &:focus-within {
-      // border-color: #1f70ff;
-      // background-color: #fff;
-      // box-shadow: 0 .04rem .16rem rgba(31, 112, 255, 0.15);
-      transform: translateY(-0.01rem);
-    }
-  }
-
-  .search-btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 18%;
-    color: #fff;
-    padding: .18rem 0;
-    background: linear-gradient(90deg, #1f70ff, #3a8cff);
-    border-bottom-right-radius: .3rem;
-    border-top-right-radius: .3rem;
-    font-size: .28rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    position: relative;
-    overflow: hidden;
-
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: -100%;
-      width: 100%;
-      height: 100%;
-      background: linear-gradient(90deg,
-          rgba(255, 255, 255, 0) 0%,
-          rgba(255, 255, 255, 0.2) 50%,
-          rgba(255, 255, 255, 0) 100%);
-      transition: left 0.5s ease;
-    }
-
-    &:hover {
-      background: linear-gradient(90deg, #0d5aff, #2a7aff);
-      width: 20%;
-
-      &::after {
-        left: 100%;
-      }
-    }
-
-    &:active {
-      background: linear-gradient(90deg, #0a50e6, #2575e6);
-      transform: scale(0.98);
-    }
-  }
-
-  .input {
-    flex: 1;
-    padding: .16rem 0;
-    padding-left: .25rem;
-    display: flex;
-    align-items: center;
-
-    input {
-      border: none;
-      outline: none;
-      background: none;
-      padding: 0;
-      margin: 0;
-      width: 100%;
-      font-size: .26rem;
-      color: #333;
-      line-height: 1.4;
-
-      &::placeholder {
-        color: #adb5bd;
-        font-size: .24rem;
-        transition: color 0.3s ease;
-      }
-
-      &:focus {
-        &::placeholder {
-          color: #868e96;
-        }
-      }
-    }
-  }
-}
-
-/* 为供应商容器和产品列表添加搜索状态样式 */
-.supplier-container {
-  transition: opacity 0.3s ease;
-}
-
-.box {
-  transition: transform 0.3s ease;
-}
-
-/* 当有搜索关键词时，调整一些元素的样式 */
-:global {
-  body.search-active {
-    .supplier-container {
-      opacity: 0.8;
-    }
-
-    .box {
-      animation: searchResultAppear 0.4s ease;
-    }
-  }
-}
-
-@keyframes searchResultAppear {
-  0% {
-    opacity: 0;
-    transform: translateY(.1rem);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-/* 响应式调整 */
-@media (max-width: 480px) {
-  .search {
-    padding: 0 .2rem;
-    margin: .25rem 0;
-
-    .search-box {
-      border-radius: .25rem;
-    }
-
-    .search-btn {
-      font-size: .26rem;
-      padding: .16rem 0;
-    }
-
-    .input {
-      padding: .14rem 0;
-      padding-left: .2rem;
-
-      input {
-        font-size: .24rem;
-      }
-    }
-  }
-}

f/web-kboss/src/views/H5/less/cloud/cloud.css

@@ -1,251 +0,0 @@
-.top-tit {
-  display: flex;
-  justify-content: center;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  font-size: 0.39rem;
-  /* 增大30%: .3rem * 1.3 = .39rem */
-  font-weight: bold;
-  margin: 0.3rem 0;
-}
-.supplier-container {
-  display: flex;
-  flex-wrap: wrap;
-  /* 允许换行 */
-  padding: 0.2rem 0.22rem;
-  gap: 0.15rem;
-  /* 使用gap控制间距 */
-}
-.supplier {
-  flex-shrink: 0;
-  /* 防止收缩 */
-}
-.supplier .supplier-title {
-  font-size: 0.28rem;
-  /* 修改为下方代码的字体大小 */
-  color: #000;
-  padding: 0.12rem 0.2rem;
-  background-color: #f5f5f5;
-  border-radius: 0.12rem;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  white-space: nowrap;
-  /* 防止文字换行 */
-}
-.supplier .supplier-title:hover {
-  background-color: #e0e0e0;
-  transform: translateY(-0.02rem);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-.supplier .supplier-title.active {
-  background: linear-gradient(90deg, #275aff, #2ebdfa);
-  color: #fff;
-  box-shadow: 0 0.04rem 0.12rem rgba(39, 90, 255, 0.3);
-  transform: translateY(-0.02rem);
-}
-.box {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding: 0 0.3rem;
-}
-.box .box-item {
-  position: relative;
-  display: flex;
-  width: 48%;
-  flex-direction: column;
-  align-items: self-start;
-  border: 0.02rem solid #f0f0f0;
-  border-radius: 0.2rem;
-  padding: 0.15rem 0.2rem;
-  margin: 0.34rem 0;
-  transition: all 0.3s ease;
-  padding-bottom: 0.6rem;
-}
-.box .box-item:hover {
-  transform: translateY(-0.05rem);
-  box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.1);
-  border-color: #1f70ff;
-}
-.box .box-item .item-tit {
-  font-size: 0.26rem;
-  /* 修改为下方代码的字体大小 */
-  color: #000;
-  font-weight: bold;
-  margin-bottom: 0.1rem;
-}
-.box .box-item .item-detail {
-  color: #666;
-  font-size: 0.22rem;
-  /* 修改为下方代码的字体大小 */
-  margin: 0.15rem 0;
-  line-height: 1.4;
-  min-height: 0.4rem;
-}
-.box .box-item .item-desc {
-  color: #666;
-  background-color: #f8f9fa;
-  font-size: 0.2rem;
-  /* 修改为下方代码的字体大小 */
-  padding: 0.08rem 0.12rem;
-  border-radius: 0.1rem;
-  margin-bottom: 0.15rem;
-  border: 0.01rem solid #e9ecef;
-  min-height: 0.32rem;
-  display: flex;
-  align-items: center;
-}
-.box .box-item .item-btn {
-  width: 100%;
-  display: flex;
-  padding-top: 0.2rem;
-}
-.box .box-item .item-btn .btn {
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  border-radius: 0.04rem;
-  padding: 0.08rem 0;
-  width: calc(100% - 0.4rem);
-  text-align: center;
-  color: #fff;
-  font-size: 0.182rem;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  border: none;
-  position: absolute;
-  bottom: 0.2rem;
-}
-.box .box-item .item-btn .btn:hover {
-  background: linear-gradient(90deg, #0d5aff, #2a7aff);
-  transform: translateY(-0.02rem);
-  box-shadow: 0 0.04rem 0.1rem rgba(31, 112, 255, 0.3);
-}
-.search {
-  width: 100%;
-  margin: 0.3rem 0;
-  padding: 0 0.3rem;
-}
-.search .search-box {
-  display: flex;
-  justify-content: space-between;
-  background-color: #f8f9fa;
-  border-radius: 0.3rem;
-  overflow: hidden;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  border: 0.02rem solid #e9ecef;
-  box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.04);
-}
-.search .search-box:focus-within {
-  transform: translateY(-0.01rem);
-}
-.search .search-btn {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 18%;
-  color: #fff;
-  padding: 0.18rem 0;
-  background: linear-gradient(90deg, #1f70ff, #3a8cff);
-  border-bottom-right-radius: 0.3rem;
-  border-top-right-radius: 0.3rem;
-  font-size: 0.28rem;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  position: relative;
-  overflow: hidden;
-}
-.search .search-btn::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
-  transition: left 0.5s ease;
-}
-.search .search-btn:hover {
-  background: linear-gradient(90deg, #0d5aff, #2a7aff);
-  width: 20%;
-}
-.search .search-btn:hover::after {
-  left: 100%;
-}
-.search .search-btn:active {
-  background: linear-gradient(90deg, #0a50e6, #2575e6);
-  transform: scale(0.98);
-}
-.search .input {
-  flex: 1;
-  padding: 0.16rem 0;
-  padding-left: 0.25rem;
-  display: flex;
-  align-items: center;
-}
-.search .input input {
-  border: none;
-  outline: none;
-  background: none;
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  font-size: 0.26rem;
-  color: #333;
-  line-height: 1.4;
-}
-.search .input input::placeholder {
-  color: #adb5bd;
-  font-size: 0.24rem;
-  transition: color 0.3s ease;
-}
-.search .input input:focus::placeholder {
-  color: #868e96;
-}
-/* 为供应商容器和产品列表添加搜索状态样式 */
-.supplier-container {
-  transition: opacity 0.3s ease;
-}
-.box {
-  transition: transform 0.3s ease;
-}
-/* 当有搜索关键词时，调整一些元素的样式 */
-:global body.search-active .supplier-container {
-  opacity: 0.8;
-}
-:global body.search-active .box {
-  animation: searchResultAppear 0.4s ease;
-}
-@keyframes searchResultAppear {
-  0% {
-    opacity: 0;
-    transform: translateY(0.1rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-/* 响应式调整 */
-@media (max-width: 480px) {
-  .search {
-    padding: 0 0.2rem;
-    margin: 0.25rem 0;
-  }
-  .search .search-box {
-    border-radius: 0.25rem;
-  }
-  .search .search-btn {
-    font-size: 0.26rem;
-    padding: 0.16rem 0;
-  }
-  .search .input {
-    padding: 0.14rem 0;
-    padding-left: 0.2rem;
-  }
-  .search .input input {
-    font-size: 0.24rem;
-  }
-}

f/web-kboss/src/views/H5/less/cloud/cloud.less

@@ -1,312 +0,0 @@
-.top-tit {
-  display: flex;
-  justify-content: center;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  font-size: .39rem;
-  /* 增大30%: .3rem * 1.3 = .39rem */
-  font-weight: bold;
-  margin: .3rem 0;
-}
-
-.supplier-container {
-  display: flex;
-  flex-wrap: wrap;
-  /* 允许换行 */
-  padding: .2rem .22rem;
-  gap: .15rem;
-  /* 使用gap控制间距 */
-}
-
-.supplier {
-  flex-shrink: 0;
-  /* 防止收缩 */
-
-  .supplier-title {
-    font-size: .28rem;
-    /* 修改为下方代码的字体大小 */
-    color: #000;
-    padding: .12rem .2rem;
-    background-color: #f5f5f5;
-    border-radius: 0.12rem;
-    cursor: pointer;
-    transition: all 0.3s ease;
-
-    white-space: nowrap;
-    /* 防止文字换行 */
-
-    &:hover {
-      background-color: #e0e0e0;
-      transform: translateY(-0.02rem);
-      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    }
-
-    &.active {
-      background: linear-gradient(90deg, #275aff, #2ebdfa);
-      color: #fff;
-      box-shadow: 0 .04rem .12rem rgba(39, 90, 255, 0.3);
-      transform: translateY(-0.02rem);
-    }
-  }
-}
-
-.box {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding: 0 .3rem;
-
-  .box-item {
-    position: relative;
-    display: flex;
-    width: 48%;
-    flex-direction: column;
-    align-items: self-start;
-    border: .02rem solid #f0f0f0;
-    border-radius: .2rem;
-    padding: .15rem .2rem;
-    margin: .34rem 0;
-    transition: all 0.3s ease;
-    padding-bottom: .6rem;
-
-    &:hover {
-      transform: translateY(-0.05rem);
-      box-shadow: 0 .08rem .2rem rgba(0, 0, 0, 0.1);
-      border-color: #1f70ff;
-    }
-
-    .item-tit {
-      font-size: .26rem;
-      /* 修改为下方代码的字体大小 */
-      color: #000;
-      font-weight: bold;
-      margin-bottom: .1rem;
-    }
-
-    .item-detail {
-      color: #666;
-      font-size: .22rem;
-      /* 修改为下方代码的字体大小 */
-      margin: .15rem 0;
-      line-height: 1.4;
-      min-height: .4rem;
-      // 确保有最小高度
-    }
-
-    .item-desc {
-      color: #666;
-      background-color: #f8f9fa;
-      font-size: .2rem;
-      /* 修改为下方代码的字体大小 */
-      padding: .08rem .12rem;
-      border-radius: .1rem;
-      margin-bottom: .15rem;
-      border: .01rem solid #e9ecef;
-      min-height: .32rem;
-      // 确保有最小高度
-      display: flex;
-      align-items: center;
-    }
-
-    .item-btn {
-      width: 100%;
-      display: flex;
-      // justify-content: flex-end;
-      padding-top: .2rem;
-
-      .btn {
-        background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-        border-radius: 0.04rem;
-        // padding: 0.08rem ;
-        padding: .08rem 0;
-        width: calc(100% - 0.4rem);
-
-        text-align: center;
-        color: #fff;
-        font-size: 0.182rem;
-        cursor: pointer;
-        transition: all 0.3s ease;
-        border: none;
-        position: absolute;
-        bottom: 0.2rem;
-
-        &:hover {
-          background: linear-gradient(90deg, #0d5aff, #2a7aff);
-          transform: translateY(-0.02rem);
-          box-shadow: 0 .04rem .1rem rgba(31, 112, 255, 0.3);
-        }
-      }
-    }
-  }
-}
-
-.search {
-  width: 100%;
-  margin: .3rem 0;
-  padding: 0 .3rem;
-
-  .search-box {
-    display: flex;
-    justify-content: space-between;
-    background-color: #f8f9fa;
-    border-radius: .3rem;
-    overflow: hidden;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    border: .02rem solid #e9ecef;
-    box-shadow: 0 .02rem .06rem rgba(0, 0, 0, 0.04);
-
-    // &:hover {
-    //   border-color: #ced4da;
-    //   background-color: #fff;
-    //   box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.08);
-    // }
-
-    &:focus-within {
-      // border-color: #1f70ff;
-      // background-color: #fff;
-      // box-shadow: 0 .04rem .16rem rgba(31, 112, 255, 0.15);
-      transform: translateY(-0.01rem);
-    }
-  }
-
-  .search-btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 18%;
-    color: #fff;
-    padding: .18rem 0;
-    background: linear-gradient(90deg, #1f70ff, #3a8cff);
-    border-bottom-right-radius: .3rem;
-    border-top-right-radius: .3rem;
-    font-size: .28rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    position: relative;
-    overflow: hidden;
-
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: -100%;
-      width: 100%;
-      height: 100%;
-      background: linear-gradient(90deg,
-          rgba(255, 255, 255, 0) 0%,
-          rgba(255, 255, 255, 0.2) 50%,
-          rgba(255, 255, 255, 0) 100%);
-      transition: left 0.5s ease;
-    }
-
-    &:hover {
-      background: linear-gradient(90deg, #0d5aff, #2a7aff);
-      width: 20%;
-
-      &::after {
-        left: 100%;
-      }
-    }
-
-    &:active {
-      background: linear-gradient(90deg, #0a50e6, #2575e6);
-      transform: scale(0.98);
-    }
-  }
-
-  .input {
-    flex: 1;
-    padding: .16rem 0;
-    padding-left: .25rem;
-    display: flex;
-    align-items: center;
-
-    input {
-      border: none;
-      outline: none;
-      background: none;
-      padding: 0;
-      margin: 0;
-      width: 100%;
-      font-size: .26rem;
-      color: #333;
-      line-height: 1.4;
-
-      &::placeholder {
-        color: #adb5bd;
-        font-size: .24rem;
-        transition: color 0.3s ease;
-      }
-
-      &:focus {
-        &::placeholder {
-          color: #868e96;
-        }
-      }
-    }
-  }
-}
-
-/* 为供应商容器和产品列表添加搜索状态样式 */
-.supplier-container {
-  transition: opacity 0.3s ease;
-}
-
-.box {
-  transition: transform 0.3s ease;
-}
-
-/* 当有搜索关键词时，调整一些元素的样式 */
-:global {
-  body.search-active {
-    .supplier-container {
-      opacity: 0.8;
-    }
-
-    .box {
-      animation: searchResultAppear 0.4s ease;
-    }
-  }
-}
-
-@keyframes searchResultAppear {
-  0% {
-    opacity: 0;
-    transform: translateY(.1rem);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-/* 响应式调整 */
-@media (max-width: 480px) {
-  .search {
-    padding: 0 .2rem;
-    margin: .25rem 0;
-
-    .search-box {
-      border-radius: .25rem;
-    }
-
-    .search-btn {
-      font-size: .26rem;
-      padding: .16rem 0;
-    }
-
-    .input {
-      padding: .14rem 0;
-      padding-left: .2rem;
-
-      input {
-        font-size: .24rem;
-      }
-    }
-  }
-}

f/web-kboss/src/views/H5/less/dialog/index.css

@@ -1,503 +0,0 @@
-* {
-  touch-action: manipulation;
-  box-sizing: border-box;
-}
-::v-deep .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-input__inner,
-::v-deep .el-dialog__wrapper .el-dialog .el-dialog__body .el-textarea .el-input__inner,
-::v-deep .el-dialog__wrapper .el-dialog .el-dialog__body .el-input .el-textarea__inner,
-::v-deep .el-dialog__wrapper .el-dialog .el-dialog__body .el-textarea .el-textarea__inner {
-  touch-action: manipulation;
-  -webkit-tap-highlight-color: transparent;
-}
-.dialog-tit {
-  font-size: 0.4rem;
-  color: #333;
-  padding: 0.2rem 0 0.4rem;
-  border-bottom: 1px solid #f0f0f0;
-  margin-bottom: 0.4rem;
-}
-.dialog-tit .pc-tip {
-  display: flex;
-  align-items: center;
-  margin-bottom: 0.3rem;
-  color: #ff6b35;
-  font-weight: 500;
-}
-.dialog-tit .pc-tip i {
-  margin-right: 0.2rem;
-  font-size: 0.42rem;
-}
-.dialog-tit .pc-tip span {
-  font-size: 0.36rem;
-}
-.url_box {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 0.2rem;
-}
-.url-container {
-  display: flex;
-  align-items: center;
-  position: relative;
-  flex: 1;
-}
-.url-container .url {
-  display: inline-flex;
-  align-items: center;
-  color: #275aff;
-  text-decoration: none;
-  padding: 0.12rem 0.24rem;
-  border-radius: 0.24rem;
-  transition: all 0.3s ease;
-  cursor: pointer;
-  user-select: none;
-  border: 1px solid transparent;
-  background: #f5f7ff;
-  margin-left: 0.2rem;
-}
-.url-container .url:hover {
-  background-color: #e8edff;
-  border-color: #275aff;
-  transform: translateY(-0.04rem);
-  box-shadow: 0 0.08rem 0.32rem rgba(39, 90, 255, 0.15);
-}
-.url-container .url.copied {
-  background-color: #e1f3d8;
-  border-color: #67c23a;
-  color: #67c23a;
-}
-.url-container .url.copied:hover {
-  background-color: #d1edc4;
-  border-color: #5daf34;
-}
-.url-container .tooltip {
-  position: absolute;
-  bottom: 100%;
-  left: 50%;
-  transform: translateX(-50%) translateY(-0.16rem);
-  background-color: rgba(0, 0, 0, 0.85);
-  color: white;
-  font-size: 0.24rem;
-  padding: 0.08rem 0.16rem;
-  border-radius: 0.16rem;
-  white-space: nowrap;
-  z-index: 1000;
-  opacity: 0;
-  transition: opacity 0.2s, transform 0.2s;
-  pointer-events: none;
-}
-.url-container .tooltip::after {
-  content: '';
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0.08rem;
-  border-style: solid;
-  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
-}
-.url-container .tooltip.tooltip-visible {
-  opacity: 1;
-  transform: translateX(-50%) translateY(0);
-}
-.url_btn {
-  margin-left: 0.4rem;
-}
-.url_btn .copy-hint {
-  display: inline-block;
-  font-size: 0.26rem;
-  color: #000;
-  padding: 0.1rem 0.2rem;
-  border-radius: 0.12rem;
-  border: 1px solid #000;
-  transition: all 0.2s;
-  cursor: pointer;
-  user-select: none;
-  min-width: 1.2rem;
-  text-align: center;
-}
-.url_btn .copy-hint:hover {
-  color: #275aff;
-  border-color: #275aff;
-}
-.url.copied .url_btn .copy-hint {
-  color: #67c23a;
-  border-color: #67c23a;
-}
-.check-tit {
-  font-size: 0.16rem;
-  color: #666;
-  line-height: 1;
-  margin: 0.08rem 0;
-  font-weight: normal;
-}
-.check-tit span {
-  color: #275aff;
-  font-weight: 500;
-  margin: 0 0.04rem;
-}
-::v-deep .product-consult-dialog.el-dialog {
-  border-radius: 0.32rem;
-  overflow: hidden;
-  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.15);
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__header {
-  padding: 0.4rem 0.6rem 0.3rem;
-  border-bottom: 1px solid #f0f0f0;
-  background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
-  margin-bottom: 0;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__header .el-dialog__title {
-  font-size: 0.4rem;
-  font-weight: 600;
-  color: #1a1a1a;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
-  top: 0.4rem;
-  right: 0.4rem;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
-  font-size: 0.36rem;
-  color: #999;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover {
-  color: #275aff;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__body {
-  padding: 0.2rem 0.6rem;
-  max-height: 70vh;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__body.is-mobile-scroll {
-  touch-action: pan-y;
-}
-::v-deep .product-consult-dialog.el-dialog .el-dialog__footer {
-  padding: 0.4rem 0.6rem;
-  border-top: 1px solid #f0f0f0;
-  background: #fafbfc;
-}
-::v-deep .el-form .el-form-item {
-  margin-bottom: 0.4rem;
-}
-::v-deep .el-form .el-form-item .el-form-item__label {
-  padding-bottom: 0.12rem;
-  font-size: 0.32rem;
-  font-weight: 500;
-  color: #333;
-  line-height: 1.5;
-}
-::v-deep .el-form .el-form-item .el-input .el-input__inner,
-::v-deep .el-form .el-form-item .el-textarea .el-input__inner,
-::v-deep .el-form .el-form-item .el-input .el-textarea__inner,
-::v-deep .el-form .el-form-item .el-textarea .el-textarea__inner {
-  font-size: 0.32rem;
-  border: 1px solid #dcdfe6;
-  border-radius: 0.24rem;
-  transition: all 0.3s;
-  padding: 0.24rem 0.32rem;
-  color: #333;
-  touch-action: manipulation;
-  -webkit-tap-highlight-color: transparent;
-}
-::v-deep .el-form .el-form-item .el-input .el-input__inner:hover,
-::v-deep .el-form .el-form-item .el-textarea .el-input__inner:hover,
-::v-deep .el-form .el-form-item .el-input .el-textarea__inner:hover,
-::v-deep .el-form .el-form-item .el-textarea .el-textarea__inner:hover {
-  border-color: #c0c4cc;
-}
-::v-deep .el-form .el-form-item .el-input .el-input__inner:focus,
-::v-deep .el-form .el-form-item .el-textarea .el-input__inner:focus,
-::v-deep .el-form .el-form-item .el-input .el-textarea__inner:focus,
-::v-deep .el-form .el-form-item .el-textarea .el-textarea__inner:focus {
-  border-color: #275aff;
-  box-shadow: 0 0 0 0.04rem rgba(39, 90, 255, 0.1);
-}
-::v-deep .el-form .el-form-item .el-input .el-input__inner::placeholder,
-::v-deep .el-form .el-form-item .el-textarea .el-input__inner::placeholder,
-::v-deep .el-form .el-form-item .el-input .el-textarea__inner::placeholder,
-::v-deep .el-form .el-form-item .el-textarea .el-textarea__inner::placeholder {
-  color: #999;
-  font-size: 0.28rem;
-}
-::v-deep .el-form .el-form-item .el-textarea__inner {
-  min-height: 2.4rem;
-  line-height: 1.5;
-  resize: vertical;
-}
-::v-deep .el-form .el-form-item .el-radio {
-  margin-right: 0.6rem;
-}
-::v-deep .el-form .el-form-item .el-radio .el-radio__label {
-  font-size: 0.32rem;
-  color: #666;
-}
-::v-deep .el-form .el-form-item .el-radio .el-radio__inner {
-  width: 0.36rem;
-  height: 0.36rem;
-}
-::v-deep .el-form .el-form-item .el-radio .el-radio__inner::after {
-  width: 0.18rem;
-  height: 0.18rem;
-}
-.agreement-checkbox {
-  margin: 0.4rem 0 0.6rem;
-  display: flex;
-  align-items: center;
-  color: #666;
-  width: 100%;
-  overflow: visible;
-}
-.agreement-checkbox ::v-deep .el-checkbox {
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-}
-.agreement-checkbox ::v-deep .el-checkbox .el-checkbox__label {
-  color: #666;
-  padding-left: 0.16rem;
-  white-space: normal;
-  word-wrap: break-word;
-  word-break: break-word;
-  overflow-wrap: break-word;
-  width: calc(100% - 0.48rem);
-  font-size: 0.16rem;
-  line-height: 1.5;
-}
-.agreement-checkbox ::v-deep .el-checkbox .el-checkbox__label .agreement-text {
-  width: 100%;
-  font-size: 0.16rem;
-}
-.agreement-checkbox ::v-deep .el-checkbox .el-checkbox__label .agreement-text p {
-  margin: 0.08rem 0;
-}
-.agreement-checkbox ::v-deep .el-checkbox .el-checkbox__inner {
-  flex-shrink: 0;
-  width: 0.32rem;
-  height: 0.32rem;
-  border-radius: 0.08rem;
-  margin-top: 0.04rem;
-}
-.agreement-checkbox ::v-deep .el-checkbox .el-checkbox__inner::after {
-  border-width: 0.04rem;
-  left: 0.1rem;
-  top: 0.04rem;
-}
-.qrcode-section {
-  margin: 0.4rem 0 0.6rem;
-  padding: 0.4rem;
-  background: #f8f9ff;
-  border-radius: 0.32rem;
-  border: 1px solid #e8edff;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-}
-.qrcode-section img {
-  width: 3.2rem;
-  height: 3.2rem;
-  object-fit: contain;
-  margin-bottom: 0.4rem;
-  border-radius: 0.16rem;
-  box-shadow: 0 0.08rem 0.32rem rgba(0, 0, 0, 0.1);
-}
-.qrcode-section span {
-  font-size: 0.28rem;
-  color: #666;
-  line-height: 1.5;
-}
-.dialog-footer ::v-deep .el-button {
-  min-width: 2.4rem;
-  height: 0.88rem;
-  font-size: 0.32rem;
-  border-radius: 0.44rem;
-  padding: 0 0.8rem;
-  font-weight: 500;
-  border: none;
-  background: linear-gradient(135deg, #275aff 0%, #5a7dff 100%);
-  box-shadow: 0 0.08rem 0.32rem rgba(39, 90, 255, 0.3);
-  transition: all 0.3s;
-}
-.dialog-footer ::v-deep .el-button:hover {
-  transform: translateY(-0.04rem);
-  box-shadow: 0 0.16rem 0.48rem rgba(39, 90, 255, 0.4);
-}
-.dialog-footer ::v-deep .el-button:active {
-  transform: translateY(0);
-}
-.dialog-footer ::v-deep .el-button .el-icon-loading {
-  font-size: 0.32rem;
-}
-:deep(.el-message) {
-  font-size: 0.32rem !important;
-  min-width: auto !important;
-  padding: 0.24rem 0.4rem !important;
-  border-radius: 0.32rem !important;
-  box-shadow: 0 0.16rem 0.48rem rgba(0, 0, 0, 0.15) !important;
-  border: none !important;
-}
-:deep(.el-message__content) {
-  font-size: 0.32rem !important;
-  line-height: 1.5 !important;
-}
-@media screen and (max-width: 750px) {
-  .dialog-tit {
-    font-size: 0.32rem;
-    padding: 0.15rem 0 0.3rem;
-  }
-  .dialog-tit .pc-tip i {
-    font-size: 0.34rem;
-  }
-  .dialog-tit .pc-tip span {
-    font-size: 0.3rem;
-  }
-  .url_box {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 0.2rem;
-  }
-  .url-container {
-    width: 100%;
-    flex-direction: column;
-    align-items: flex-start;
-  }
-  .url-container .url {
-    width: 100%;
-    padding: 0.1rem 0.2rem;
-    font-size: 0.28rem;
-    margin: 0.1rem 0 0;
-    box-sizing: border-box;
-  }
-  .url_btn {
-    margin-left: 0;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-  }
-  .url_btn .copy-hint {
-    width: 100%;
-    max-width: 3rem;
-    font-size: 0.24rem;
-    padding: 0.12rem 0.24rem;
-    text-align: center;
-  }
-  .check-tit {
-    font-size: 0.16rem;
-    line-height: 1.6;
-    font-weight: 600;
-  }
-  ::v-deep .product-consult-dialog.el-dialog {
-    width: 90% !important;
-    margin-top: 10vh !important;
-    border-radius: 0.24rem;
-  }
-  ::v-deep .product-consult-dialog.el-dialog .el-dialog__header {
-    padding: 0.25rem 0.3rem 0.2rem;
-  }
-  ::v-deep .product-consult-dialog.el-dialog .el-dialog__header .el-dialog__title {
-    font-size: 0.34rem;
-  }
-  ::v-deep .product-consult-dialog.el-dialog .el-dialog__body {
-    padding: 0.2rem 0.3rem;
-    -webkit-overflow-scrolling: touch;
-    max-height: 60vh;
-  }
-  ::v-deep .product-consult-dialog.el-dialog .el-dialog__footer {
-    padding: 0.25rem 0.3rem;
-  }
-  ::v-deep .el-form .el-form-item {
-    margin-bottom: 0.3rem;
-  }
-  ::v-deep .el-form .el-form-item .el-form-item__label {
-    font-size: 0.28rem;
-  }
-  ::v-deep .el-form .el-form-item .el-input .el-input__inner,
-  ::v-deep .el-form .el-form-item .el-textarea .el-input__inner,
-  ::v-deep .el-form .el-form-item .el-input .el-textarea__inner,
-  ::v-deep .el-form .el-form-item .el-textarea .el-textarea__inner {
-    font-size: 0.28rem;
-    padding: 0.2rem 0.24rem;
-    -webkit-appearance: none;
-    appearance: none;
-  }
-  ::v-deep .el-form .el-form-item .el-radio .el-radio__label {
-    font-size: 0.28rem;
-  }
-  .agreement-checkbox {
-    margin: 0.3rem 0 0.4rem;
-  }
-  .agreement-checkbox ::v-deep .el-checkbox .el-checkbox__label {
-    font-size: 0.22rem !important;
-    padding-left: 0.12rem;
-    line-height: 1.6;
-  }
-  .agreement-checkbox ::v-deep .el-checkbox .el-checkbox__inner {
-    width: 0.28rem;
-    height: 0.28rem;
-    margin-top: 0.02rem;
-  }
-  .agreement-checkbox ::v-deep .el-checkbox .el-checkbox__inner::after {
-    left: 0.08rem;
-    top: 0.02rem;
-    border-width: 0.03rem;
-  }
-  .qrcode-section {
-    padding: 0.3rem;
-    margin: 0.3rem 0 0.4rem;
-  }
-  .qrcode-section img {
-    width: 2.4rem;
-    height: 2.4rem;
-    margin-bottom: 0.3rem;
-  }
-  .qrcode-section span {
-    font-size: 0.24rem;
-  }
-  .dialog-footer ::v-deep .el-button {
-    min-width: 100%;
-    height: 0.8rem;
-    font-size: 0.28rem;
-    padding: 0;
-    margin: 0;
-  }
-}
-@media screen and (min-width: 751px) and (max-width: 1200px) {
-  ::v-deep .product-consult-dialog.el-dialog {
-    width: 70% !important;
-  }
-  .agreement-checkbox ::v-deep .el-checkbox .el-checkbox__label {
-    font-size: 0.26rem !important;
-  }
-}
-@media screen and (max-width: 750px) {
-  .url,
-  .url_btn .copy-hint,
-  .el-checkbox__inner,
-  .el-radio__inner,
-  .el-button {
-    cursor: pointer;
-    -webkit-tap-highlight-color: transparent;
-  }
-  .el-input__inner,
-  .el-textarea__inner {
-    font-size: 16px !important;
-    -webkit-appearance: none;
-    appearance: none;
-  }
-  .product-consult-dialog {
-    pointer-events: auto !important;
-  }
-  .el-dialog__wrapper {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    overflow: hidden;
-  }
-  .el-dialog__wrapper.el-dialog__wrapper--fixed {
-    touch-action: none;
-  }
-}

f/web-kboss/src/views/H5/less/home/index.css

@@ -1,365 +0,0 @@
-.h5-container {
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  overflow: hidden;
-  position: relative;
-}
-.main {
-  flex: 1;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-  /* 为iOS添加平滑滚动 */
-}
-/* 页面切换动画 */
-.fade-enter-active,
-.fade-leave-active {
-  transition: all 0.3s ease;
-}
-.fade-enter-from {
-  opacity: 0;
-  transform: translateY(0.2rem);
-}
-.fade-leave-to {
-  opacity: 0;
-  transform: translateY(-0.2rem);
-}
-/* 返回顶部按钮样式 */
-.back-to-top {
-  position: fixed;
-  right: 0.4rem;
-  bottom: 1.5rem;
-  /* 在底部导航栏上方 */
-  z-index: 999;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 1.1rem;
-  height: 1.1rem;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-  border-radius: 50%;
-  box-shadow: 0 0.08rem 0.24rem rgba(102, 126, 234, 0.4);
-  cursor: pointer;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  user-select: none;
-  -webkit-tap-highlight-color: transparent;
-  /* 悬停效果 */
-  /* 激活效果 */
-  /* 点击动画 */
-}
-.back-to-top:hover {
-  transform: translateY(-0.1rem);
-  box-shadow: 0 0.12rem 0.36rem rgba(102, 126, 234, 0.6);
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-}
-.back-to-top:active {
-  transform: scale(0.95);
-}
-.back-to-top.clicked {
-  animation: pulse 0.3s ease;
-}
-.back-to-top .back-to-top-icon {
-  width: 0.45rem;
-  height: 0.45rem;
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 0.04rem;
-}
-.back-to-top .back-to-top-icon svg {
-  width: 100%;
-  height: 100%;
-  stroke: currentColor;
-  transition: transform 0.3s ease;
-}
-.back-to-top .back-to-top-text {
-  color: white;
-  font-size: 0.24rem;
-  font-weight: 500;
-  line-height: 1;
-  letter-spacing: 0.02rem;
-  text-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.2);
-}
-/* 脉冲动画 */
-@keyframes pulse {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(0.9);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-/* 返回顶部按钮动画 */
-.fade-scale-enter-active,
-.fade-scale-leave-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.fade-scale-enter-from,
-.fade-scale-leave-to {
-  opacity: 0;
-  transform: scale(0.8) translateY(0.2rem);
-}
-/* TabBar 样式 */
-.tabBar {
-  padding: 0.2rem 0;
-  background-color: rgba(255, 255, 255, 0.95);
-  width: 100%;
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: 1000;
-  box-shadow: 0 -0.02rem 0.2rem rgba(0, 0, 0, 0.08);
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
-  border-top: 1px solid rgba(0, 0, 0, 0.05);
-}
-.tabBar .tabBar-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  padding: 0.1rem 0.15rem;
-  border-radius: 0.3rem;
-  position: relative;
-  overflow: hidden;
-  user-select: none;
-  /* 悬停效果 */
-  /* 激活状态 */
-  /* 点击动画 */
-  /* 激活指示器 */
-}
-.tabBar .tabBar-item:hover {
-  background-color: rgba(24, 144, 255, 0.08);
-  transform: translateY(-0.05rem);
-}
-.tabBar .tabBar-item.active .item-text {
-  color: #1890ff;
-  font-weight: 600;
-}
-.tabBar .tabBar-item.click-animation {
-  animation: tabClick 0.3s ease;
-}
-.tabBar .tabBar-item .active-indicator {
-  position: absolute;
-  bottom: 0.05rem;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 0.3rem;
-  height: 0.04rem;
-  border-radius: 0.02rem;
-  animation: indicatorAppear 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-}
-.tabBar .item-img {
-  margin-bottom: 0.08rem;
-  position: relative;
-  width: 0.5rem;
-  height: 0.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.tabBar .item-img img {
-  width: 100%;
-  height: 100%;
-  display: block;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.tabBar .item-text {
-  font-size: 0.24rem;
-  color: #666;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  position: relative;
-  height: 0.3rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-/* 图标动画 */
-.icon-bounce-enter-active {
-  animation: iconBounceIn 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-}
-.icon-bounce-leave-active {
-  animation: iconBounceOut 0.3s ease;
-}
-@keyframes iconBounceIn {
-  0% {
-    opacity: 0;
-    transform: scale(0.3) rotate(-30deg);
-  }
-  50% {
-    transform: scale(1.2) rotate(10deg);
-  }
-  70% {
-    transform: scale(0.9) rotate(-5deg);
-  }
-  100% {
-    opacity: 1;
-    transform: scale(1) rotate(0deg);
-  }
-}
-@keyframes iconBounceOut {
-  0% {
-    opacity: 1;
-    transform: scale(1) rotate(0deg);
-  }
-  100% {
-    opacity: 0;
-    transform: scale(0.5) rotate(30deg);
-  }
-}
-/* 文字动画 */
-.text-slide-enter-active {
-  animation: textSlideIn 0.3s ease-out;
-}
-.text-slide-leave-active {
-  animation: textSlideOut 0.2s ease-in;
-}
-@keyframes textSlideIn {
-  0% {
-    opacity: 0;
-    transform: translateY(0.1rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-@keyframes textSlideOut {
-  0% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-0.1rem);
-  }
-}
-/* Tab点击动画 */
-@keyframes tabClick {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(0.95);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-/* 指示器出现动画 */
-@keyframes indicatorAppear {
-  0% {
-    opacity: 0;
-    transform: translateX(-50%) scaleX(0);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(-50%) scaleX(1);
-  }
-}
-/* 响应式调整 */
-@media (max-width: 480px) {
-  .back-to-top {
-    right: 0.3rem;
-    bottom: 1.6rem;
-    width: 1rem;
-    height: 1rem;
-  }
-  .back-to-top .back-to-top-icon {
-    width: 0.4rem;
-    height: 0.4rem;
-    margin-bottom: 0.03rem;
-  }
-  .back-to-top .back-to-top-text {
-    font-size: 0.22rem;
-  }
-  .tabBar {
-    padding: 0.15rem 0;
-  }
-  .tabBar .tabBar-item {
-    padding: 0.08rem 0.12rem;
-  }
-  .tabBar .item-img {
-    width: 0.45rem;
-    height: 0.45rem;
-  }
-  .tabBar .item-text {
-    font-size: 0.22rem;
-  }
-}
-@media (min-width: 768px) {
-  .back-to-top {
-    right: 0.5rem;
-    bottom: 2rem;
-    width: 1.2rem;
-    height: 1.2rem;
-  }
-  .back-to-top .back-to-top-icon {
-    width: 0.5rem;
-    height: 0.5rem;
-    margin-bottom: 0.05rem;
-  }
-  .back-to-top .back-to-top-text {
-    font-size: 0.26rem;
-  }
-}
-/* 深色模式支持 */
-@media (prefers-color-scheme: dark) {
-  .back-to-top {
-    background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-    box-shadow: 0 0.08rem 0.24rem rgba(138, 43, 226, 0.4);
-  }
-  .back-to-top:hover {
-    background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
-    box-shadow: 0 0.12rem 0.36rem rgba(138, 43, 226, 0.6);
-  }
-  .tabBar {
-    background-color: rgba(30, 30, 30, 0.95);
-    border-top: 1px solid rgba(255, 255, 255, 0.05);
-  }
-  .tabBar .tabBar-item .item-text {
-    color: #b0b0b0;
-  }
-  .tabBar .tabBar-item:hover {
-    background-color: rgba(100, 181, 246, 0.08);
-  }
-  .tabBar .tabBar-item.active .item-text {
-    color: #64b5f6;
-  }
-  .tabBar .tabBar-item.active .active-indicator {
-    background: linear-gradient(90deg, #64b5f6, #81c784);
-  }
-}
-/* 安全区域适配（iPhone X及以上机型） */
-@supports (padding: max(0px)) {
-  .back-to-top {
-    bottom: calc(1.5rem + env(safe-area-inset-bottom, 0));
-  }
-  .tabBar {
-    padding-bottom: calc(0.2rem + env(safe-area-inset-bottom, 0));
-  }
-  @media (max-width: 480px) {
-    .back-to-top {
-      bottom: calc(1.6rem + env(safe-area-inset-bottom, 0));
-    }
-    .tabBar {
-      padding-bottom: calc(0.15rem + env(safe-area-inset-bottom, 0));
-    }
-  }
-  @media (min-width: 768px) {
-    .back-to-top {
-      bottom: calc(2rem + env(safe-area-inset-bottom, 0));
-    }
-  }
-}

f/web-kboss/src/views/H5/less/home/index.less

@@ -10,9 +10,15 @@
   flex: 1;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
   /* 为iOS添加平滑滚动 */
 }
 
+.main::-webkit-scrollbar {
+  display: none;
+}
+
 /* 页面切换动画 */
 .fade-enter-active,
 .fade-leave-active {