HNKDBOSS-WEB/hn-website/pages/web/product/index.vue

<template>
  <view id="home">
    <!-- 快捷导航 -->
    <webHeader />
    <img src="/static/web/Slice 12@2x.png" style="width: 100%; margin: 0px" />

    <view
      class="r_margin"
      style="text-align: center; font-size: 26rpx; margin: 14rpx 0px 37rpx 0px"
    >
      云服务
    </view>

    <view class="new_state r_flex_zy">
      <view class="new_left">
        <img src="/static/web/Slice 13@2x.png" />
      </view>
      <view class="new_right">
        <view
          class="new_p2 r_flex_space"
          style="font-size: 13rpx; width: 460rpx; color: #898888"
        >
          海南省跨境信息服务平台提供的云计算产品主要包括:<br />
          国际云节点资源:依托海南移动国际云节点，支持企业快速部署跨境应用，覆盖亚洲、欧洲及北美等地区，实现低延迟数据传输;
          <br />
          弹性计算与存储服务:基于云计算技术提供高可用、可扩展的分布式存储和计算资源适应电商促销等高并发场景!<br />
          智能数据分析工具:集成人工智能技术，支持用户行为分析、市场趋势预测及供应链优化，赋能精准决策:<br />
          跨境数据安全体系:构建全链路合规框架包含数据加密、访问控制及跨境传输安全审计，确保国际业务合规性;<br />
          一站式跨境通道服务:整合跨境加速、专通等解决方案，15个工作日内完成从质检核验到服务上线的全流程技术支持。<br />
        </view>
      </view>
    </view>

    <view
      class="r_margin"
      style="text-align: center; font-size: 26rpx; margin: 14rpx 0px 37rpx 0px"
    >
      网服务
    </view>

    <view class="r_flex_space fw_borer">
      <view class="fw_item">
        <view style="font-weight: 600; font-size: 11rpx; color: #0a1d2f"
          >跨境专用通道
        </view>
        <view
          style="
            font-weight: 600;
            font-size: 7rpx;
            color: #858ea0;
            margin-top: 4rpx;
          "
          >了解跨境专用通道
        </view>
      </view>

      <view class="fw_item">
        <view style="font-weight: 600; font-size: 11rpx; color: #0a1d2f">
          云网连接
        </view>
        <view
          style="
            font-weight: 600;
            font-size: 7rpx;
            color: #858ea0;
            margin-top: 4rpx;
          "
          >业务无断点，增长无上限——云网连接新生态</view
        >
      </view>

      <view class="fw_item">
        <view style="font-weight: 600; font-size: 11rpx; color: #0a1d2f">
          企业组网
        </view>
        <view
          style="
            font-weight: 600;
            font-size: 7rpx;
            color: #858ea0;
            margin-top: 4rpx;
          "
        >
          分支秒变总部，万物皆可入网</view
        >
      </view>
      <view class="fw_item">
        <view style="font-weight: 600; font-size: 11rpx; color: #0a1d2f"
          >零信任网络</view
        >
        <view
          style="
            font-weight: 600;
            font-size: 7rpx;
            color: #858ea0;
            margin-top: 4rpx;
          "
          >数字世界的免疫系统</view
        >
      </view>
    </view>

    <view class="new_state r_flex_zy">
      <view class="new_left">
        <img src="/static/web/Slice 14@2x.png" />
      </view>
      <view class="new_right">
        <view
          class="new_p2"
          style="font-size: 13rpx; width: 460rpx; color: #898888"
        >
          <view style="color: #898888; font-weight: bold">
            云网连接 <br />
            企业组网 <br />
            零信任网络 <br />
            跨境数据专用通道
          </view>
          海南省信息通信有限公司(海南信通)建设的跨境信息服务平台，提供以下本地网络优化的云网连接产品:<br />
          智能云网加速服务:基于SD-WAN技术为企业分支与公有云(AWS/Azure/阿里云等)建立直连通道，动态选择最优云入口(如海南本地云节点或国际骨干网节点)，降低访问SaaS应用、虚拟机等云资源的延迟:<br />
          多云互联架构:支持跨云厂商VPC互通，通过集成云防火墙、CASB等安全服务，实现多云资源的安全互访与数据加密传输，保障跨境业务合规性。<br />
        </view>
      </view>
    </view>

    <view
      class="r_margin"
      style="text-align: center; font-size: 26rpx; margin: 14rpx 0px 37rpx 0px"
    >
      算力服务
    </view>

    <view class="new_state r_flex_zy" style="margin-bottom: 50rpx;" >
      <view class="new_left">
        <img src="/static/web/Slice 15@2x.png" />
      </view>
      <view class="new_right">
        <view
          class="new_p2 r_flex_space"
          style="font-size: 13rpx; width: 460rpx; color: #898888"
        >
          海南省信息通信有限公司(海南信通)建设的跨境信息服务平台，提供以下国产信创算力服务产品:<br />
          全自主算力集群:基于国产芯片构建“一云多芯”架构，支持全栈国产化软硬件环境，实现跨境业务数据自主可控<br />
          信创适配服务:搭建信创公共服务平台，提供从芯片适配、系统迁移到应用验证的全流程测评服务，加速跨境企业完成国产化替代,<br />
          跨境算力加速:联合运营商构建高可靠网络通道，通过“跨境加速”技术提升国际数据传输效率，支撑跨境电商、离岸贸易等场景!<br />
          安全算力底座:集成数据加密与合规传输体系，满足跨境数据流动安全要求，保障信创算力服务全链路合规性<br />
        </view>
      </view>
    </view>



    <webFooter />
  </view>
</template>

<script>
import webHeader from "@/components/web-header";
import webFooter from "@/components/web-footer";
import storage from "@/utils/storage";
import store from "@/store/index";

export default {
  components: {
    webHeader,
    webFooter,
  },
  data() {
    return {};
  },
  computed: {
    appStore: () => store.getters.app,
    mesText: () => store.getters.app.verifymsg,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLaunch({ path, query, scene }) {
    console.log("empty - onLaunch");
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow(options) {},

  methods: {},
};
</script>

<style lang="scss" scoped>
#home {
  .empty_center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
  }
  .new_state {
    margin: 0px 50rpx;
  }
  .new_state {
    img {
      width: 162rpx;
      height: 205rpx;
    }
    color: #333;
  }
  .new_p4 {
    &:hover {
      text-decoration: underline;
    }
  }
  .home_lianxi {
    width: 750rpx;
    height: 178rpx;
    text-align: left;
    padding: 0rpx 75rpx;
    padding-bottom: 120rpx;
    padding-top: 40rpx;
    margin-top: 44rpx;
    position: relative;
    font-size: 26rpx;
    background-image: url("/static/web/Slice 10@2x.png");
    background-size: cover; /* 或 contain */
    // background-position-x: 50rpx;
    i {
      display: block;
      margin-right: 6rpx;
      margin-top: 2rpx;
      width: 3rpx;
      height: 3rpx;
      border-radius: 100%;
      background: #65676a;
    }
  }
  .fw_borer {
    margin: 0 80rpx;
    margin-bottom: 26rpx;
  }
  .fw_item {
    text-align: center;
  }
}
</style>