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

<template>
  <view id="home">
    <!-- 快捷导航 -->
    <webHeader />
    <img
      class="fall-btt-in animate__bounce"
      src="/static/web/Slice 2@2x.png"
      style="width: 100%; margin: 0px"
    />
    <img
      class="transition-all duration-300 ease-in-out hover:scale-110"
      src="/static/web/Slice 3@2x.png"
      style="width: 633rpx; margin: 20px 0px 0px 77rpx"
    />
    <view
      class="animate__bounce"
      style="text-align: center; font-size: 26rpx; margin: 10rpx 0px 21rpx 0px"
    >
      最新动态
    </view>

    <view class="new_state r_flex_zy">
      <view class="new_left">
        <img src="/static/web/Slice 4@2x.png" />
      </view>
      <view class="new_right">
        <view
          class="new_p1 r_wzjc r_flex_space"
          style="font-size: 9rpx; width: 445rpx; margin-left: -5rpx"
        >
          <view>海南国资运营签约一批数字经济前沿领域产业项目</view>
          <view> 2025年04月16日 13:33</view>
        </view>

        <view
          class="new_p2 r_flex_space"
          style="
            font-size: 8rpx;
            width: 440rpx;
            color: #898888;
            margin-top: 2rpx;
          "
        >
          在4月14日举办的2025年海南自由贸易港全球产业招商大会上，海南省国有资本运营有限公司（以下简称海南国资运营）成功签约6个聚焦数字经济前沿领域的产业项目，涵盖跨境数字经济、智算、国产信创等核心赛道，助力海南自贸港高新技术产业高质量发展。
        </view>

        <view
          class="new_p2 r_flex_space"
          style="
            font-size: 8rpx;
            width: 440rpx;
            color: #898888;
            margin-top: 4rpx;
          "
        >
          <img
            src="/static/web/Slice 5@2x.png"
            style="width: 190rpx; height: 128.19rpx; margin: 0px 0px 0px 0px"
          />
          <img
            src="/static/web/Slice 5@2x.png"
            style="width: 190rpx; height: 128.19rpx; margin: 0px 0px 0px 0px"
          />
        </view>

        <view
          class="new_p4 r_flex_space r_cursor"
          style="
            font-weight: 600;
            font-size: 8rpx;
            color: #0b6aeb;
            margin-top: 12rpx;
          "
        >
          <view></view>
          <view>查看更多》</view>
        </view>
      </view>
    </view>

    <view
      class="r_margin"
      style="text-align: center; font-size: 26rpx; margin: 10rpx 0px 21rpx 0px"
    >
      产品与服务
    </view>

    <view class="cpyfw flex" style="width: 100%">
      <img
        class="r_cursor"
        src="/static/web/Slice 7@2x.png"
        style="width: 251.06rpx; height: 212.77rpx; margin: 1rpx"
      />
      <img
        class="r_cursor"
        src="/static/web/Slice 8@2x.png"
        style="width: 251.06rpx; height: 212.77rpx; margin: 1rpx"
      />

      <img
        class="r_cursor"
        src="/static/web/Slice 9@2x.png"
        style="width: 251.06rpx; height: 212.77rpx; margin: 1rpx"
      />
    </view>

    <view
      class="r_margin"
      style="text-align: center; font-size: 26rpx; margin: 10rpx 0px 21rpx 0px"
    >
      关于我们
    </view>

    <view
      style="
        width: 562rpx;
        font-family: PingFang SC, PingFang SC;
        font-weight: 300;
        font-size: 13rpx;
        margin: 0 auto;
        color: #898888;
      "
    >
      海南省信息通信有限公司（以下简称海南信通）成立于2023年4月13日，注册资本金1亿元人民币，是海南省国资委控股的省属通信企业。公司专注于新型数字信息基础设施投资、建设和运营，通过引入新技术，设计新网络，探索新模式，致力于成为跨境“数据安全有序流动”先行先试的排头兵和主力军。充分借鉴上海等地经验，在总体规划、资质申请、业务布局、人才培养方面多维发力，聚焦主业发展，把握发展契机，为实现跨境“数据安全有序流动”提供系统安全保障。海南信通通过赋能电信运营商、大数据运营商、智能算力服务商，为商业客户提供与通信、数据和智算相关的增值服务。海南信通秉承着“包容并蓄、合作共赢”的经营理念，“客户至上、质量第一”的服务态度，“关心客户、关怀伙伴、关爱员工、回馈社会”的核心价值观，助力商业客户实现信息化、数字化转型，逐步成长为服务全球的算力和网络运营商。
    </view>

    <img
      src="/static/web/Slice 10@2x.png"
      style="width: 100%; margin: 100rpx 0rpx 50rpx 0rpx"
    />

    <view
      class="r_flex_zy home_lianxi"
      style="text-align: left; font-size: 26rpx"
    >
      <view style="width: 329rpx">
        <view
          style="color: #333; font-size: 13rpx; margin-bottom: 14rpx"
          class="r_wzjc"
          >联系我们
        </view>
        <view style="color: #65676a; font-size: 12rpx" class=""
          >欢迎任何形式的媒体与商务合作<br />
          24小时客服电话：0898—65366726<br />
          企业邮箱：yangying@hninfornet.com<br />
          联系地址：海南省海口市美兰区国兴大道5号海南大厦46层
        </view>
      </view>
      <view style="width: 177rpx">
        <view
          style="color: #333; font-size: 12rpx; margin-bottom: 14rpx"
          class="r_wzjc"
          >增值电信业务经营许可证
        </view>
        <view style="color: #65676a; font-size: 12rpx" class="">
          <view class="r_flex_align"><i></i> 编号：A2.B1.B2-20235652</view>
          <view class="r_flex_align"><i></i> 编号：A2.B1.B2-20235652</view>
        </view>
      </view>
    </view>

    <webFooter :bottom="false" />
  </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>
@import url("../../../components/transition-min/transition.min.css");

#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 {
    text-align: left;
    margin: 0rpx 75rpx;
    padding-bottom: 120rpx;
    i {
      display: block;
      margin-right: 6rpx;
      margin-top: 2rpx;
      width: 3rpx;
      height: 3rpx;
      border-radius: 100%;
      background: #65676a;
    }
  }
}
</style>