ct/app/components/softwareDevelopment/MiniProgram/index.vue

<script lang="ts" setup>
// 组件不需要加载资源，由页面统一管理
</script>

<template>

  <view>


    <div class="developBack"/>

    <div class="developC1">
      <div class="developC1_next">
        <div class="title">
          <span>五大技术核心</span>
          <li>Five core technology</li>
          <li class="p1"/>
        </div>
        <ul>
          <li><img src="img/devel_web.png">
            <p>Web开发</p></li>
          <li><img src="img/devel_ios.png">
            <p>ios APP</p></li>
          <li><img src="img/devel_android.png">
            <p>android APP</p></li>
          <li><img src="img/devel_wx.png">
            <p>微信开发</p></li>
          <li><img src="img/devel_html5.png">
            <p>Html5开发</p></li>
        </ul>
      </div>
    </div>


    <div class="developC2">
      <div class="developC2_next">
        <div class="title">
          <span>七大保障</span>
          <li>Seven guarantee</li>
          <li class="p1"/>
        </div>
        <ul class="develop_qz">
          <li>平台系统是管理系统的一部分，在系统设计时尽可能照顾各方面的需要，在实现这些功能的时候，考虑下一步发展规划</li>
        </ul>
        <ul class="develop_aq">
          <li>有健全的安全防范措施，从硬件、软件以及行政管理等方面严格管理，保证产品源代码安全</li>
        </ul>
        <ul class="develop_sy">
          <li>打造高质量产品，对于各个场合都会有很强的实用性</li>
        </ul>

        <ul class="develop_kk">
          <li>在网络设计时关键部位有高可靠性设备，对于重要的网络节点采用先进的高可靠性技术</li>
        </ul>
        <ul class="develop_kf">
          <li>网络系统开放性要好，支持多网络协议</li>
        </ul>
        <ul class="develop_bz">
          <li>
            在网络设备和系统平台选型时，符合国际网络标准及工业标准，使系统的硬件环境、通信环境、软件环境相互间依赖减至最小，使其各自发挥自身优势
          </li>
        </ul>
        <ul class="develop_xj">
          <li>采用国际先进的互联网技术采用国际先进的网络技术模式采用国际先进的技术路线采用国际先进的体系结构</li>
        </ul>
      </div>
    </div>

  </view>
</template>

<style scoped>
/* 自定义动画效果 */
.hover\:shadow-lg:hover {
  transform: translateY(-2px);
}

/* 响应式字体大小 */
@media (max-width: 640px) {
  .text-4xl {
    font-size: 2rem;
  }

  .text-5xl {
    font-size: 2.5rem;
  }

  .text-6xl {
    font-size: 3rem;
  }
}
</style>