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

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

    <view class="dynamic_content" style="margin-bottom: 50rpx;">
      <view
        class=""
        style="color: #000; font-size: 21rpx; margin: 14rpx 0px 6rpx 0px"
      >
        海南国资运营签约一批数字经济前沿领域产业项目
      </view>

      <view style="margin: 0rpx 0rpx 6rpx 0rpx"> 发布于：2025-04-19 </view>

      <view class="r_flex_space" style="margin: 0rpx 0rpx 0rpx 0rpx">
        <view style="width: 48%; margin: 0px">
          在4月14日举办的2025年海南自由贸易港全球产业招商大会上，海南省国有资本运营有限公司（以下简称海南国资运营）成功签约6个聚焦数字经济前沿领域的产业项目，涵盖跨境数字经济、智算、国产信创等核心赛道，助力海南自贸港高新技术产业高质量发展。
          <br />
          <br />
          在当天上午举行的综合推介大会上，海南国资运营与中国广电集团签署了合作框架协议，双方共同推动微短剧内容出海、国际通信出入口局、智算网络及边缘计算等项目建设。这是海南国资运营贯彻落实省委、省政府“向数图强”战略布局的重要举措。
        </view>
        <img
          src="/static/web/Slice 18@2x.png"
          style="width: 48%; margin: 0px"
        />
      </view>

      <view class="r_flex_space" style="margin: 40rpx 0rpx 20rpx 0rpx">
        <img
          src="/static/web/Slice 18@2x.png"
          style="width: 48%; margin: 0px"
        />

        <view style="width: 48%; margin: 0px">
          海南国资运营作为省级层面承担国有资本运作重任的关键主体，自2024年6月挂牌成立以来，在省国资委、省工业和信息化厅等部门支持下，将发展数字经济作为核心战略方向，高站位全力培育发展新质生产力。此前全国首家跨境数据产业园——海南省跨境数据信息产业园落地、海南算力集团的组建以及海南信创科技公司的成立，均是其在数字经济领域战略布局的重要“先行棋”。
          <br />
          海南国资运营党委副书记、总经理陈仕杰表示，海南国资运营将按照省国资委要求，持续加大在数字经济前沿战略产业和自贸港重点建设领域的投资，充分发挥省属国资国企在自贸港建设中的主力军和战略支撑作用，切实落实省委、省政府关于发展数字经济、推动自贸港高新技术产业发展的部署。
          <br />
        </view>
      </view>

      <view class="item_new r_flex_space">
        <view>
          <view class="p1">
            海南国际数据综合服务专区新一批“跨境加速”业务落地
          </view>
          <view class="time1"> 发布于：2025-04-09 </view>
          <view class="text1">
            南海网4月8日消息（记者 姚皓 通讯员
            羊丽悦）近日，由海南省国际数据综合服务中心打造的国际数据综合服务专区成功落地一批“跨境加速”业务，标志着海南自贸港数据跨境服务体系进一步完善，为构建开放型数字经济创新高地按下快进键。
          </view>
        </view>
        <img
          src="/static/web/Slice 20@2x.png"
          style="width: 203rpx; margin: 0px"
        />
      </view>

      <view class="item_new r_flex_space">
        <view>
          <view class="p1"> 国产智算芯片采购项目评审结果的公告 </view>
          <view class="time1"> 发布于：2025-04-09 </view>
          <view class="text1">
            一、项目标题及名称 国产智算芯片采购项目招标代理机构比选
             二、评审信息 （一）评审时间：2025年4月3日17点30分（二）评审地点：海口市海口市美兰区国兴大道5号海南大厦46楼会议室 三、采购评审结果国产智算芯片采购项目招标代理机构比选
          </view>
        </view>
        <img
          src="/static/web/Slice 21@2x.png"
          style="width: 203rpx; margin: 0px"
        />
      </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>
#dynamic {
  .dynamic_content {
    margin: 0 36rpx;
    text-align: left;
    font-size: 13rpx;
    color: #898888;
  }

  .item_new {
    padding-top: 20rpx;
    padding-bottom: 10rpx;
    border-top: 1px solid #dcdee0;
    .p1 {
      font-size: 17rpx;
      color: #343b47;
    }
    .time1 {
      font-weight: 300;
      font-size: 11rpx;
      color: #9ca1a8;
      margin: 9rpx 0rpx 10rpx;
    }
    .text1 {
      font-weight: 300;
      font-size: 13rpx;
      color: #6c717a;
      padding-right: 30rpx;
    }
  }

  .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>