文件添加
This commit is contained in:
WindowBird
parent
1b488a24f7
commit
9e7652dc78
|
|
@ -113,7 +113,6 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import {onMounted} from "vue";
|
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
// 加载CSS样式文件
|
// 加载CSS样式文件
|
||||||
|
|
@ -128,6 +127,7 @@ const loadJSFiles = () => {
|
||||||
'/js/jquery-1.10.2.js',
|
'/js/jquery-1.10.2.js',
|
||||||
'/js/bootstrap.min.js',
|
'/js/bootstrap.min.js',
|
||||||
'/js/index.js',
|
'/js/index.js',
|
||||||
|
|
||||||
'/js/gopcOm.js'
|
'/js/gopcOm.js'
|
||||||
]
|
]
|
||||||
|
|
||||||
|
|
@ -147,7 +147,8 @@ const loadCSSFiles = () => {
|
||||||
const cssFiles = [
|
const cssFiles = [
|
||||||
'/css/bootstrap.min.css',
|
'/css/bootstrap.min.css',
|
||||||
'/css/main2.css',
|
'/css/main2.css',
|
||||||
'/css/yuxi2019.css',
|
|
||||||
|
'/css/yuxi2019.css'
|
||||||
]
|
]
|
||||||
|
|
||||||
cssFiles.forEach(href => {
|
cssFiles.forEach(href => {
|
||||||
|
|
@ -162,6 +163,7 @@ const loadCSSFiles = () => {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
|
||||||
|
|
@ -1,442 +1,274 @@
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
|
import {onMounted, ref} from "vue";
|
||||||
|
|
||||||
// 文章头部信息
|
// definePageMeta({
|
||||||
const articleHeader = {
|
// layout: 'no-new'
|
||||||
title: '共享烘干机APP方案开发与制作',
|
// })
|
||||||
date: '2019年05月22日 15:36',
|
|
||||||
category: '共享解决方案'
|
|
||||||
}
|
|
||||||
|
|
||||||
// 文章主要内容
|
|
||||||
const articleContent = {
|
// 文章数据
|
||||||
headline: '共享干衣机方案开发',
|
const articleData = ref({
|
||||||
description: '解决用户出差旅行时衣服换洗烘干、衣服消毒去味、衣服熨烫等问题，使出行更加方便和快捷，让出差更简单。',
|
title: '玉犀景区SaaS平台 打造专业景区共享出行综合解决方案',
|
||||||
heroImage: {
|
publishDate: '2025年07月08日 12:40',
|
||||||
src: 'https://picsum.photos/600/400?random=shared-dryer',
|
category: '景区共享电动车',
|
||||||
alt: '共享干衣机',
|
content: `
|
||||||
overlayText: '方案开发'
|
<p class="MsoNormal">
|
||||||
|
<span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;mso-font-kerning:1.0000pt;">
|
||||||
|
<font face="宋体">想必有很多游客深有感触，在偌大景区实在走不动</font><font face="Calibri">?</font><font face="宋体">有老又有小，想坐观光车又要排队等待</font><font face="Calibri">?</font><font face="宋体">现在，一辆共享扫码代步观光车就能解决游客烦恼。用户只需用手机扫码，即可解锁一辆共享观光车。游客通过玉犀景区</font><font face="Calibri">SaaS</font><font face="宋体">智慧出行平台的微信、支付宝小程序扫码进入充值使用，按时计费付费并实时退费，快速完成扫、用、停、还等操作，让游客安心享受便捷、无感的共享出行服务。</font>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p class="MsoNormal">
|
||||||
|
<img src="/news/car_model-6.png" alt="设备" style="float: none;">
|
||||||
|
</p>
|
||||||
|
<p class="MsoNormal">
|
||||||
|
<span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;mso-font-kerning:1.0000pt;">
|
||||||
|
<font face="宋体">玉犀景区</font><font face="Calibri">SaaS</font><font face="宋体">智慧出行平台通过"场、车、人"三大核心要素，以"为游客提供出行便利""为景区实现增值创收"为两大核心目标，实现了基于物联网硬件、云端软件系统为主体的出行解决方案，通过运营服务、运维服务、数据统计等核心模块为业务赋能。</font>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p class="MsoNormal">
|
||||||
|
<span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;mso-font-kerning:1.0000pt;">
|
||||||
|
近几年来，玉犀科技研发的共享扫码代步车持续向景区渗透应用，游客扫码用车订单量增多，景区管理方不但可通过管理后台实时查看订单详情、统计分析营运情况的需求还能够为客户提供涵盖应用中心、会员管理、协议管理、订单管理、账户管理等丰富功能的一站式服务，方便客户随时随地搜索并查看车辆订单详情，统计订单数据。除此之外，还可查询使用车辆的支付流水和退款状态，付款信息、营收情况等一键清晰，辅助客户进行针对性的运营管理，进而为游客提供更智慧、便捷的服务。
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p class="MsoNormal">
|
||||||
|
<span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;mso-font-kerning:1.0000pt;">
|
||||||
|
接下来，玉犀科技也将高效、智能的共享出行解决方案推广至更广阔的场景，助力景区旅游服务快速发展。
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
`,
|
||||||
|
prevArticle: {
|
||||||
|
title: '景区共享自行车运营方案都有哪些？',
|
||||||
|
url: 'http://www.yuxiit.com/news/news_407.html'
|
||||||
},
|
},
|
||||||
paragraphs: [
|
nextArticle: {
|
||||||
'根据中国酒店行业市场报告调查显示，随着旅游业的快速发展，酒店行业也迎来了新的发展机遇。共享经济模式在酒店行业的应用越来越广泛，从共享酒店到共享空气净化器，再到共享烘干机，各种共享项目层出不穷。',
|
title: '暂时没有了',
|
||||||
'共享烘干机解决的痛点主要是酒店住宿人群的一个共享烦恼。在酒店住宿时，衣服洗完后很难快速晾干，特别是在潮湿的天气或者没有阳台的房间。共享烘干机通过手机扫码支付，提供便捷、快速、卫生的烘干服务，让用户在旅途中也能轻松处理衣物问题。'
|
url: '#'
|
||||||
],
|
|
||||||
tags: [
|
|
||||||
'共享烘干机方案开发',
|
|
||||||
'共享自助干衣机软件硬件方案'
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
|
})
|
||||||
|
|
||||||
// 热门标签
|
// 热门标签
|
||||||
const popularTags = [
|
const hotTags = ref([
|
||||||
'景区单车',
|
'景区单车', '政务平台', '共享经济', '共享汽车APP开发', '共享类',
|
||||||
'政务平台',
|
'共享汽车软件开发', '共享雨伞APP开发', '共享雨伞软件开发', '共享货车开发'
|
||||||
'共享经济',
|
])
|
||||||
'共享汽车APP开发',
|
|
||||||
'共享雨伞APP开发',
|
// 推荐文章数据
|
||||||
'共享充电宝APP开发',
|
const recommendedArticles = ref({
|
||||||
'共享按摩椅APP开发',
|
solutions: [
|
||||||
'共享洗衣机APP开发',
|
{
|
||||||
'共享烘干机APP开发'
|
title: '玉犀景区SaaS平台 打造专业景区共享出行综合解决方案',
|
||||||
|
date: '2025-07-08',
|
||||||
|
url: 'http://www.yuxiit.com/news/news_437.html'
|
||||||
|
},
|
||||||
|
{title: '景区共享自行车运营方案都有哪些？', date: '2023-05-12', url: 'http://www.yuxiit.com/news/news_407.html'},
|
||||||
|
{
|
||||||
|
title: '为什么说景区共享代步车的未来发展空间巨大？',
|
||||||
|
date: '2023-05-08',
|
||||||
|
url: 'http://www.yuxiit.com/news/news_401.html'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '景区共享单车具备什么功能特点和收费标准？',
|
||||||
|
date: '2023-04-14',
|
||||||
|
url: 'http://www.yuxiit.com/news/news_394.html'
|
||||||
|
},
|
||||||
|
{title: '新冠疫情成为共享电单车行业新契机！', date: '2020-09-08', url: 'http://www.yuxiit.com/news/news_300.html'}
|
||||||
|
],
|
||||||
|
knowledge: [
|
||||||
|
{
|
||||||
|
title: '共享电动车为何能在共享经济中独树一帜？',
|
||||||
|
date: '2023-06-29',
|
||||||
|
url: 'http://www.yuxiit.com/news/news_426.html'
|
||||||
|
},
|
||||||
|
{title: '共享经济项目为何能受到大众的青睐？', date: '2023-05-16', url: 'http://www.yuxiit.com/news/news_409.html'},
|
||||||
|
{title: '景区共享智能代步车运营方案有哪些？', date: '2023-05-10', url: 'http://www.yuxiit.com/news/news_402.html'},
|
||||||
|
{
|
||||||
|
title: '玉犀景区共享代步车系统具备什么样的优势？',
|
||||||
|
date: '2023-04-07',
|
||||||
|
url: 'http://www.yuxiit.com/news/news_391.html'
|
||||||
|
},
|
||||||
|
{title: '做共享电动车能赚到钱吗', date: '2020-03-07', url: 'http://www.yuxiit.com/news/news_308.html'}
|
||||||
|
],
|
||||||
|
industry: [
|
||||||
|
{
|
||||||
|
title: '景区共享电动代步车如何引领景区发展趋势？',
|
||||||
|
date: '2024-12-11',
|
||||||
|
url: 'http://www.yuxiit.com/news/news_432.html'
|
||||||
|
},
|
||||||
|
{title: '景区共享电动代步车有几种合作模式?', date: '2023-07-19', url: 'http://www.yuxiit.com/news/news_431.html'},
|
||||||
|
{title: '景区共享观光代步车为何如此火爆？', date: '2023-07-13', url: 'http://www.yuxiit.com/news/news_430.html'},
|
||||||
|
{
|
||||||
|
title: '2023年了，共享电动车项目还具备投资价值吗？',
|
||||||
|
date: '2023-07-04',
|
||||||
|
url: 'http://www.yuxiit.com/news/news_428.html'
|
||||||
|
},
|
||||||
|
{title: '共享电动车项目投资大吗？', date: '2023-07-03', url: 'http://www.yuxiit.com/news/news_427.html'}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
// 加载CSS样式文件
|
||||||
|
loadCSSFiles()
|
||||||
|
|
||||||
|
// 加载JavaScript文件
|
||||||
|
loadJSFiles()
|
||||||
|
})
|
||||||
|
|
||||||
|
const loadJSFiles = () => {
|
||||||
|
const jsFiles = [
|
||||||
|
'/news/jquery.1.11.3.min.js',
|
||||||
|
'/news/bootstrap.min.js',
|
||||||
|
'/news/float.js',
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|
||||||
// 解决方案文章列表
|
jsFiles.forEach(src => {
|
||||||
const solutionsArticles = [
|
// 检查是否已经加载过该JS文件
|
||||||
{
|
const existingScript = document.querySelector(`script[src="${src}"]`)
|
||||||
id: 1,
|
if (!existingScript) {
|
||||||
title: '共享烘干机APP方案开发与制作',
|
const script = document.createElement('script')
|
||||||
date: '2019-05-22',
|
script.src = src
|
||||||
link: '/news/shared-dryer-solution'
|
script.type = 'text/javascript'
|
||||||
},
|
document.head.appendChild(script)
|
||||||
{
|
|
||||||
id: 2,
|
|
||||||
title: '怎么样找合适的共享解决方案开发公司?',
|
|
||||||
date: '2019-05-22',
|
|
||||||
link: '/news/how-to-find-shared-solution-company'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 3,
|
|
||||||
title: '创特无人售货机系统软硬件一体化方案',
|
|
||||||
date: '2019-05-21',
|
|
||||||
link: '/news/unmanned-vending-machine-solution'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 4,
|
|
||||||
title: '共享充电线凭什么这么火?',
|
|
||||||
date: '2019-05-20',
|
|
||||||
link: '/news/why-shared-charging-cable-popular'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 5,
|
|
||||||
title: '创特无人售货机系统软硬件一体化方案',
|
|
||||||
date: '2019-05-19',
|
|
||||||
link: '/news/CHAUNGTE-unmanned-vending-machine'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 6,
|
|
||||||
title: '共享经济下的新商业模式探索',
|
|
||||||
date: '2019-05-18',
|
|
||||||
link: '/news/shared-economy-business-model'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 7,
|
|
||||||
title: '物联网技术在共享设备中的应用',
|
|
||||||
date: '2019-05-17',
|
|
||||||
link: '/news/iot-in-shared-devices'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 8,
|
|
||||||
title: '智能硬件开发的技术难点解析',
|
|
||||||
date: '2019-05-16',
|
|
||||||
link: '/news/smart-hardware-development-challenges'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 9,
|
|
||||||
title: '移动支付在共享经济中的重要性',
|
|
||||||
date: '2019-05-15',
|
|
||||||
link: '/news/mobile-payment-in-shared-economy'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 10,
|
|
||||||
title: '用户体验设计在共享APP中的关键作用',
|
|
||||||
date: '2019-05-14',
|
|
||||||
link: '/news/ux-design-in-shared-app'
|
|
||||||
}
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const loadCSSFiles = () => {
|
||||||
|
const cssFiles = [
|
||||||
|
'/news/bootstrap.min.css',
|
||||||
|
'/news/main22.css',
|
||||||
|
'/news/new_index.css',
|
||||||
|
'/news/float.css',
|
||||||
|
'/news/animate.min.css'
|
||||||
]
|
]
|
||||||
|
|
||||||
// 开发知识文章列表
|
cssFiles.forEach(href => {
|
||||||
const devKnowledgeArticles = [
|
// 检查是否已经加载过该CSS文件
|
||||||
{
|
const existingLink = document.querySelector(`link[href="${href}"]`)
|
||||||
id: 1,
|
if (!existingLink) {
|
||||||
title: '怎么样找合适的共享解决方案开发公司?',
|
const link = document.createElement('link')
|
||||||
date: '2019-05-22',
|
link.rel = 'stylesheet'
|
||||||
link: '/news/how-to-find-shared-solution-company'
|
link.href = href
|
||||||
},
|
link.type = 'text/css'
|
||||||
{
|
document.head.appendChild(link)
|
||||||
id: 2,
|
|
||||||
title: '共享APP开发的技术架构选择',
|
|
||||||
date: '2019-05-21',
|
|
||||||
link: '/news/shared-app-tech-architecture'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 3,
|
|
||||||
title: '移动端开发的最佳实践',
|
|
||||||
date: '2019-05-20',
|
|
||||||
link: '/news/mobile-development-best-practices'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 4,
|
|
||||||
title: '云服务在共享经济中的应用',
|
|
||||||
date: '2019-05-19',
|
|
||||||
link: '/news/cloud-services-in-shared-economy'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 5,
|
|
||||||
title: '数据库设计在共享系统中的考虑',
|
|
||||||
date: '2019-05-18',
|
|
||||||
link: '/news/database-design-shared-system'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 6,
|
|
||||||
title: 'API设计的最佳实践',
|
|
||||||
date: '2019-05-17',
|
|
||||||
link: '/news/api-design-best-practices'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 7,
|
|
||||||
title: '前端框架选择指南',
|
|
||||||
date: '2019-05-16',
|
|
||||||
link: '/news/frontend-framework-selection'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 8,
|
|
||||||
title: '后端技术栈推荐',
|
|
||||||
date: '2019-05-15',
|
|
||||||
link: '/news/backend-tech-stack-recommendation'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 9,
|
|
||||||
title: 'DevOps在项目开发中的应用',
|
|
||||||
date: '2019-05-14',
|
|
||||||
link: '/news/devops-in-project-development'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 10,
|
|
||||||
title: '代码质量保证的方法',
|
|
||||||
date: '2019-05-13',
|
|
||||||
link: '/news/code-quality-assurance'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
// 行业动态文章列表
|
|
||||||
const industryTrendsArticles = [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title: '酒店共享烘干机 引领共享经济新革命',
|
|
||||||
date: '2019-05-22',
|
|
||||||
link: '/news/hotel-shared-dryer-revolution'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 2,
|
|
||||||
title: '创特科技浅析共享碾米机方案开发的发展潜力',
|
|
||||||
date: '2019-05-21',
|
|
||||||
link: '/news/shared-rice-mill-development-potential'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 3,
|
|
||||||
title: '共享经济市场规模持续增长',
|
|
||||||
date: '2019-05-20',
|
|
||||||
link: '/news/shared-economy-market-growth'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 4,
|
|
||||||
title: '物联网技术推动共享设备智能化',
|
|
||||||
date: '2019-05-19',
|
|
||||||
link: '/news/iot-promotes-shared-device-intelligence'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 5,
|
|
||||||
title: '移动支付普及加速共享经济发展',
|
|
||||||
date: '2019-05-18',
|
|
||||||
link: '/news/mobile-payment-accelerates-shared-economy'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 6,
|
|
||||||
title: '人工智能在共享服务中的应用',
|
|
||||||
date: '2019-05-17',
|
|
||||||
link: '/news/ai-in-shared-services'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 7,
|
|
||||||
title: '区块链技术为共享经济带来新机遇',
|
|
||||||
date: '2019-05-16',
|
|
||||||
link: '/news/blockchain-opportunities-shared-economy'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 8,
|
|
||||||
title: '5G技术将如何改变共享经济',
|
|
||||||
date: '2019-05-15',
|
|
||||||
link: '/news/5g-changes-shared-economy'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 9,
|
|
||||||
title: '可持续发展理念在共享经济中的体现',
|
|
||||||
date: '2019-05-14',
|
|
||||||
link: '/news/sustainability-in-shared-economy'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 10,
|
|
||||||
title: '共享经济监管政策的最新动态',
|
|
||||||
date: '2019-05-13',
|
|
||||||
link: '/news/shared-economy-regulation-updates'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
// 分页导航
|
|
||||||
const pagination = {
|
|
||||||
previous: {
|
|
||||||
title: '共享充电线凭什么这么火?',
|
|
||||||
link: '/news/why-shared-charging-cable-popular'
|
|
||||||
},
|
|
||||||
next: {
|
|
||||||
title: '创特无人售货机系统软硬件一体化方案',
|
|
||||||
link: '/news/CHAUNGTE-unmanned-vending-machine'
|
|
||||||
}
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="min-h-screen bg-gray-50 dark:bg-gray-900">
|
<view>
|
||||||
<!-- 页面布局 -->
|
<!-- 文章正文 -->
|
||||||
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
<section class="container" style="margin-top: 88px;">
|
||||||
<div class="grid grid-cols-1 lg:grid-cols-4 gap-8">
|
<div class="row">
|
||||||
|
<!-- 左边部分 -->
|
||||||
<!-- 主内容区域 -->
|
<div class="col-md-8 wow fadeInLeft animated" style="visibility: visible; animation-name: fadeInLeft;">
|
||||||
<div class="lg:col-span-3">
|
<!-- 文字主体 -->
|
||||||
<!-- 文章头部 -->
|
<div class="row">
|
||||||
<header class="mb-8">
|
<div class="col-xs-12">
|
||||||
<h1 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">
|
<h2>{{ articleData.title }}</h2>
|
||||||
{{ articleHeader.title }}
|
<p id="label" style="border-bottom: 1px solid #ddd; margin-top: 20px;">
|
||||||
</h1>
|
<span>{{ articleData.publishDate }}</span>
|
||||||
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between text-gray-600 dark:text-gray-400">
|
<span class="pull-right">分类：{{ articleData.category }}</span>
|
||||||
<span class="text-lg mb-2 sm:mb-0">{{ articleHeader.date }}</span>
|
|
||||||
<span class="text-lg">分类: {{ articleHeader.category }}</span>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<!-- 文章内容 -->
|
|
||||||
<article class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-6 md:p-8">
|
|
||||||
<!-- 文章标题 -->
|
|
||||||
<h2 class="text-2xl md:text-3xl font-bold text-blue-600 dark:text-blue-400 mb-6">
|
|
||||||
{{ articleContent.headline }}
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<!-- 文章描述 -->
|
|
||||||
<p class="text-lg text-gray-700 dark:text-gray-300 mb-8 leading-relaxed">
|
|
||||||
{{ articleContent.description }}
|
|
||||||
</p>
|
</p>
|
||||||
|
<div class="article-content" v-html="articleData.content"/>
|
||||||
<!-- 主图展示 -->
|
|
||||||
<div class="relative mb-8">
|
|
||||||
<div class="relative overflow-hidden rounded-xl">
|
|
||||||
<img
|
|
||||||
:alt="articleContent.heroImage.alt"
|
|
||||||
:src="articleContent.heroImage.src"
|
|
||||||
class="w-full h-64 md:h-80 object-cover"
|
|
||||||
>
|
|
||||||
<!-- 红色覆盖按钮 -->
|
|
||||||
<div class="absolute bottom-4 right-4">
|
|
||||||
<div class="bg-red-600 text-white px-4 py-2 rounded-lg font-semibold shadow-lg">
|
|
||||||
{{ articleContent.heroImage.overlayText }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 文章段落 -->
|
<!-- 上一篇/下一篇 -->
|
||||||
<div class="space-y-6 mb-8">
|
<div class="nextorpre" style="margin-top: 38px; border-top: 1px solid #ddd; padding-top: 8px;">
|
||||||
<p
|
<li class="pull-left">上一篇：
|
||||||
v-for="(paragraph, index) in articleContent.paragraphs"
|
<a :href="articleData.prevArticle.url">{{ articleData.prevArticle.title }}</a>
|
||||||
:key="index"
|
</li>
|
||||||
class="text-gray-700 dark:text-gray-300 leading-relaxed"
|
<li class="pull-right">下一篇：
|
||||||
>
|
<a :href="articleData.nextArticle.url">{{ articleData.nextArticle.title }}</a>
|
||||||
{{ paragraph }}
|
</li>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
<br><br><br><br>
|
||||||
|
</div><!--左边部分-->
|
||||||
|
|
||||||
<!-- 文章标签 -->
|
<!-- 右边部分 -->
|
||||||
<div class="mb-8">
|
<aside class="col-md-4" style="border-left: 1px solid #eee; background: #fefefe;">
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">标签:</h3>
|
|
||||||
<div class="flex flex-wrap gap-2">
|
|
||||||
<span
|
|
||||||
v-for="tag in articleContent.tags"
|
|
||||||
:key="tag"
|
|
||||||
class="px-3 py-1 bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 rounded-full text-sm font-medium hover:bg-blue-200 dark:hover:bg-blue-800 transition-colors duration-200"
|
|
||||||
>
|
|
||||||
{{ tag }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 分页导航 -->
|
|
||||||
<div class="border-t border-gray-200 dark:border-gray-700 pt-6">
|
|
||||||
<div class="flex flex-col sm:flex-row sm:justify-between gap-4">
|
|
||||||
<div v-if="pagination.previous" class="flex-1">
|
|
||||||
<NuxtLink
|
|
||||||
:to="pagination.previous.link"
|
|
||||||
class="block p-4 bg-gray-50 dark:bg-gray-700 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors duration-200"
|
|
||||||
>
|
|
||||||
<div class="text-sm text-gray-500 dark:text-gray-400 mb-1">上一篇:</div>
|
|
||||||
<div class="text-gray-900 dark:text-white font-medium">{{ pagination.previous.title }}</div>
|
|
||||||
</NuxtLink>
|
|
||||||
</div>
|
|
||||||
<div v-if="pagination.next" class="flex-1">
|
|
||||||
<NuxtLink
|
|
||||||
:to="pagination.next.link"
|
|
||||||
class="block p-4 bg-gray-50 dark:bg-gray-700 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors duration-200 text-right"
|
|
||||||
>
|
|
||||||
<div class="text-sm text-gray-500 dark:text-gray-400 mb-1">下一篇:</div>
|
|
||||||
<div class="text-gray-900 dark:text-white font-medium">{{ pagination.next.title }}</div>
|
|
||||||
</NuxtLink>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 侧边栏 -->
|
|
||||||
<div class="lg:col-span-1">
|
|
||||||
<div class="space-y-8">
|
|
||||||
|
|
||||||
<!-- 热门标签 -->
|
<!-- 热门标签 -->
|
||||||
<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-6">
|
<div
|
||||||
<h3 class="text-xl font-bold text-gray-900 dark:text-white mb-4">
|
class="widget tags wow fadeInRight animated"
|
||||||
热门标签
|
style="margin-bottom: 30px !important; visibility: visible; animation-name: fadeInRight;">
|
||||||
</h3>
|
<h4>热门标签</h4>
|
||||||
<div class="flex flex-wrap gap-2">
|
<ul class="tag-cloud">
|
||||||
<NuxtLink
|
<li v-for="tag in hotTags" :key="tag">
|
||||||
v-for="tag in popularTags"
|
<a class="btn btn-xs" href="#" @click.prevent>{{ tag }}</a>
|
||||||
:key="tag"
|
</li>
|
||||||
class="px-3 py-1 bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-full text-sm hover:bg-blue-100 dark:hover:bg-blue-900 hover:text-blue-800 dark:hover:text-blue-200 transition-colors duration-200"
|
</ul>
|
||||||
to="/tags"
|
</div><!-- 热门标签 -->
|
||||||
>
|
|
||||||
{{ tag }}
|
<!-- 解决方案推荐 -->
|
||||||
</NuxtLink>
|
<div
|
||||||
</div>
|
class="sy_news animated" data-wow-delay="200ms"
|
||||||
|
style="visibility: visible; animation-delay: 200ms; animation-name: fadeInDown;">
|
||||||
|
<h4>解决方案</h4>
|
||||||
|
<ul>
|
||||||
|
<li v-for="article in recommendedArticles.solutions" :key="article.title">
|
||||||
|
<a :href="article.url" :title="article.title" target="_blank">
|
||||||
|
<span class="pull-right">{{ article.date }}</span>{{ article.title }}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 解决方案 -->
|
<!-- 开发知识推荐 -->
|
||||||
<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-6">
|
<div
|
||||||
<h3 class="text-xl font-bold text-gray-900 dark:text-white mb-4">
|
class="sy_news animated" data-wow-delay="200ms"
|
||||||
解决方案
|
style="visibility: visible; animation-delay: 200ms; animation-name: fadeInDown;">
|
||||||
</h3>
|
<h4>开发知识</h4>
|
||||||
<div class="space-y-3">
|
<ul>
|
||||||
<NuxtLink
|
<li v-for="article in recommendedArticles.knowledge" :key="article.title">
|
||||||
v-for="article in solutionsArticles"
|
<a :href="article.url" :title="article.title" target="_blank">
|
||||||
:key="article.id"
|
<span class="pull-right">{{ article.date }}</span>{{ article.title }}
|
||||||
:to="article.link"
|
</a>
|
||||||
class="block p-3 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-200"
|
</li>
|
||||||
>
|
</ul>
|
||||||
<div class="text-gray-900 dark:text-white font-medium mb-1 line-clamp-2">
|
|
||||||
{{ article.title }}
|
|
||||||
</div>
|
|
||||||
<div class="text-sm text-gray-500 dark:text-gray-400">
|
|
||||||
{{ article.date }}
|
|
||||||
</div>
|
|
||||||
</NuxtLink>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 开发知识 -->
|
<!-- 行业动态推荐 -->
|
||||||
<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-6">
|
<div
|
||||||
<h3 class="text-xl font-bold text-gray-900 dark:text-white mb-4">
|
class="sy_news animated" data-wow-delay="200ms"
|
||||||
开发知识
|
style="visibility: visible; animation-delay: 200ms; animation-name: fadeInDown;">
|
||||||
</h3>
|
<h4>行业动态</h4>
|
||||||
<div class="space-y-3">
|
<ul>
|
||||||
<NuxtLink
|
<li v-for="article in recommendedArticles.industry" :key="article.title">
|
||||||
v-for="article in devKnowledgeArticles"
|
<a :href="article.url" :title="article.title" target="_blank">
|
||||||
:key="article.id"
|
<span class="pull-right">{{ article.date }}</span>{{ article.title }}
|
||||||
:to="article.link"
|
</a>
|
||||||
class="block p-3 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-200"
|
</li>
|
||||||
>
|
</ul>
|
||||||
<div class="text-gray-900 dark:text-white font-medium mb-1 line-clamp-2">
|
|
||||||
{{ article.title }}
|
|
||||||
</div>
|
|
||||||
<div class="text-sm text-gray-500 dark:text-gray-400">
|
|
||||||
{{ article.date }}
|
|
||||||
</div>
|
|
||||||
</NuxtLink>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</aside><!-- 右边部分 -->
|
||||||
|
|
||||||
<!-- 行业动态 -->
|
</div><!--/.row-->
|
||||||
<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-6">
|
</section><!--/#blog-->
|
||||||
<h3 class="text-xl font-bold text-gray-900 dark:text-white mb-4">
|
</view>
|
||||||
行业动态
|
|
||||||
</h3>
|
|
||||||
<div class="space-y-3">
|
|
||||||
<NuxtLink
|
|
||||||
v-for="article in industryTrendsArticles"
|
|
||||||
:key="article.id"
|
|
||||||
:to="article.link"
|
|
||||||
class="block p-3 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-200"
|
|
||||||
>
|
|
||||||
<div class="text-gray-900 dark:text-white font-medium mb-1 line-clamp-2">
|
|
||||||
{{ article.title }}
|
|
||||||
</div>
|
|
||||||
<div class="text-sm text-gray-500 dark:text-gray-400">
|
|
||||||
{{ article.date }}
|
|
||||||
</div>
|
|
||||||
</NuxtLink>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
/* 文章内容样式 */
|
||||||
|
.article-content {
|
||||||
|
margin-top: 20px;
|
||||||
|
line-height: 1.8;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-content p {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-content img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
margin: 15px 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* 文本截断样式 */
|
/* 文本截断样式 */
|
||||||
.line-clamp-2 {
|
.line-clamp-2 {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -450,6 +282,11 @@ const pagination = {
|
||||||
.grid-cols-4 {
|
.grid-cols-4 {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.col-md-8, .col-md-4 {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 悬停效果 */
|
/* 悬停效果 */
|
||||||
|
|
@ -468,4 +305,75 @@ const pagination = {
|
||||||
.dark .hover\:bg-gray-100:hover {
|
.dark .hover\:bg-gray-100:hover {
|
||||||
background-color: rgb(75 85 99);
|
background-color: rgb(75 85 99);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 标签云样式 */
|
||||||
|
.tag-cloud li {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-cloud a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 8px;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
color: #666;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 3px;
|
||||||
|
font-size: 12px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-cloud a:hover {
|
||||||
|
background-color: #ff8200;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 推荐文章样式 */
|
||||||
|
.sy_news ul li {
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sy_news ul li:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sy_news ul li a {
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.4;
|
||||||
|
display: block;
|
||||||
|
transition: color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sy_news ul li a:hover {
|
||||||
|
color: #ff8200;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sy_news ul li a span {
|
||||||
|
color: #999;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 上一篇下一篇样式 */
|
||||||
|
.nextorpre {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nextorpre li {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nextorpre a {
|
||||||
|
color: #ff8200;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nextorpre a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
<script lang="ts" setup>
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<UContainer>
|
<UContainer>
|
||||||
<AppHeader/>
|
<!-- <AppHeader/>-->
|
||||||
<slot/>
|
<slot/>
|
||||||
</UContainer>
|
</UContainer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
// 设置页面布局
|
// 设置页面布局
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
layout: 'mini'
|
layout: 'no-new'
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
import {onMounted} from "vue";
|
import {onMounted} from "vue";
|
||||||
|
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
layout: 'mini'
|
layout: 'no-new'
|
||||||
})
|
})
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
|
|
|
||||||
143
public/cssNews/CooperativePartner.css
Normal file
143
public/cssNews/CooperativePartner.css
Normal file
|
|
@ -0,0 +1,143 @@
|
||||||
|
@keyframes rotateY
|
||||||
|
{0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}}
|
||||||
|
@-webkit-keyframes rotateY
|
||||||
|
{0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}}
|
||||||
|
@-o-keyframes rotateY
|
||||||
|
{0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}}
|
||||||
|
@-moz-keyframes rotateY
|
||||||
|
{0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}}
|
||||||
|
@-ms-keyframes rotateY
|
||||||
|
{0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}}
|
||||||
|
|
||||||
|
.items-body{
|
||||||
|
padding-bottom: 85px;
|
||||||
|
}
|
||||||
|
.index-heZuo li {
|
||||||
|
height: 119px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
background: url(../img/logo-qiang.jpg) no-repeat #fafafa;
|
||||||
|
}
|
||||||
|
.index-heZuo li.bg1 {background-position: 0 0; }
|
||||||
|
.index-heZuo li.bg2 {background-position: -171px 0; }
|
||||||
|
.index-heZuo li.bg3 {background-position: -342px 0; }
|
||||||
|
.index-heZuo li.bg4 {background-position: -513px 0; }
|
||||||
|
.index-heZuo li.bg5 {background-position: -684px 0; }
|
||||||
|
.index-heZuo li.bg6 {background-position: -855px 0; }
|
||||||
|
.index-heZuo li.bg7 {background-position: -1026px 0; }
|
||||||
|
.index-heZuo li.bg8 {background-position: 0 -119px; }
|
||||||
|
.index-heZuo li.bg9 {background-position: -171px -119px; }
|
||||||
|
.index-heZuo li.bg10 {background-position: -342px -119px; }
|
||||||
|
.index-heZuo li.bg11 {background-position: -513px -119px; }
|
||||||
|
.index-heZuo li.bg12 {background-position: -684px -119px; }
|
||||||
|
.index-heZuo li.bg13 {background-position: -855px -119px; }
|
||||||
|
.index-heZuo li.bg14 {background-position: -1026px -119px; }
|
||||||
|
.index-heZuo li.bg15 {background-position: 0 -238px; }
|
||||||
|
.index-heZuo li.bg16 {background-position: -171px -238px; }
|
||||||
|
.index-heZuo li.bg17 {background-position: -342px -238px; }
|
||||||
|
.index-heZuo li.bg18 {background-position: -513px -238px; }
|
||||||
|
.index-heZuo li.bg19 {background-position: -684px -238px; }
|
||||||
|
.index-heZuo li.bg20 {background-position: -855px -238px; }
|
||||||
|
.index-heZuo li.bg21 {background-position: -1026px -238px; }
|
||||||
|
.index-heZuo li.bg22 {background-position: 0 -357px; }
|
||||||
|
.index-heZuo li.bg23 {background-position: -171px -357px; }
|
||||||
|
.index-heZuo li.bg24 {background-position: -342px -357px; }
|
||||||
|
.index-heZuo li.bg25 {background-position: -513px -357px; }
|
||||||
|
.index-heZuo li.bg26 {background-position: -684px -357px; }
|
||||||
|
.index-heZuo li.bg27 {background-position: -855px -357px; }
|
||||||
|
.index-heZuo li.bg28 {background-position: -1026px -357px; }
|
||||||
|
.index-heZuo li.bg29 {background-position: 0 -476px; }
|
||||||
|
.index-heZuo li.bg30 {background-position: -171px -476px; }
|
||||||
|
.index-heZuo li.bg31 {background-position: -342px -476px; }
|
||||||
|
.index-heZuo li.bg32 {background-position: -513px -476px; }
|
||||||
|
.index-heZuo li.bg33 {background-position: -684px -476px; }
|
||||||
|
.index-heZuo li.bg34 {background-position: -855px -476px; }
|
||||||
|
.index-heZuo li.bg35 {background-position: -1026px -476px; }
|
||||||
|
.index-heZuo li.ro_cur {
|
||||||
|
animation: rotateY 1s linear;
|
||||||
|
-moz-animation: rotateY 1s linear;
|
||||||
|
/* Firefox */
|
||||||
|
-webkit-animation: rotateY 1s linear;
|
||||||
|
/* Safari and Chrome */
|
||||||
|
-o-animation: rotateY 1s linear;
|
||||||
|
/* Opera */
|
||||||
|
-ms-animation: rotateY 1s linear;
|
||||||
|
}
|
||||||
|
.index-heZuo li:hover .hezuo-shade {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.index-heZuo li .hezuo-shade {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
-webkit-transition: all 0.5s ease;
|
||||||
|
-moz-transition: all 0.5s ease;
|
||||||
|
-o-transition: all 0.5s ease;
|
||||||
|
-ms-transition: all 0.5s ease;
|
||||||
|
transition: all 0.5s ease;
|
||||||
|
}
|
||||||
|
.txt-hidden {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.index-heZuo li .hezuo-shade p {
|
||||||
|
width: 100%;
|
||||||
|
line-height: 38px;
|
||||||
|
text-align: center;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
font-size: 14px;
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.content1_center ul li {
|
||||||
|
width: 201px;
|
||||||
|
margin: 0 100px;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 990px) {
|
||||||
|
.index-heZuo li {
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-left: 35px solid #fafafa;
|
||||||
|
border-right: 35px solid #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.index-heZuo li {
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-left: 70px solid #fafafa;
|
||||||
|
border-right: 70px solid #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
.index-heZuo li {
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-left: 50px solid #fafafa;
|
||||||
|
border-right: 50px solid #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 500px) {
|
||||||
|
.index-heZuo li {
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-left: 30px solid #fafafa;
|
||||||
|
border-right: 30px solid #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
.index-heZuo li {
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-left: 10px solid #fafafa;
|
||||||
|
border-right: 10px solid #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
3340
public/cssNews/animate.min.css
vendored
Normal file
3340
public/cssNews/animate.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6
public/cssNews/bootstrap.min.css
vendored
Normal file
6
public/cssNews/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
38
public/cssNews/float.css
Normal file
38
public/cssNews/float.css
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
.server {
|
||||||
|
width: 50px;
|
||||||
|
height: 270px;
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
right: 0;
|
||||||
|
z-index: 888888;
|
||||||
|
}
|
||||||
|
.server ul{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.server ul li{
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
background: rgba(0,0,0,0.7);
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.server ul li:hover{
|
||||||
|
background: rgba(0,0,0,1);
|
||||||
|
}
|
||||||
|
.server ul li img{
|
||||||
|
margin: 10px 0 0 0;
|
||||||
|
}
|
||||||
|
.server .list{width:180px; height:50px; line-height:50px;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; -moz-border-radius:0.2em; -webkit-border-radius:0.2em;-ms-border-radius:0.2em;-o-border-radius:0.2em; border-radius:0.2em; text-align:center;}
|
||||||
|
.server .list .sanjiao{width:12px; height:12px; background:#fff; position:absolute; top:18px; right:-5px; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }
|
||||||
|
.server .erlist{background:#343434; position:absolute; top:2px; right:60px; width:95px; height:95px;}
|
||||||
|
.server .erlist img{ height:90%; margin: 4.5px;}
|
||||||
|
.server .erlist .sanjiao{ background-color:#343434;z-index:-1; }
|
||||||
|
.server .tellist img{float:left; padding:9px 5px 0 45px;}
|
||||||
|
.server .tellist{background:#343434; color:#fff;letter-spacing:0.05em; position:absolute; top:105px; right:60px; font-size:20px;}
|
||||||
|
.server .tellist .sanjiao{ background:#343434;z-index:-1; }
|
||||||
119
public/cssNews/main22.css
Normal file
119
public/cssNews/main22.css
Normal file
|
|
@ -0,0 +1,119 @@
|
||||||
|
|
||||||
|
ul,li{
|
||||||
|
/*margin: 0;*/
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
/*********************
|
||||||
|
****文章list*****
|
||||||
|
**********************/
|
||||||
|
#blog{padding-top: 20px !important;}
|
||||||
|
.widget { margin-bottom: 50px; padding-left: 0;}
|
||||||
|
.widget>form{position: relative;}
|
||||||
|
.widget>form>input[type=submit]{width: 48px;height: 46px; border-radius: 5px; position: absolute;z-index: 5;right: 1px;top: 1px; border:none; background:#fff url("../images/search_icon.png") no-repeat 17px 15px; outline: none; }
|
||||||
|
|
||||||
|
/*固定锁*/
|
||||||
|
.congai{position:fixed; top:115px; z-index:40;width: 370px;}
|
||||||
|
.single_comments { margin-bottom: 20px; }
|
||||||
|
.single_comments img { float: left; margin-right: 10px; margin-top: 5px; }
|
||||||
|
.single_comments p { margin-bottom: 0; }
|
||||||
|
.widget .entry-meta span { display: inline-block; margin-right: 10px; }
|
||||||
|
.widget h3 { color: #999; text-transform: uppercase; margin-bottom: 20px; font-size: 24px;}
|
||||||
|
.sy_news{
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
.sy_news h2{border-bottom: 1px solid #ddd;}
|
||||||
|
.sy_news ul{
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
padding: 20px 0 0 20px;
|
||||||
|
}
|
||||||
|
.sy_news ul li{
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
.sy_news ul li a{
|
||||||
|
font-size: 12px; color: #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*新闻列表*/
|
||||||
|
.blog .blog-item .blog-content>.col-sm-8>p{line-height: 2; }
|
||||||
|
.post-tags { }
|
||||||
|
.blog .blog-item .entry-meta { border-radius: 5px; overflow: hidden; }
|
||||||
|
.blog .blog-item .entry-meta > span { background: #f5f5f5; border-top: 1px solid #fff; display: block; font-size: 12px; overflow: hidden; padding: 5px; text-align: left; }
|
||||||
|
#publish_date { background: #ff8200; border-bottom: 5px solid #4e4e4e; color: #fff; padding: 5px 0; text-align: center; cursor: pointer;}
|
||||||
|
#publish_date+span{text-align: center;}
|
||||||
|
.blog .blog-item .entry-meta > span { color: #ccc; }
|
||||||
|
.blog .blog-item .entry-meta > span a { font-size: 12px; margin-left: 3px; font-weight: 300; color: #888; }
|
||||||
|
ul.pagination > li > a { border: 1px solid #F1F1F1; margin-right: 5px; border-radius: 5px; font-size: 16px; padding: 5px 14px; }
|
||||||
|
ul.pagination > li > a i { margin-left: 5px; margin-right: 5px; }
|
||||||
|
ul.pagination > li.active > a, ul.pagination > li:hover > a { background-color: #ff8200 !important; border-color: #ff8200 !important; color: #fff; }
|
||||||
|
.search_box {border-color: #DEDEDE; height: 48px; outline: medium none; box-shadow: none; }
|
||||||
|
.form-control:focus { box-shadow: none; outline: 0 none; }
|
||||||
|
ul.tag-cloud, ul.sidebar-gallery { list-style: none; padding: 0; margin: 0; }
|
||||||
|
.tag-cloud li { display: inline-block; margin-bottom: 10px;margin-right: 1%; }
|
||||||
|
.tag-cloud li a { border-radius: 4px; padding: 8px 15px; }
|
||||||
|
.tag-cloud li a:hover { background: #ff8200; color: #fff; }
|
||||||
|
/*固定侧栏 img扫光*/
|
||||||
|
.sidebar-gallery li { display: inline-block; margin: 0 2% 2% 0 !important; position: relative;overflow:hidden; transition:all 0.5s ease;}
|
||||||
|
.sidebar-gallery li span{position: absolute;display: block; z-index: 16;width: 80px;height: 100%; top:0; left:-100px;
|
||||||
|
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease; transition:all 0.5s ease;
|
||||||
|
background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
|
||||||
|
background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
|
||||||
|
background: -ms-llinear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
|
||||||
|
background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
|
||||||
|
-webkit-transform:skew(-30deg);
|
||||||
|
-moz-transform:skew(-30deg);
|
||||||
|
transform:skew(-30deg);
|
||||||
|
}
|
||||||
|
.sidebar-gallery li:hover{-webkit-transform:translate(-3px,-5px);
|
||||||
|
transform:translate(-3px,-5px);
|
||||||
|
box-shadow:4px 4px 0px #aaa;
|
||||||
|
}
|
||||||
|
.sidebar-gallery li:hover span{left:195px;}
|
||||||
|
.sidebar-gallery li a { border-radius: 5px !important; display: inline-block;}
|
||||||
|
.sidebar-gallery li img{width: 170px; border-radius: 4px; }
|
||||||
|
|
||||||
|
/**********************
|
||||||
|
**blog single page css*
|
||||||
|
**********************/
|
||||||
|
.reply_section { background: #f5f5f5; border-radius: 5px; }
|
||||||
|
.post_reply { margin-left: 10px; margin-top: 45px; }
|
||||||
|
.post_reply img { width: 85px; height: 85px; border: 5px solid #D5D8DD; }
|
||||||
|
.post_reply ul { list-style: none outside none; margin: 0; padding: 0; margin-top: 5px; }
|
||||||
|
.post_reply ul li { float: left; }
|
||||||
|
.post_reply ul li a { display: block; }
|
||||||
|
.post_reply ul li a i { border: 1px solid #DDDDDD; border-radius: 39px; color: #FFFFFF; font-size: 20px; height: 30px; margin-right: 3px; padding-top: 7px; text-align: center; width: 30px; }
|
||||||
|
.post_reply ul li a i.fa-facebook { background: #0182C4; }
|
||||||
|
.post_reply ul li a i.fa-twitter { background: none repeat scroll 0 0 #3FC1FE; }
|
||||||
|
.post_reply ul li a i.fa-google-plus { background: none repeat scroll 0 0 #D34836; }
|
||||||
|
.post_reply ul li a i:hover { opacity: .5; }
|
||||||
|
.post_reply_content { margin: 30px; }
|
||||||
|
.post_reply_content h1 a:hover { color: #FFC800; }
|
||||||
|
.post_reply_content h4 { margin-bottom: 50px; }
|
||||||
|
.reply_section .media-body { display: inherit; }
|
||||||
|
.comment_section .media-body { display: inherit; }
|
||||||
|
#comments_title { color: #4e4e4e; font-weight: 700px; font-size: 20px; margin-top: 60px; margin-bottom: 40px; }
|
||||||
|
.comment_section { margin-top: 30px; position: relative; }
|
||||||
|
.post_comments img { width: 85px; height: 85px; margin-top: 35px; }
|
||||||
|
.post_reply_comments { background: #f5f5f5; border-radius: 4px; padding: 30px; }
|
||||||
|
.post_reply_comments:before { border-color: transparent #F0F0F0 transparent transparent; border-style: solid; border-width: 15px; content: " "; height: 0; left: 75px; position: absolute; top: 20px; }
|
||||||
|
.post_reply_comments h3, .post_reply_content h3 { margin-top: 0; }
|
||||||
|
.post_reply_comments h1 a:hover { color: #ff8200; }
|
||||||
|
.post_reply_comments h4 { color: #c4c4c5; font-weight: 400; }
|
||||||
|
.post_reply_comments p { padding-bottom: 30px; }
|
||||||
|
.post_reply_comments a { bottom: 15px; position: absolute; right: 30px; background: #ff8200; color: #fff; border-radius: 5px; padding: 8px 20px; }
|
||||||
|
.post_reply_comments a:before { border-color: #ff8200 transparent transparent; border-style: solid; border-width: 16px; bottom: -11px; content: ""; height: 0; left: -12px; position: absolute; z-index: 99999; }
|
||||||
|
.post_reply_comments h2 a { }
|
||||||
|
.message_heading { margin-bottom: 50px; margin-top: 60px; }
|
||||||
|
|
||||||
|
/******************
|
||||||
|
404 page css
|
||||||
|
******************/
|
||||||
|
#error .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success:hover { background-color: #EBEBEB; border-color: #EBEBEB; color: #4E4E4E; }
|
||||||
|
#error h1 { color: #4e4e4e; text-transform: uppercase; }
|
||||||
|
|
||||||
|
/******************
|
||||||
|
shortcodes page css
|
||||||
|
******************/
|
||||||
|
.shortcode-item { padding-bottom: 0; }
|
||||||
|
.shortcode-item h2 { color: #4E4E4E; font-size: 24px; margin-bottom: 22px; margin-top: 0; font-weight: 600 }
|
||||||
1003
public/cssNews/new_index.css
Normal file
1003
public/cssNews/new_index.css
Normal file
File diff suppressed because it is too large
Load Diff
7
public/jsNews/bootstrap.min.js
vendored
Normal file
7
public/jsNews/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
48
public/jsNews/float.js
Normal file
48
public/jsNews/float.js
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
var oli1 = document.getElementById('erweima');
|
||||||
|
var odiv1 = document.getElementsByClassName('erlist');
|
||||||
|
var oli2 = document.getElementById('totel');
|
||||||
|
var odiv2 = document.getElementsByClassName('tellist');
|
||||||
|
oli1.onmouseover = function(){
|
||||||
|
odiv1[0].style.display = 'block';
|
||||||
|
};
|
||||||
|
oli1.onmouseout = function(){
|
||||||
|
odiv1[0].style.display = 'none';
|
||||||
|
};
|
||||||
|
oli2.onmouseover = function(){
|
||||||
|
odiv2[0].style.display = 'block';
|
||||||
|
};
|
||||||
|
oli2.onmouseout = function(){
|
||||||
|
odiv2[0].style.display = 'none';
|
||||||
|
};
|
||||||
|
function goTop(acceleration, time) {
|
||||||
|
acceleration = acceleration || 0.1;
|
||||||
|
time = time || 20;
|
||||||
|
var x1 = 0;
|
||||||
|
var y1 = 0;
|
||||||
|
var x2 = 0;
|
||||||
|
var y2 = 0;
|
||||||
|
var x3 = 0;
|
||||||
|
var y3 = 0;
|
||||||
|
if (document.documentElement) {
|
||||||
|
x1 = document.documentElement.scrollLeft || 0;
|
||||||
|
y1 = document.documentElement.scrollTop || 0;
|
||||||
|
}
|
||||||
|
if (document.body) {
|
||||||
|
x2 = document.body.scrollLeft || 0;
|
||||||
|
y2 = document.body.scrollTop || 0;
|
||||||
|
}
|
||||||
|
var x3 = window.scrollX || 0;
|
||||||
|
var y3 = window.scrollY || 0;
|
||||||
|
// 滚动条到页面顶部的水平距离
|
||||||
|
var x = Math.max(x1, Math.max(x2, x3));
|
||||||
|
// 滚动条到页面顶部的垂直距离
|
||||||
|
var y = Math.max(y1, Math.max(y2, y3));
|
||||||
|
// 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
|
||||||
|
var speed = 1 + acceleration;
|
||||||
|
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
|
||||||
|
// 如果距离不为零, 继续调用迭代本函数
|
||||||
|
if (x > 0 || y > 0) {
|
||||||
|
var invokeFunction = "goTop(" + acceleration + ", " + time + ")";
|
||||||
|
window.setTimeout(invokeFunction, time);
|
||||||
|
}
|
||||||
|
};
|
||||||
5
public/jsNews/jquery.1.11.3.min.js
vendored
Normal file
5
public/jsNews/jquery.1.11.3.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
143
public/news/CooperativePartner.css
Normal file
143
public/news/CooperativePartner.css
Normal file
|
|
@ -0,0 +1,143 @@
|
||||||
|
@keyframes rotateY
|
||||||
|
{0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}}
|
||||||
|
@-webkit-keyframes rotateY
|
||||||
|
{0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}}
|
||||||
|
@-o-keyframes rotateY
|
||||||
|
{0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}}
|
||||||
|
@-moz-keyframes rotateY
|
||||||
|
{0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}}
|
||||||
|
@-ms-keyframes rotateY
|
||||||
|
{0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}}
|
||||||
|
|
||||||
|
.items-body{
|
||||||
|
padding-bottom: 85px;
|
||||||
|
}
|
||||||
|
.index-heZuo li {
|
||||||
|
height: 119px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
transform: rotateY(0deg);
|
||||||
|
background: url(../img/logo-qiang.jpg) no-repeat #fafafa;
|
||||||
|
}
|
||||||
|
.index-heZuo li.bg1 {background-position: 0 0; }
|
||||||
|
.index-heZuo li.bg2 {background-position: -171px 0; }
|
||||||
|
.index-heZuo li.bg3 {background-position: -342px 0; }
|
||||||
|
.index-heZuo li.bg4 {background-position: -513px 0; }
|
||||||
|
.index-heZuo li.bg5 {background-position: -684px 0; }
|
||||||
|
.index-heZuo li.bg6 {background-position: -855px 0; }
|
||||||
|
.index-heZuo li.bg7 {background-position: -1026px 0; }
|
||||||
|
.index-heZuo li.bg8 {background-position: 0 -119px; }
|
||||||
|
.index-heZuo li.bg9 {background-position: -171px -119px; }
|
||||||
|
.index-heZuo li.bg10 {background-position: -342px -119px; }
|
||||||
|
.index-heZuo li.bg11 {background-position: -513px -119px; }
|
||||||
|
.index-heZuo li.bg12 {background-position: -684px -119px; }
|
||||||
|
.index-heZuo li.bg13 {background-position: -855px -119px; }
|
||||||
|
.index-heZuo li.bg14 {background-position: -1026px -119px; }
|
||||||
|
.index-heZuo li.bg15 {background-position: 0 -238px; }
|
||||||
|
.index-heZuo li.bg16 {background-position: -171px -238px; }
|
||||||
|
.index-heZuo li.bg17 {background-position: -342px -238px; }
|
||||||
|
.index-heZuo li.bg18 {background-position: -513px -238px; }
|
||||||
|
.index-heZuo li.bg19 {background-position: -684px -238px; }
|
||||||
|
.index-heZuo li.bg20 {background-position: -855px -238px; }
|
||||||
|
.index-heZuo li.bg21 {background-position: -1026px -238px; }
|
||||||
|
.index-heZuo li.bg22 {background-position: 0 -357px; }
|
||||||
|
.index-heZuo li.bg23 {background-position: -171px -357px; }
|
||||||
|
.index-heZuo li.bg24 {background-position: -342px -357px; }
|
||||||
|
.index-heZuo li.bg25 {background-position: -513px -357px; }
|
||||||
|
.index-heZuo li.bg26 {background-position: -684px -357px; }
|
||||||
|
.index-heZuo li.bg27 {background-position: -855px -357px; }
|
||||||
|
.index-heZuo li.bg28 {background-position: -1026px -357px; }
|
||||||
|
.index-heZuo li.bg29 {background-position: 0 -476px; }
|
||||||
|
.index-heZuo li.bg30 {background-position: -171px -476px; }
|
||||||
|
.index-heZuo li.bg31 {background-position: -342px -476px; }
|
||||||
|
.index-heZuo li.bg32 {background-position: -513px -476px; }
|
||||||
|
.index-heZuo li.bg33 {background-position: -684px -476px; }
|
||||||
|
.index-heZuo li.bg34 {background-position: -855px -476px; }
|
||||||
|
.index-heZuo li.bg35 {background-position: -1026px -476px; }
|
||||||
|
.index-heZuo li.ro_cur {
|
||||||
|
animation: rotateY 1s linear;
|
||||||
|
-moz-animation: rotateY 1s linear;
|
||||||
|
/* Firefox */
|
||||||
|
-webkit-animation: rotateY 1s linear;
|
||||||
|
/* Safari and Chrome */
|
||||||
|
-o-animation: rotateY 1s linear;
|
||||||
|
/* Opera */
|
||||||
|
-ms-animation: rotateY 1s linear;
|
||||||
|
}
|
||||||
|
.index-heZuo li:hover .hezuo-shade {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.index-heZuo li .hezuo-shade {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
-webkit-transition: all 0.5s ease;
|
||||||
|
-moz-transition: all 0.5s ease;
|
||||||
|
-o-transition: all 0.5s ease;
|
||||||
|
-ms-transition: all 0.5s ease;
|
||||||
|
transition: all 0.5s ease;
|
||||||
|
}
|
||||||
|
.txt-hidden {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.index-heZuo li .hezuo-shade p {
|
||||||
|
width: 100%;
|
||||||
|
line-height: 38px;
|
||||||
|
text-align: center;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
font-size: 14px;
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.content1_center ul li {
|
||||||
|
width: 201px;
|
||||||
|
margin: 0 100px;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 990px) {
|
||||||
|
.index-heZuo li {
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-left: 35px solid #fafafa;
|
||||||
|
border-right: 35px solid #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.index-heZuo li {
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-left: 70px solid #fafafa;
|
||||||
|
border-right: 70px solid #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
.index-heZuo li {
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-left: 50px solid #fafafa;
|
||||||
|
border-right: 50px solid #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 500px) {
|
||||||
|
.index-heZuo li {
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-left: 30px solid #fafafa;
|
||||||
|
border-right: 30px solid #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
.index-heZuo li {
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none;
|
||||||
|
border-left: 10px solid #fafafa;
|
||||||
|
border-right: 10px solid #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
3340
public/news/animate.min.css
vendored
Normal file
3340
public/news/animate.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6
public/news/bootstrap.min.css
vendored
Normal file
6
public/news/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
public/news/bootstrap.min.js
vendored
Normal file
7
public/news/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
public/news/car_model-6.png
Normal file
BIN
public/news/car_model-6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
public/news/cide.png
Normal file
BIN
public/news/cide.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
38
public/news/float.css
Normal file
38
public/news/float.css
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
.server {
|
||||||
|
width: 50px;
|
||||||
|
height: 270px;
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
right: 0;
|
||||||
|
z-index: 888888;
|
||||||
|
}
|
||||||
|
.server ul{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.server ul li{
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
background: rgba(0,0,0,0.7);
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.server ul li:hover{
|
||||||
|
background: rgba(0,0,0,1);
|
||||||
|
}
|
||||||
|
.server ul li img{
|
||||||
|
margin: 10px 0 0 0;
|
||||||
|
}
|
||||||
|
.server .list{width:180px; height:50px; line-height:50px;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; -moz-border-radius:0.2em; -webkit-border-radius:0.2em;-ms-border-radius:0.2em;-o-border-radius:0.2em; border-radius:0.2em; text-align:center;}
|
||||||
|
.server .list .sanjiao{width:12px; height:12px; background:#fff; position:absolute; top:18px; right:-5px; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }
|
||||||
|
.server .erlist{background:#343434; position:absolute; top:2px; right:60px; width:95px; height:95px;}
|
||||||
|
.server .erlist img{ height:90%; margin: 4.5px;}
|
||||||
|
.server .erlist .sanjiao{ background-color:#343434;z-index:-1; }
|
||||||
|
.server .tellist img{float:left; padding:9px 5px 0 45px;}
|
||||||
|
.server .tellist{background:#343434; color:#fff;letter-spacing:0.05em; position:absolute; top:105px; right:60px; font-size:20px;}
|
||||||
|
.server .tellist .sanjiao{ background:#343434;z-index:-1; }
|
||||||
48
public/news/float.js
Normal file
48
public/news/float.js
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
var oli1 = document.getElementById('erweima');
|
||||||
|
var odiv1 = document.getElementsByClassName('erlist');
|
||||||
|
var oli2 = document.getElementById('totel');
|
||||||
|
var odiv2 = document.getElementsByClassName('tellist');
|
||||||
|
oli1.onmouseover = function(){
|
||||||
|
odiv1[0].style.display = 'block';
|
||||||
|
};
|
||||||
|
oli1.onmouseout = function(){
|
||||||
|
odiv1[0].style.display = 'none';
|
||||||
|
};
|
||||||
|
oli2.onmouseover = function(){
|
||||||
|
odiv2[0].style.display = 'block';
|
||||||
|
};
|
||||||
|
oli2.onmouseout = function(){
|
||||||
|
odiv2[0].style.display = 'none';
|
||||||
|
};
|
||||||
|
function goTop(acceleration, time) {
|
||||||
|
acceleration = acceleration || 0.1;
|
||||||
|
time = time || 20;
|
||||||
|
var x1 = 0;
|
||||||
|
var y1 = 0;
|
||||||
|
var x2 = 0;
|
||||||
|
var y2 = 0;
|
||||||
|
var x3 = 0;
|
||||||
|
var y3 = 0;
|
||||||
|
if (document.documentElement) {
|
||||||
|
x1 = document.documentElement.scrollLeft || 0;
|
||||||
|
y1 = document.documentElement.scrollTop || 0;
|
||||||
|
}
|
||||||
|
if (document.body) {
|
||||||
|
x2 = document.body.scrollLeft || 0;
|
||||||
|
y2 = document.body.scrollTop || 0;
|
||||||
|
}
|
||||||
|
var x3 = window.scrollX || 0;
|
||||||
|
var y3 = window.scrollY || 0;
|
||||||
|
// 滚动条到页面顶部的水平距离
|
||||||
|
var x = Math.max(x1, Math.max(x2, x3));
|
||||||
|
// 滚动条到页面顶部的垂直距离
|
||||||
|
var y = Math.max(y1, Math.max(y2, y3));
|
||||||
|
// 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
|
||||||
|
var speed = 1 + acceleration;
|
||||||
|
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
|
||||||
|
// 如果距离不为零, 继续调用迭代本函数
|
||||||
|
if (x > 0 || y > 0) {
|
||||||
|
var invokeFunction = "goTop(" + acceleration + ", " + time + ")";
|
||||||
|
window.setTimeout(invokeFunction, time);
|
||||||
|
}
|
||||||
|
};
|
||||||
BIN
public/news/footer_logo.png
Normal file
BIN
public/news/footer_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/news/icon_50.png
Normal file
BIN
public/news/icon_50.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
5
public/news/jquery.1.11.3.min.js
vendored
Normal file
5
public/news/jquery.1.11.3.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
119
public/news/main22.css
Normal file
119
public/news/main22.css
Normal file
|
|
@ -0,0 +1,119 @@
|
||||||
|
|
||||||
|
ul,li{
|
||||||
|
/*margin: 0;*/
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
/*********************
|
||||||
|
****文章list*****
|
||||||
|
**********************/
|
||||||
|
#blog{padding-top: 20px !important;}
|
||||||
|
.widget { margin-bottom: 50px; padding-left: 0;}
|
||||||
|
.widget>form{position: relative;}
|
||||||
|
.widget>form>input[type=submit]{width: 48px;height: 46px; border-radius: 5px; position: absolute;z-index: 5;right: 1px;top: 1px; border:none; background:#fff url("../images/search_icon.png") no-repeat 17px 15px; outline: none; }
|
||||||
|
|
||||||
|
/*固定锁*/
|
||||||
|
.congai{position:fixed; top:115px; z-index:40;width: 370px;}
|
||||||
|
.single_comments { margin-bottom: 20px; }
|
||||||
|
.single_comments img { float: left; margin-right: 10px; margin-top: 5px; }
|
||||||
|
.single_comments p { margin-bottom: 0; }
|
||||||
|
.widget .entry-meta span { display: inline-block; margin-right: 10px; }
|
||||||
|
.widget h3 { color: #999; text-transform: uppercase; margin-bottom: 20px; font-size: 24px;}
|
||||||
|
.sy_news{
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
.sy_news h2{border-bottom: 1px solid #ddd;}
|
||||||
|
.sy_news ul{
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
padding: 20px 0 0 20px;
|
||||||
|
}
|
||||||
|
.sy_news ul li{
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
.sy_news ul li a{
|
||||||
|
font-size: 12px; color: #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*新闻列表*/
|
||||||
|
.blog .blog-item .blog-content>.col-sm-8>p{line-height: 2; }
|
||||||
|
.post-tags { }
|
||||||
|
.blog .blog-item .entry-meta { border-radius: 5px; overflow: hidden; }
|
||||||
|
.blog .blog-item .entry-meta > span { background: #f5f5f5; border-top: 1px solid #fff; display: block; font-size: 12px; overflow: hidden; padding: 5px; text-align: left; }
|
||||||
|
#publish_date { background: #ff8200; border-bottom: 5px solid #4e4e4e; color: #fff; padding: 5px 0; text-align: center; cursor: pointer;}
|
||||||
|
#publish_date+span{text-align: center;}
|
||||||
|
.blog .blog-item .entry-meta > span { color: #ccc; }
|
||||||
|
.blog .blog-item .entry-meta > span a { font-size: 12px; margin-left: 3px; font-weight: 300; color: #888; }
|
||||||
|
ul.pagination > li > a { border: 1px solid #F1F1F1; margin-right: 5px; border-radius: 5px; font-size: 16px; padding: 5px 14px; }
|
||||||
|
ul.pagination > li > a i { margin-left: 5px; margin-right: 5px; }
|
||||||
|
ul.pagination > li.active > a, ul.pagination > li:hover > a { background-color: #ff8200 !important; border-color: #ff8200 !important; color: #fff; }
|
||||||
|
.search_box {border-color: #DEDEDE; height: 48px; outline: medium none; box-shadow: none; }
|
||||||
|
.form-control:focus { box-shadow: none; outline: 0 none; }
|
||||||
|
ul.tag-cloud, ul.sidebar-gallery { list-style: none; padding: 0; margin: 0; }
|
||||||
|
.tag-cloud li { display: inline-block; margin-bottom: 10px;margin-right: 1%; }
|
||||||
|
.tag-cloud li a { border-radius: 4px; padding: 8px 15px; }
|
||||||
|
.tag-cloud li a:hover { background: #ff8200; color: #fff; }
|
||||||
|
/*固定侧栏 img扫光*/
|
||||||
|
.sidebar-gallery li { display: inline-block; margin: 0 2% 2% 0 !important; position: relative;overflow:hidden; transition:all 0.5s ease;}
|
||||||
|
.sidebar-gallery li span{position: absolute;display: block; z-index: 16;width: 80px;height: 100%; top:0; left:-100px;
|
||||||
|
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease; transition:all 0.5s ease;
|
||||||
|
background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
|
||||||
|
background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
|
||||||
|
background: -ms-llinear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
|
||||||
|
background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
|
||||||
|
-webkit-transform:skew(-30deg);
|
||||||
|
-moz-transform:skew(-30deg);
|
||||||
|
transform:skew(-30deg);
|
||||||
|
}
|
||||||
|
.sidebar-gallery li:hover{-webkit-transform:translate(-3px,-5px);
|
||||||
|
transform:translate(-3px,-5px);
|
||||||
|
box-shadow:4px 4px 0px #aaa;
|
||||||
|
}
|
||||||
|
.sidebar-gallery li:hover span{left:195px;}
|
||||||
|
.sidebar-gallery li a { border-radius: 5px !important; display: inline-block;}
|
||||||
|
.sidebar-gallery li img{width: 170px; border-radius: 4px; }
|
||||||
|
|
||||||
|
/**********************
|
||||||
|
**blog single page css*
|
||||||
|
**********************/
|
||||||
|
.reply_section { background: #f5f5f5; border-radius: 5px; }
|
||||||
|
.post_reply { margin-left: 10px; margin-top: 45px; }
|
||||||
|
.post_reply img { width: 85px; height: 85px; border: 5px solid #D5D8DD; }
|
||||||
|
.post_reply ul { list-style: none outside none; margin: 0; padding: 0; margin-top: 5px; }
|
||||||
|
.post_reply ul li { float: left; }
|
||||||
|
.post_reply ul li a { display: block; }
|
||||||
|
.post_reply ul li a i { border: 1px solid #DDDDDD; border-radius: 39px; color: #FFFFFF; font-size: 20px; height: 30px; margin-right: 3px; padding-top: 7px; text-align: center; width: 30px; }
|
||||||
|
.post_reply ul li a i.fa-facebook { background: #0182C4; }
|
||||||
|
.post_reply ul li a i.fa-twitter { background: none repeat scroll 0 0 #3FC1FE; }
|
||||||
|
.post_reply ul li a i.fa-google-plus { background: none repeat scroll 0 0 #D34836; }
|
||||||
|
.post_reply ul li a i:hover { opacity: .5; }
|
||||||
|
.post_reply_content { margin: 30px; }
|
||||||
|
.post_reply_content h1 a:hover { color: #FFC800; }
|
||||||
|
.post_reply_content h4 { margin-bottom: 50px; }
|
||||||
|
.reply_section .media-body { display: inherit; }
|
||||||
|
.comment_section .media-body { display: inherit; }
|
||||||
|
#comments_title { color: #4e4e4e; font-weight: 700px; font-size: 20px; margin-top: 60px; margin-bottom: 40px; }
|
||||||
|
.comment_section { margin-top: 30px; position: relative; }
|
||||||
|
.post_comments img { width: 85px; height: 85px; margin-top: 35px; }
|
||||||
|
.post_reply_comments { background: #f5f5f5; border-radius: 4px; padding: 30px; }
|
||||||
|
.post_reply_comments:before { border-color: transparent #F0F0F0 transparent transparent; border-style: solid; border-width: 15px; content: " "; height: 0; left: 75px; position: absolute; top: 20px; }
|
||||||
|
.post_reply_comments h3, .post_reply_content h3 { margin-top: 0; }
|
||||||
|
.post_reply_comments h1 a:hover { color: #ff8200; }
|
||||||
|
.post_reply_comments h4 { color: #c4c4c5; font-weight: 400; }
|
||||||
|
.post_reply_comments p { padding-bottom: 30px; }
|
||||||
|
.post_reply_comments a { bottom: 15px; position: absolute; right: 30px; background: #ff8200; color: #fff; border-radius: 5px; padding: 8px 20px; }
|
||||||
|
.post_reply_comments a:before { border-color: #ff8200 transparent transparent; border-style: solid; border-width: 16px; bottom: -11px; content: ""; height: 0; left: -12px; position: absolute; z-index: 99999; }
|
||||||
|
.post_reply_comments h2 a { }
|
||||||
|
.message_heading { margin-bottom: 50px; margin-top: 60px; }
|
||||||
|
|
||||||
|
/******************
|
||||||
|
404 page css
|
||||||
|
******************/
|
||||||
|
#error .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success:hover { background-color: #EBEBEB; border-color: #EBEBEB; color: #4E4E4E; }
|
||||||
|
#error h1 { color: #4e4e4e; text-transform: uppercase; }
|
||||||
|
|
||||||
|
/******************
|
||||||
|
shortcodes page css
|
||||||
|
******************/
|
||||||
|
.shortcode-item { padding-bottom: 0; }
|
||||||
|
.shortcode-item h2 { color: #4E4E4E; font-size: 24px; margin-bottom: 22px; margin-top: 0; font-weight: 600 }
|
||||||
1003
public/news/new_index.css
Normal file
1003
public/news/new_index.css
Normal file
File diff suppressed because it is too large
Load Diff
342
public/news/news_437.html
Normal file
342
public/news/news_437.html
Normal file
|
|
@ -0,0 +1,342 @@
|
||||||
|
<!-- <!DOCTYPE html> -->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'/>
|
||||||
|
|
||||||
|
<title>玉犀景区SaaS平台 打造专业景区共享出行综合解决方案|玉犀科技</title>
|
||||||
|
<meta name="keywords" content="景区共享出行,景区共享观光车,景区共享电动代步车" />
|
||||||
|
<meta name="description" content="景区SaaS出行平台,景区共享观光车,景区共享电动代步车" />
|
||||||
|
<link rel="shortcut icon" href="https://article.yuxiit.com/logoIco.ico">
|
||||||
|
<link rel="stylesheet" href="../newspublic/css/bootstrap.min.css">
|
||||||
|
<link rel="stylesheet" href="../newspublic/css/main22.css">
|
||||||
|
<link rel="stylesheet" href="../newspublic/css/animate.min.css" media="screen and (min-width:768px)">
|
||||||
|
<link rel="stylesheet" href="../newspublic/css/new_index.css">
|
||||||
|
<link rel="stylesheet" href="../newspublic/css/CooperativePartner.css">
|
||||||
|
<link rel="stylesheet" href="../newspublic/css/float.css">
|
||||||
|
<script src="../newspublic/js/jquery.1.11.3.min.js"></script>
|
||||||
|
<script src="../newspublic/js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- 顶部 -->
|
||||||
|
<nav class="navbar navbar-default navbar-fixed-top" style="background: rgba(255,255,255,1);">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="navbar-header">
|
||||||
|
<button class="navbar-toggle" data-toggle="collapse" data-target="#mynav">
|
||||||
|
<span>玉犀科技</span>
|
||||||
|
</button>
|
||||||
|
<a href="../index.html"><img class="img-responsive" src="../newspublic/img/top_logo.png"></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="collapse navbar-collapse" id="mynav">
|
||||||
|
<ul class="nav navbar-nav">
|
||||||
|
<li class="hidden-xs hidden-sm"><a href="http://www.yuxiit.com">首页 <span class="sr-only">(current)</span></a></li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a data-toggle="dropdown" role="button">解决方案 <span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="javascript:void(0);" class="menu-group">共享</a></li>
|
||||||
|
<li><a href="http://bike.yuxiit.com" target="_blank">共享单车</a></li>
|
||||||
|
<li><a href="http://www.yuxiit.com/carShare.html" target="_blank">共享汽车</a></li>
|
||||||
|
<li><a href="http://www.yuxiit.com/sharedbed.html">共享陪护床</a></li>
|
||||||
|
<li><a href="http://www.yuxiit.com/scooter.html">共享滑板车</a></li>
|
||||||
|
<li><a href="http://www.yuxiit.com/Ebike.html">共享助力车</a></li>
|
||||||
|
<li role="separator" class="divider"></li>
|
||||||
|
<li><a href="javascript:void(0);" class="menu-group">餐饮</a></li>
|
||||||
|
<li><a href="http://tianmei.yuxiit.com/" target="_blank">天美点餐</a></li>
|
||||||
|
<li role="separator" class="divider"></li>
|
||||||
|
<li><a class="menu-group" href="javascript:void(0);">房产</a></li>
|
||||||
|
<li><a href="http://hx.yuxiit.com/" target="_blank">汇享公寓</a></li>
|
||||||
|
<li role="separator" class="divider"></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">定制开发 <span class="caret"></span></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发</a></li>
|
||||||
|
<li role="separator" class="divider"></li>
|
||||||
|
<li><a href="http://www.yuxiit.com/UI-s.html">APP开发</a></li>
|
||||||
|
<li role="separator" class="divider"></li>
|
||||||
|
<li><a href="http://www.yuxiit.com/proDevelop.html">小程序开发</a></li>
|
||||||
|
<li role="separator" class="divider"></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="http://www.yuxiit.com/aboutUs2019.html">关于玉犀 </a></li>
|
||||||
|
</ul>
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
<li><a href="">电话：0755-85225123<!-- <span class="hidden-xs hidden-sm"> 0755-85225123 / </span> 18123752516 --></a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!-- /.navbar-collapse -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 文章正文 -->
|
||||||
|
<section class="container" style="margin-top: 88px;">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 左边部分 -->
|
||||||
|
<div class="col-md-8 wow fadeInLeft animated" style="visibility: visible; animation-name: fadeInLeft;">
|
||||||
|
<!-- 文字主体 -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<h2>玉犀景区SaaS平台 打造专业景区共享出行综合解决方案</h2>
|
||||||
|
<p id="label" style="border-bottom: 1px solid #ddd; margin-top: 20px;">
|
||||||
|
<span>2025年07月08日 12:40 </span>
|
||||||
|
<span class="pull-right">分类：景区共享电动车# </span>
|
||||||
|
</p>
|
||||||
|
<h4 id="minhead" style="font-size: 20px; margin-top: 20px;"></h4>
|
||||||
|
<div id="conter"></div>
|
||||||
|
<p class="MsoNormal"><span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;
|
||||||
|
mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;
|
||||||
|
mso-font-kerning:1.0000pt;"><font face="宋体">想必有很多游客深有感触，在偌大景区实在走不动</font><font face="Calibri">?</font><font face="宋体">有老又有小，想坐观光车又要排队等待</font><font face="Calibri">?</font><font face="宋体">现在，一辆共享扫码代步观光车就能解决游客烦恼。用户只需用手机扫码，即可解锁一辆共享观光车。游客通过玉犀景区</font><font face="Calibri">SaaS</font><font face="宋体">智慧出行平台的微信、支付宝小程序扫码进入充值使用，按时计费付费并实时退费，快速完成扫、用、停、还等操作，让游客安心享受便捷、无感的共享出行服务。</font></span></p><p class="MsoNormal"><img src=""><img src="https://www.yuxiit.com/img/internet_thinks/car_model-6.png" alt="设备" style="float: none;"></p><p class="MsoNormal"><span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;
|
||||||
|
mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;
|
||||||
|
mso-font-kerning:1.0000pt;"><font face="宋体">玉犀景区</font><font face="Calibri">SaaS</font><font face="宋体">智慧出行平台通过“场、车、人”三大核心要素，以“为游客提供出行便利”“为景区实现增值创收”为两大核心目标，实现了基于物联网硬件、云端软件系统为主体的出行解决方案，通过运营服务、运维服务、数据统计等核心模块为业务赋能。</font></span></p><p class="MsoNormal"><span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;
|
||||||
|
mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;
|
||||||
|
mso-font-kerning:1.0000pt;"><font face="宋体"><br></font></span><span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;
|
||||||
|
mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;
|
||||||
|
mso-font-kerning:1.0000pt;"><o:p></o:p></span></p><p class="MsoNormal"><span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;
|
||||||
|
mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;
|
||||||
|
mso-font-kerning:1.0000pt;">近几年来，玉犀科技研发的共享扫码代步车持续向景区渗透应用，游客扫码用车订单量增多，景区管理方不但可通过管理后台实时查看订单详情、统计分析营运情况的需求还能够为客户提供涵盖应用中心、会员管理、协议管理、订单管理、账户管理等丰富功能的一站式服务，方便客户随时随地搜索并查看车辆订单详情，统计订单数据。除此之外，还可查询使用车辆的支付流水和退款状态，付款信息、营收情况等一键清晰，辅助客户进行针对性的运营管理，进而为游客提供更智慧、便捷的服务。</span></p><p class="MsoNormal"><span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;
|
||||||
|
mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;
|
||||||
|
mso-font-kerning:1.0000pt;"><br></span><span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;
|
||||||
|
mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;
|
||||||
|
mso-font-kerning:1.0000pt;"><o:p></o:p></span></p><p class="MsoNormal"><span style="mso-spacerun:'yes';font-family:宋体;mso-ascii-font-family:Calibri;
|
||||||
|
mso-hansi-font-family:Calibri;mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;
|
||||||
|
mso-font-kerning:1.0000pt;">接下来，玉犀科技也将高效、智能的共享出行解决方案推广至更广阔的场景，助力景区旅游服务快速发展。</span><span style="mso-spacerun:'yes';font-family:Calibri;mso-fareast-font-family:宋体;
|
||||||
|
mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p></o:p></span></p> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="nextorpre" style="margin-top: 38px; border-top: 1px solid #ddd; padding-top: 8px;">
|
||||||
|
<li class="pull-left">上一篇：
|
||||||
|
<a href="http://www.yuxiit.com/news/news_407.html">景区共享自行车运营方案都有哪些？</a>
|
||||||
|
</li>
|
||||||
|
<li class="pull-right">下一篇：
|
||||||
|
暂时没有了 </li>
|
||||||
|
</div>
|
||||||
|
<br><br><br><br>
|
||||||
|
</div><!--左边部分-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 右边部分 -->
|
||||||
|
<aside class="col-md-4" style="border-left: 1px solid #eee; background: #fefefe;">
|
||||||
|
<!-- 热门标签 -->
|
||||||
|
<div class="widget tags wow fadeInRight animated" style="margin-bottom: 30px !important; visibility: visible; animation-name: fadeInRight;">
|
||||||
|
<h4>热门标签</h4>
|
||||||
|
<ul class="tag-cloud">
|
||||||
|
<li><a class="btn btn-xs" href="">景区单车</a></li>
|
||||||
|
<li><a class="btn btn-xs" href="">政务平台</a></li>
|
||||||
|
<li><a class="btn btn-xs" href="">共享经济</a></li>
|
||||||
|
<li><a class="btn btn-xs" href="">共享汽车APP开发</a></li>
|
||||||
|
<li><a class="btn btn-xs" href="">共享类</a></li>
|
||||||
|
<li><a class="btn btn-xs" href="">共享汽车软件开发</a></li>
|
||||||
|
<li><a class="btn btn-xs" href="">共享雨伞APP开发</a></li>
|
||||||
|
<li><a class="btn btn-xs" href="">共享雨伞软件开发</a></li>
|
||||||
|
<li><a class="btn btn-xs" href="">共享货车开发</a></li>
|
||||||
|
</ul>
|
||||||
|
</div><!-- 热门标签 -->
|
||||||
|
|
||||||
|
<!-- 最新资讯推荐 -->
|
||||||
|
<div class="sy_news animated" data-wow-delay="200ms" style="visibility: visible; animation-delay: 200ms; animation-name: fadeInDown;">
|
||||||
|
<h4>解决方案</h4>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_437.html" title="玉犀景区SaaS平台 打造专业景区共享出行综合解决方案" target="_blank">
|
||||||
|
<span class="pull-right">2025-07-08</span>玉犀景区SaaS平台 打造专业景区共享出行综合解决方案 </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_407.html" title="景区共享自行车运营方案都有哪些？" target="_blank">
|
||||||
|
<span class="pull-right">2023-05-12</span>景区共享自行车运营方案都有哪些？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_401.html" title="为什么说景区共享代步车的未来发展空间巨大？" target="_blank">
|
||||||
|
<span class="pull-right">2023-05-08</span>为什么说景区共享代步车的未来发展空间巨大？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_394.html" title="景区共享单车具备什么功能特点和收费标准？" target="_blank">
|
||||||
|
<span class="pull-right">2023-04-14</span>景区共享单车具备什么功能特点和收费标准？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_300.html" title="新冠疫情成为共享电单车行业新契机！" target="_blank">
|
||||||
|
<span class="pull-right">2020-09-08</span>新冠疫情成为共享电单车行业新契机！ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_297.html" title="新冠状病毒出现，对共享电动车行业有影响吗？" target="_blank">
|
||||||
|
<span class="pull-right">2020-07-31</span>新冠状病毒出现，对共享电动车行业有影响吗？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_276.html" title="投资共享电动车项目快速回本的几大关键点" target="_blank">
|
||||||
|
<span class="pull-right">2020-07-31</span>投资共享电动车项目快速回本的几大关键点 </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_274.html" title="共享摇摇车引领共享经济新发展方向" target="_blank">
|
||||||
|
<span class="pull-right">2020-01-02</span>共享摇摇车引领共享经济新发展方向 </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_265.html" title="电动自行车物联化方案开发 智能电动车升级改造" target="_blank">
|
||||||
|
<span class="pull-right">2019-12-31</span>电动自行车物联化方案开发 智能电动车升级改造 </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_264.html" title="宠物APP软件系统 宠物智能计步器" target="_blank">
|
||||||
|
<span class="pull-right">2019-12-31</span>宠物APP软件系统 宠物智能计步器 </a>
|
||||||
|
</li> </ul>
|
||||||
|
</div><div class="sy_news animated" data-wow-delay="200ms" style="visibility: visible; animation-delay: 200ms; animation-name: fadeInDown;">
|
||||||
|
<h4>开发知识</h4>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_426.html" title="共享电动车为何能在共享经济中独树一帜？" target="_blank">
|
||||||
|
<span class="pull-right">2023-06-29</span>共享电动车为何能在共享经济中独树一帜？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_409.html" title="共享经济项目为何能受到大众的青睐？" target="_blank">
|
||||||
|
<span class="pull-right">2023-05-16</span>共享经济项目为何能受到大众的青睐？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_402.html" title="景区共享智能代步车运营方案有哪些？" target="_blank">
|
||||||
|
<span class="pull-right">2023-05-10</span>景区共享智能代步车运营方案有哪些？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_391.html" title="玉犀景区共享代步车系统具备什么样的优势？" target="_blank">
|
||||||
|
<span class="pull-right">2023-04-07</span>玉犀景区共享代步车系统具备什么样的优势？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_308.html" title="做共享电动车能赚到钱吗" target="_blank">
|
||||||
|
<span class="pull-right">2020-03-07</span>做共享电动车能赚到钱吗 </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_298.html" title="共享电单车投资前景如何？要投入多少钱？" target="_blank">
|
||||||
|
<span class="pull-right">2020-02-23</span>共享电单车投资前景如何？要投入多少钱？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_284.html" title="共享电单车app系统方案开发是怎么合作的？" target="_blank">
|
||||||
|
<span class="pull-right">2020-01-10</span>共享电单车app系统方案开发是怎么合作的？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_283.html" title="共享医疗器械，助力开启共享经济新时代" target="_blank">
|
||||||
|
<span class="pull-right">2020-01-08</span>共享医疗器械，助力开启共享经济新时代 </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_279.html" title="共享陪护椅系统方案成为最具投资价值的共享项目" target="_blank">
|
||||||
|
<span class="pull-right">2020-01-06</span>共享陪护椅系统方案成为最具投资价值的共享项目 </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_275.html" title="共享电动车项目要向哪个政府部门申请?" target="_blank">
|
||||||
|
<span class="pull-right">2020-01-03</span>共享电动车项目要向哪个政府部门申请? </a>
|
||||||
|
</li> </ul>
|
||||||
|
</div><div class="sy_news animated" data-wow-delay="200ms" style="visibility: visible; animation-delay: 200ms; animation-name: fadeInDown;">
|
||||||
|
<h4>行业动态</h4>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_432.html" title="景区共享电动代步车如何引领景区发展趋势？" target="_blank">
|
||||||
|
<span class="pull-right">2024-12-11</span>景区共享电动代步车如何引领景区发展趋势？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_431.html" title="景区共享电动代步车有几种合作模式?" target="_blank">
|
||||||
|
<span class="pull-right">2023-07-19</span>景区共享电动代步车有几种合作模式? </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_430.html" title="景区共享观光代步车为何如此火爆？" target="_blank">
|
||||||
|
<span class="pull-right">2023-07-13</span>景区共享观光代步车为何如此火爆？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_428.html" title="2023年了，共享电动车项目还具备投资价值吗？" target="_blank">
|
||||||
|
<span class="pull-right">2023-07-04</span>2023年了，共享电动车项目还具备投资价值吗？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_427.html" title="共享电动车项目投资大吗？" target="_blank">
|
||||||
|
<span class="pull-right">2023-07-03</span>共享电动车项目投资大吗？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_424.html" title="景区投放共享电动车可靠吗？" target="_blank">
|
||||||
|
<span class="pull-right">2023-06-06</span>景区投放共享电动车可靠吗？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_423.html" title="景区共享电动车 助力景区智慧化快速发展" target="_blank">
|
||||||
|
<span class="pull-right">2023-06-06</span>景区共享电动车 助力景区智慧化快速发展 </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_421.html" title="景区共享电动代步车怎么合作？" target="_blank">
|
||||||
|
<span class="pull-right">2023-05-26</span>景区共享电动代步车怎么合作？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_420.html" title="景区智能扫码代步车的合作模式都有哪些？" target="_blank">
|
||||||
|
<span class="pull-right">2023-05-26</span>景区智能扫码代步车的合作模式都有哪些？ </a>
|
||||||
|
</li><li>
|
||||||
|
<a href="http://www.yuxiit.com/news/news_419.html" title="为何说景区共享代步车是掌握景区发展命脉？" target="_blank">
|
||||||
|
<span class="pull-right">2023-05-24</span>为何说景区共享代步车是掌握景区发展命脉？ </a>
|
||||||
|
</li> </ul>
|
||||||
|
</div> </aside><!-- 右边部分 -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--/.row-->
|
||||||
|
</section><!--/#blog-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 底部 -->
|
||||||
|
<div class="container-fluid footer" style="margin-top: 40px;">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 col-lg-offset-2">
|
||||||
|
<div class="row footer-info">
|
||||||
|
<img src="../newspublic/img/footer_logo.png"> <span>成为您更专业的技术合伙人</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row footer-group">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<h4>关于玉犀|在线咨询</h4>
|
||||||
|
<p>反馈建议：yuxi@yuxiit.com</p>
|
||||||
|
<p>客服电话：0755-85225123</p>
|
||||||
|
<p>工作时间：周一到周五 09：00-18：00</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<h4>共享经济整体解决方案</h4>
|
||||||
|
<p><a href="http://bike.yuxiit.com" target="_blank">共享单车</a> | <a href="http://www.yuxiit.com/carShare.html" target="_blank">共享汽车</a></p>
|
||||||
|
<p><a href="http://www.yuxiit.com/sharedbed.html" target="_blank">共享陪护床</a> | <a href="http://www.yuxiit.com/sharabank.html" target="_blank">共享充电宝</a></p>
|
||||||
|
<p><a href="http://umbrella.yuxiit.com/" target="_blank">共享雨伞</a> | <a href="http://www.yuxiit.com/Ebike.html">共享助力车</a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<h4>玉犀旗下品牌</h4>
|
||||||
|
<p>
|
||||||
|
<a href="http://tianmei.yuxiit.com/" target="_blank"><img src="../newspublic/img/img/icon_50.png"></a>
|
||||||
|
<a href="http://hx.yuxiit.com/" target="_blank"><img width="50" src="../newspublic/img/solut-r8.png"></a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid min-footer">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6 col-md-offset-2">Copyright © 2013-2025深圳市玉犀科技有限公司 <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备14055703号-1</a></div>
|
||||||
|
<div class="col-sm-4">公司地址：深圳市龙华新区1970文化创意产业园A栋206</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="server">
|
||||||
|
<ul>
|
||||||
|
<!-- <li id="erweima"><img src="../newspublic/img/right01.png" /></li>-->
|
||||||
|
|
||||||
|
<!-- <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1829668236&site=qq&menu=yes">-->
|
||||||
|
<!-- <li id="toqq"><img src="../newspublic/img/right02.png" /></li>-->
|
||||||
|
<!-- </a>-->
|
||||||
|
|
||||||
|
<li id="totel"><img src="../newspublic/img/right03.png" /></li>
|
||||||
|
|
||||||
|
<a target="_blank" href="http://p.qiao.baidu.com//im/index?siteid=8233756&ucid=7539873">
|
||||||
|
<li id="toqq"><img src="../newspublic/img/right04.png" /></li>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<li onclick="goTop();return false;"><img src="../newspublic/img/right05.png" /></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="list erlist none" style="display: none;">
|
||||||
|
<div class="sanjiao"></div>
|
||||||
|
<img src="../newspublic/img/cide.png" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="list tellist none" style="display: none;">
|
||||||
|
<div class="sanjiao"></div>
|
||||||
|
<span>18123752516</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
<script src="../newspublic/js/float.js"></script>
|
||||||
|
</html>
|
||||||
BIN
public/news/right03.png
Normal file
BIN
public/news/right03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 581 B |
BIN
public/news/right04.png
Normal file
BIN
public/news/right04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 415 B |
BIN
public/news/right05.png
Normal file
BIN
public/news/right05.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 250 B |
BIN
public/news/solut-r8.png
Normal file
BIN
public/news/solut-r8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/news/top_logo.png
Normal file
BIN
public/news/top_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Loading…
Reference in New Issue
Block a user