ct/app/pages/softwareDevelopment/MiniProgram.vue

<script lang="ts" setup>
import {onMounted} from "vue";

definePageMeta({
  layout: 'mini'
})

onMounted(() => {
  // 加载CSS样式文件
  loadCSSFiles()

  // 加载JavaScript文件
  loadJSFiles()
})

const loadJSFiles = () => {
  const jsFiles = [
    '/js/jquery-1.11.3.min.js',
    '/js/bootstrap.min.js',
    '/js/index.js',
    '/js/news.js',
    '/js/gopcOm.js'


  ]

  jsFiles.forEach(src => {
    // 检查是否已经加载过该JS文件
    const existingScript = document.querySelector(`script[src="${src}"]`)
    if (!existingScript) {
      const script = document.createElement('script')
      script.src = src
      script.type = 'text/javascript'
      document.head.appendChild(script)
    }
  })
}

const loadCSSFiles = () => {
  const cssFiles = [
    '/css/bootstrap.min.css',
    '/css/main2.css',
    '/css/about.css',
    '/css/computer_public.css',
    '/css/headORfooter.css',
    '/css/yuxi2019.css',
    '/css/Internet_Things.css',
  ]

  cssFiles.forEach(href => {
    // 检查是否已经加载过该CSS文件
    const existingLink = document.querySelector(`link[href="${href}"]`)
    if (!existingLink) {
      const link = document.createElement('link')
      link.rel = 'stylesheet'
      link.href = href
      link.type = 'text/css'
      document.head.appendChild(link)
    }
  })
}
</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>