WindowBird/ct
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
8e97235d1b
ct/app/components/about/aboutUs.vue

259 lines
13 KiB
Vue
Raw Normal View History

about页面添加
2025-10-07 10:12:59 +08:00
<script lang="ts" setup>
图像覆盖
2025-10-09 10:01:56 +08:00
import {onMounted} from "vue";
about页面添加
2025-10-07 10:12:59 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
onMounted(() => {
// 加载CSS样式文件
loadCSSFiles()
about页面添加
2025-10-07 10:12:59 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
// 加载JavaScript文件
loadJSFiles()
})
关于我们页面添加二维码
2025-10-07 10:35:34 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
const loadJSFiles = () => {
const jsFiles = [
'/js/bootstrap.min.js',
'/js/gopcOm.js',
'/js/index.js',
'/js/jquery-1.10.2.js',
'/js/news.js',
关于我们页面添加二维码
2025-10-07 10:35:34 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
]
about页面添加
2025-10-07 10:12:59 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
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)
}
})
}
about页面添加
2025-10-07 10:12:59 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
const loadCSSFiles = () => {
const cssFiles = [
'/css/bootstrap.min.css',
'/css/main2.css',
'/css/about2019.css',
about页面添加
2025-10-07 10:12:59 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
'/css/yuxi2019.css'
]
about页面添加
2025-10-07 10:12:59 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
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>
about页面添加
2025-10-07 10:12:59 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
<template>
about页面添加
2025-10-07 10:12:59 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
<view>
<!-- <nav class="navbar navbar-default navbar-fixed-top">-->
<!-- <div class="container wid-72">-->
<!-- &lt;!&ndash; Brand and toggle get grouped for better mobile display &ndash;&gt;-->
<!-- <div class="navbar-header">-->
<!-- <button-->
<!-- aria-expanded="false" class="navbar-toggle collapsed" data-target="#mynav" data-toggle="collapse"-->
<!-- type="button">-->
<!-- <span class="sr-only"/>-->
<!-- <span class="icon-bar"/>-->
<!-- <span class="icon-bar"/>-->
<!-- <span class="icon-bar"/>-->
<!-- </button>-->
<!-- <a class="navbar-brand" href="index.html"><img-->
<!-- class="img-responsive"-->
<!-- src="/img/img/yuxiupdata/logo.png"><span>万物互联 智启未来</span></a>-->
<!-- </div>-->
<!-- &lt;!&ndash; Collect the nav links, forms, and other content for toggling &ndash;&gt;-->
<!-- <div id="mynav" class="collapse navbar-collapse">-->
<!-- <ul class="nav navbar-nav navbar-right">-->
<!-- <li class="hidden-xs hidden-sm hidden-md"><a href="index.html">首页</a></li>-->
<!-- &lt;!&ndash; <span class="sr-only">(current)</span> &ndash;&gt;-->
<!-- <li class="dropdown">-->
<!-- <a data-toggle="dropdown" role="button">共享解决方案<span class="caret"/></a>-->
<!-- <div class="dropdown-menu">-->
<!-- <div class="pull-left col-xs-8 col-sm-6">-->
<!-- <img-->
<!-- alt="共享单车" class="img-responsive" src="/img/img/yuxiupdata/mune-1.png"-->
<!-- style="display: block;">-->
<!-- <img alt="景区共享电动车" class="img-responsive" src="/img/img/yuxiupdata/mune-2.png">-->
<!-- <img alt="共享滑板车" class="img-responsive" src="/img/img/yuxiupdata/mune-3.png">-->
<!-- <img alt="共享陪护床" class="img-responsive" src="/img/img/yuxiupdata/mune-4.png">-->
<!-- <img alt="共享电动车" class="img-responsive" src="/img/img/yuxiupdata/mune-5.png">-->
<!-- <img alt="共享充电宝" class="img-responsive" src="/img/img/yuxiupdata/mune-6.png">-->
<!-- </div>-->
<!-- <ul class="pull-right col-xs-4 col-sm-6">-->
<!-- <li>-->
<!-- <a href="http://bike.yuxiit.com/" target="_blank">共享单车-->
<!-- <p>一种新型环保共享经济，最大化的利用了公共道路通过率</p>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li id="gopcOm" style="cursor: pointer;">-->
<!-- <a>景区共享电动车-->
<!-- <p>有助于缓解交通堵塞，以及公路的磨损，减少空气污染，降低对能量的依赖性</p>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li><a href="scooter.html">共享滑板车<p>新的共享出行方式，轻便省力</p></a></li>-->
<!-- <li><a href="sharedbed.html">共享陪护床<p>立足医院民生需求而诞生，解决医患家属的休息问题</p>-->
<!-- </a></li>-->
<!-- <li><a href="Ebike.html">共享电动车<p>通过扫码开锁，循环共享</p></a></li>-->
<!-- <li><a href="sharabank.html">共享充电宝<p>-->
<!-- 企业提供的充电租赁设备，用户扫码取出后即可使用，用完后就近归还</p></a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li class="dropdown">-->
<!-- <a data-toggle="dropdown" role="button">行业解决方案 <span class="caret"/></a>-->
<!-- <div class="dropdown-menu">-->
<!-- <div class="pull-left col-xs-8 col-sm-6">-->
<!-- &lt;!&ndash; <img class="img-responsive" src="/img/img/yuxiupdata/mune-7.png" alt="智慧餐饮"-->
<!-- style="display: block;">-->
<!-- <img class="img-responsive" src="/img/img/yuxiupdata/mune-8.png" alt="智慧公寓"> &ndash;&gt;-->
<!-- <img alt="智能电动车" class="img-responsive" src="/img/img/yuxiupdata/mune-12.png">-->
<!-- <img alt="智能换电柜" class="img-responsive" src="/img/img/yuxiupdata/mune-16.png">-->
<!-- </div>-->
<!-- <ul class="pull-right col-xs-4 col-sm-6">-->
<!-- &lt;!&ndash; <li><a class="menu-group" href="http://tianmei.yuxiit.com/" target="_blank">智慧餐饮<p>-->
<!-- 基于物联网和云计算技术为餐饮店量身打造的智能管理系统</p></a></li>-->
<!-- <li><a href="http://hx.yuxiit.com/" target="_blank">智慧公寓<p>-->
<!-- 集多种设备操控,场景定制,产品于一体,让顾客在公寓体验到更舒适,更便捷,更个性化的服务</p></a></li> &ndash;&gt;-->
<!-- <li><a href="Internet_Things_ElectCar.html">智能电动车<p>-->
<!-- 打造智能电动车时代!方便用户的出行,让骑车出行便捷</p></a>-->
<!-- </li>-->
<!-- <li><a href="Internet_Things_cabinet.html">智能换电柜<p>-->
<!-- 智能换电柜系统以集中换电替代用户充电，解决国内超过3.5亿辆电动车的电池续航问题</p></a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li class="dropdown">-->
<!-- <a data-toggle="dropdown" role="button">软件应用开发<span class="caret"/></a>-->
<!-- <div class="dropdown-menu">-->
<!-- <div class="pull-left col-xs-8 col-sm-6">-->
<!-- <img-->
<!-- alt="微信开发" class="img-responsive" src="/img/img/yuxiupdata/mune-9.png"-->
<!-- style="display: block;">-->
<!-- <img alt="APP开发" class="img-responsive" src="/img/img/yuxiupdata/mune-10.png">-->
<!-- <img alt="小程序开发" class="img-responsive" src="/img/img/yuxiupdata/mune-11.png">-->
<!-- </div>-->
<!-- <ul class="pull-right col-xs-4 col-sm-6">-->
<!-- <li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发<p>-->
<!-- 定制开发可使您的微信公众平台更突出价值</p>-->
<!-- </a></li>-->
<!-- <li><a href="UI-s.html">APP开发<p>-->
<!-- 小程序是一种新的开放能力,可以在微信内被便捷地获取和传播,同时具有出色的使用体验</p></a>-->
<!-- </li>-->
<!-- <li><a href="proDevelop.html">小程序开发<p>提供高效的APP开发、手机APP制作与APP管理等服务</p>-->
<!-- </a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li class="dropdown">-->
<!-- <a data-toggle="dropdown" role="button">物联网解决方案 <span class="caret"/></a>-->
<!-- <div class="dropdown-menu">-->
<!-- <div class="pull-left col-xs-8 col-sm-6">-->
<!-- <img-->
<!-- alt="物联网应用定制" class="img-responsive" src="/img/img/yuxiupdata/mune-15.png"-->
<!-- style="display: block;">-->
<!-- <img alt="物联网智能硬件" class="img-responsive" src="/img/img/yuxiupdata/mune-13.png">-->
<!-- <img alt="物联网IOT云平台" class="img-responsive" src="/img/img/yuxiupdata/mune-14.png">-->
<!-- </div>-->
<!-- <ul class="pull-right col-xs-4 col-sm-6">-->
<!-- <li><a href="Internet_Things.html">物联网应用定制<p>规范化的开发流程，实现产品快速落地</p>-->
<!-- </a></li>-->
<!-- <li><a href="Internet_Things_hardware.html">物联网智能硬件<p>-->
<!-- 支持定制，满足各类硬件场景需求</p></a></li>-->
<!-- <li><a href="Internet_Things_IOT.html">物联网IOT云平台<p>灵活、可靠、安全，有效降低成本</p></a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li class="hidden-xs hidden-sm hidden-md"><a href="about.html">关于创特 </a></li>-->
<!-- <li><a>0755-85225123</a></li>-->
<!-- <li class="hidden-xs hidden-sm"><a>18123752516</a></li>-->
<!-- <li class="hidden-xs hidden-sm hidden-md hidden-lg"/>-->
<!-- </ul>-->
<!-- </div>&lt;!&ndash; /.navbar-collapse &ndash;&gt;-->
<!-- </div>-->
<!-- </nav>-->
<!-- banner1 -->
<div class="container-fluid">
<div class="row ">
<div class="col-xs-12 about19-ban1">
<h2>关于我们</h2>
about页面添加
2025-10-07 10:12:59 +08:00
</div>
</div>
图像覆盖
2025-10-09 10:01:56 +08:00
</div>
about页面添加
2025-10-07 10:12:59 +08:00
关于我们页面添加二维码
2025-10-07 10:35:34 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
<!-- -->
<div class="container">
<div class="row ">
<div class="col-xs-12 about19-info1">
<h2>致力于构建万物互联的智慧世界</h2>
<span/>
<p>
深圳市创特科技有限公司成立于2014年，是一家专注于提供移动互联网+智能硬件的一体化解决方案提供商，全程聚焦共享经济、新零售等物联网产品，在智慧城市、医疗、教育、旅游、交通、智能家居等行业完成了几百个应用案例，积累了丰富的实践经验，并不断优化开发流程，提高产品质量，公司秉承对客户负责的原则，注重应用落地并积极跟进，主动解决售后问题，让客户能更好的着力于运营，助力客户快速发展，携手共赢。
关于我们页面添加二维码
2025-10-07 10:35:34 +08:00
</p>
</div>
</div>
图像覆盖
2025-10-09 10:01:56 +08:00
</div>
关于我们页面添加二维码
2025-10-07 10:35:34 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
<!-- banner2 -->
<div class="container-fluid">
<div class="row text-center">
<div class="col-xs-12 about19-ban2">
<h4>公司使命/愿景</h4>
<h2>万物互联 智启未来</h2>
关于我们页面添加二维码
2025-10-07 10:35:34 +08:00
</div>
</div>
图像覆盖
2025-10-09 10:01:56 +08:00
</div>
关于我们页面添加二维码
2025-10-07 10:35:34 +08:00
about页面添加
2025-10-07 10:12:59 +08:00
图像覆盖
2025-10-09 10:01:56 +08:00
<!-- -->
<div class="container">
<div class="row text-center">
<div class="col-xs-12 about19-info2">
<p>我们的专业团队将为您精心研发更专业的系统</p>
<img alt="联系我们" src="/img/img/img/qywx.png" style="width: 120px; margin-top: 20px;">
<!-- <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1829668236&site=qq&menu=yes">立即咨询</a> -->
<!-- <a target="_blank" href="http://p.qiao.baidu.com//im/index?siteid=8233756&amp;ucid=7539873"> -->
</div>
</div>
</div>
</view>
about页面添加
2025-10-07 10:12:59 +08:00
</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>
Reference in New Issue Copy Permalink