首页创建0.9-组件拆分
This commit is contained in:
WindowBird
parent
ae50d50fe4
commit
ee2b7b4943
|
|
@ -3,26 +3,54 @@ const {footer} = useAppConfig()
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<UMarquee>
|
||||
共享APP开发-创特科技专注于共享陪护床，共享电动车，共享汽车，共享充电桩，共享家居电器，共享按摩椅，共享充电宝，共享滑板车等共享软件开发及物联网解决方案
|
||||
</umarquee>
|
||||
<UFooter
|
||||
:ui="{ left: 'text-muted text-xs' }"
|
||||
class="z-10 bg-default"
|
||||
>
|
||||
<template #left>
|
||||
{{ footer.credits }}
|
||||
</template>
|
||||
|
||||
<template #right>
|
||||
{{ footer.address }}
|
||||
<template v-if="footer?.links">
|
||||
<UButton
|
||||
v-for="(link, index) of footer?.links"
|
||||
:key="index"
|
||||
v-bind="{ size: 'xs', color: 'neutral', variant: 'ghost', ...link }"
|
||||
/>
|
||||
</template>
|
||||
</template>
|
||||
</UFooter>
|
||||
<!-- -->
|
||||
<div style="background: #000; color: #fff;">
|
||||
<MARQUEE>
|
||||
<!-- Keywords: -->
|
||||
<a href="index-2.html" style="color: #fff;" target="_blank" title="深圳APP开发"><strong>共享APP开发-创特科技专注于共享陪护床，共享电动车，共享汽车，共享充电桩，共享家居电器，共享按摩椅，共享充电宝，共享滑板车等共享软件开发及物联网解决方案</strong></a>
|
||||
</MARQUEE>
|
||||
</div>
|
||||
<!-- -->
|
||||
<div class="containe min-footer text-center">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">Copyright © 2013-2025深圳市创特科技有限公司 <a
|
||||
href="http://beian.miit.gov.cn/"
|
||||
target="_blank">粤ICP备14055703号-1</a>
|
||||
</div>
|
||||
<div class="col-xs-6">公司地址：深圳市龙华新区1970文化创意产业园A栋206</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4 hidden-md hidden-lg">
|
||||
<div class="servers">
|
||||
<!-- <img id="getphones" alt="18123752516" src="/img/img/wecate.png">-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="myModal" class="modal fade">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header" style="border: none">
|
||||
<button aria-label="Close" class="close" data-dismiss="modal" type="button"><span
|
||||
aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">复制成功</h4>
|
||||
</div>
|
||||
<div class="modal-body" style="text-align: center;">
|
||||
<span class="glyphicon glyphicon-ok" style="color: green; font-size: 40px;"/>
|
||||
<p>复制成功</p>
|
||||
<p>手机号：18123752516</p>
|
||||
<p>添加微信好友，详细了解产品。</p>
|
||||
</div>
|
||||
<div class="modal-footer" style="border: none">
|
||||
<button
|
||||
class="btn btn-default" data-dismiss="modal"
|
||||
style="width: 100%; background: green; border: none; color: #fff;"
|
||||
type="button">知道了
|
||||
</button>
|
||||
<!-- <button type="button" class="btn btn-primary">Save changes</button> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1,91 +1,68 @@
|
|||
<template>
|
||||
<footer class="bg-default py-12">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8">
|
||||
<!-- 底部 -->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<!-- 解决方案 -->
|
||||
<div class="text-center md:text-left">
|
||||
<h3 class="text-lg font-semibold mb-4 text-default">解决方案</h3>
|
||||
<ul class="space-y-2">
|
||||
<li
|
||||
v-for="item in solutions" :key="item"
|
||||
class="text-muted hover:text-primary transition-colors cursor-pointer">
|
||||
<a href="#">{{ item }}</a>
|
||||
</li>
|
||||
<div class="col-xs-4 col-lg-2">
|
||||
<h2>解决方案</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="http://bike.yuxiit.com/" target="_blank">共享单车</a></li>
|
||||
<!-- <li><a href="">共享汽车</a></li> -->
|
||||
<li><a href="scooter.html">共享滑板车</a></li>
|
||||
<li><a href="sharedbed.html">共享陪护床</a></li>
|
||||
<li><a href="Ebike.html">共享电动车</a></li>
|
||||
<li><a href="sharabank.html">共享充电宝</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 行业方案 -->
|
||||
<div class="text-center md:text-left">
|
||||
<h3 class="text-lg font-semibold mb-4 text-default">行业方案</h3>
|
||||
<ul class="space-y-2">
|
||||
<li
|
||||
v-for="item in industrySolutions" :key="item"
|
||||
class="text-muted hover:text-primary transition-colors cursor-pointer">
|
||||
<a href="#">{{ item }}</a>
|
||||
<div class="col-xs-4 col-lg-2">
|
||||
<h2>行业方案</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a class="menu-group" href="http://tianmei.yuxiit.com/" target="_blank" title="智慧餐饮">智慧餐饮</a>
|
||||
</li>
|
||||
<li><a href="http://hx.yuxiit.com/" target="_blank" title="智慧公寓">智慧公寓</a></li>
|
||||
<li><a href="Internet_Things_ElectCar.html" target="_blank" title="智慧公寓">智能电动车</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 软件开发 -->
|
||||
<div class="text-center md:text-left">
|
||||
<h3 class="text-lg font-semibold mb-4 text-default">软件开发</h3>
|
||||
<ul class="space-y-2">
|
||||
<li
|
||||
v-for="item in softwareDevelopment" :key="item"
|
||||
class="text-muted hover:text-primary transition-colors cursor-pointer">
|
||||
<a href="#">{{ item }}</a>
|
||||
</li>
|
||||
<div class="col-xs-4 col-lg-2">
|
||||
<h2>软件开发</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发</a></li>
|
||||
<li><a href="UI-s.html">APP开发</a></li>
|
||||
<li><a href="proDevelop.html">小程序开发</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 智能硬件 -->
|
||||
<div class="text-center md:text-left">
|
||||
<h3 class="text-lg font-semibold mb-4 text-default">智能硬件</h3>
|
||||
<ul class="space-y-2">
|
||||
<li
|
||||
v-for="item in smartHardware" :key="item"
|
||||
class="text-muted hover:text-primary transition-colors cursor-pointer">
|
||||
<a href="#">{{ item }}</a>
|
||||
</li>
|
||||
<div class="col-xs-4 col-lg-2">
|
||||
<h2>智能硬件</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="Internet_Things.html" title="车锁">物联网应用定制</a></li>
|
||||
<li><a href="Internet_Things_hardware.html" title="车锁">物联网智能硬件</a></li>
|
||||
<li><a href="Internet_Things_IOT.html" title="联网控制器">物联网IOT云平台</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 联系我们 -->
|
||||
<div class="text-center md:text-left">
|
||||
<h3 class="text-lg font-semibold mb-4 text-default">联系我们</h3>
|
||||
<div class="space-y-3 text-muted">
|
||||
<div class="flex items-center justify-center md:justify-start space-x-2 group">
|
||||
<UIcon
|
||||
class="w-4 h-4 text-muted group-hover:text-primary transition-colors"
|
||||
name="i-heroicons-phone-20-solid"/>
|
||||
<a class="group-hover:text-primary transition-colors" href="tel:133-7697-0966">
|
||||
客服电话：133-7697-0966
|
||||
</a>
|
||||
<div id="contact-us" class="col-xs-8 col-lg-3 col-lg-offset-1">
|
||||
<div class="row">
|
||||
<div class="col-xs-8">
|
||||
<h2>联系我们</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><span>客服电话：0755-85225123</span></li>
|
||||
<li><span>商务合作：18123752516</span></li>
|
||||
<li><span>反馈建议：yuxi@yuxiit.com</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex items-center justify-center md:justify-start space-x-2 group">
|
||||
<UIcon
|
||||
class="w-4 h-4 text-muted group-hover:text-primary transition-colors"
|
||||
name="i-heroicons-users-20-solid"/>
|
||||
<a class="group-hover:text-primary transition-colors" href="tel:133-7697-0966">
|
||||
商务合作： 133-7697-0966
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex items-center justify-center md:justify-start space-x-2 group">
|
||||
<UIcon
|
||||
class="w-4 h-4 text-muted group极hover:text-primary transition-colors"
|
||||
name="i-heroicons-envelope-20-solid"/>
|
||||
<a class="group-hover:text-primary transition-colors" href="mailto:564737095@qq.com">
|
||||
反馈建议邮箱：564737095@qq.com
|
||||
</a>
|
||||
<div class="col-xs-4">
|
||||
<!-- <img alt="联系我们" src="/img/img/qywx.png" style="width: 120px; margin-top: 20px;">-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
|
|
|||
|
|
@ -1,134 +1,52 @@
|
|||
<template>
|
||||
<div class="bg-default py-12">
|
||||
<div class="container mx-auto px-4 max-w-6xl">
|
||||
<!-- 页面标题 -->
|
||||
<div class="text-center mb-12">
|
||||
<h1 class="text-3xl lg:text-4xl font-bold text-default mb-2">
|
||||
开发资讯
|
||||
</h1>
|
||||
<p class="text-lg text-muted">NEWS</p>
|
||||
<!--box3 新闻-->
|
||||
<!-- <div style="background: #fafafa;"> -->
|
||||
<div class="container">
|
||||
<div class="text-center">
|
||||
<div class="blank50"/>
|
||||
<div
|
||||
class="cBlack f_42 line42 marginB10 wow fadeInDown animated"
|
||||
style="visibility: visible; animation-name: fadeInDown;"><!-- APP -->开发资讯
|
||||
</div>
|
||||
<div class="cGray f_18 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">NEWS</div>
|
||||
<div class="blank20"/>
|
||||
<div class="blank20"/>
|
||||
</div>
|
||||
|
||||
<!-- 三栏资讯布局 -->
|
||||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
||||
<div
|
||||
class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="300ms"
|
||||
style="visibility: visible; animation-delay: 300ms; animation-name: fadeInDown;">
|
||||
<div class="title f_22 cBlue text-center pointer" title="解决方案"/>
|
||||
<hr>
|
||||
<div class="blank20"/>
|
||||
<ul/>
|
||||
<div class="blank50"/>
|
||||
</div>
|
||||
|
||||
<!-- 解决方案栏目 -->
|
||||
<div class="bg-default border border-divider rounded-lg shadow-sm">
|
||||
<div class="p-6 border-b border-divider">
|
||||
<h2 class="text-xl font-semibold text-default">解决方案</h2>
|
||||
</div>
|
||||
<div class="p-6 space-y-6">
|
||||
<div
|
||||
v-for="article in articles.solutions"
|
||||
:key="article.id"
|
||||
class="group cursor-pointer"
|
||||
@click="handleArticleClick(article.link)"
|
||||
>
|
||||
<h3 class="text-lg font-medium text-default group-hover:text-primary transition-colors mb-2 line-clamp-2">
|
||||
{{ article.title }}
|
||||
</h3>
|
||||
<p class="text-sm text-muted">{{ article.date }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="500ms"
|
||||
style="visibility: visible; animation-delay: 500ms; animation-name: fadeInDown;">
|
||||
<div class="title f_22 cBlue text-center pointer" title="开发知识"/>
|
||||
<hr>
|
||||
<div class="blank20"/>
|
||||
<ul/>
|
||||
<div class="blank50"/>
|
||||
</div>
|
||||
|
||||
<!-- 开发知识栏目 -->
|
||||
<div class="bg-default border border-divider rounded-lg shadow-sm">
|
||||
<div class="p-6 border-b border-divider">
|
||||
<h2 class="text-xl font-semibold text-default">开发知识</h2>
|
||||
</div>
|
||||
<div class="p-6 space-y-6">
|
||||
<div
|
||||
v-for="article in articles.knowledge"
|
||||
:key="article.id"
|
||||
class="group cursor-pointer"
|
||||
@click="handleArticleClick(article.link)"
|
||||
>
|
||||
<h3 class="text-lg font-medium text-default group-hover:text-primary transition-colors mb-2">
|
||||
{{ article.title }}
|
||||
</h3>
|
||||
<p class="text-sm text-muted">{{ article.date }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 行业动态栏目 -->
|
||||
<div class="bg-default border border-divider rounded-lg shadow-sm">
|
||||
<div class="p-6 border-b border-divider">
|
||||
<h2 class="text-xl font-semibold text-default">行业动态</h2>
|
||||
</div>
|
||||
<div class="p-6 space-y-6">
|
||||
<div
|
||||
v-for="article in articles.trends"
|
||||
:key="article.id"
|
||||
class="group cursor-pointer"
|
||||
@click="handleArticleClick(article.link)"
|
||||
>
|
||||
<h3 class="text-lg font-medium text-default group-hover:text-primary transition-colors mb-2">
|
||||
{{ article.title }}
|
||||
</h3>
|
||||
<p class="text-sm text-muted">{{ article.date }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="700ms"
|
||||
style="visibility: visible; animation-delay: 700ms; animation-name: fadeInDown;">
|
||||
<div class="title f_22 cBlue text-center pointer" title="行业动态"/>
|
||||
<hr>
|
||||
<div class="blank20"/>
|
||||
<ul/>
|
||||
<div class="blank50"/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
// 数据定义
|
||||
const articles = {
|
||||
solutions: [
|
||||
{
|
||||
id: 1,
|
||||
title: "创特景区SaaS平台 打造专业景区共享出行综合解决方案",
|
||||
date: "2025-07-08 12:40",
|
||||
link: "/new"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "为什么说景区共享代步车的未来发展空间巨大?",
|
||||
date: "2023-05-08 11:25",
|
||||
link: "/news/scenic-shared-vehicle-future"
|
||||
}
|
||||
],
|
||||
knowledge: [
|
||||
{
|
||||
id: 3,
|
||||
title: "共享电动车为何能在共享经济中独树一帜?",
|
||||
date: "2023-06-29 12:26",
|
||||
link: "/news/shared-ebike-unique-position"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "景区共享智能代步车运营方案有哪些?",
|
||||
date: "2023-05-10 10:23",
|
||||
link: "/news/scenic-smart-vehicle-operations"
|
||||
}
|
||||
],
|
||||
trends: [
|
||||
{
|
||||
id: 5,
|
||||
title: "景区共享电动代步车如何引领景区发展趋势?",
|
||||
date: "2024-12-11 23:53",
|
||||
link: "/news/scenic-ebike-trend-leadership"
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: "景区共享观光代步车为何如此火爆?",
|
||||
date: "2023-07-13 15:42",
|
||||
link: "/news/scenic-sightseeing-vehicle-popularity"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
// 处理文章点击事件
|
||||
const handleArticleClick = (articleLink) => {
|
||||
// 使用Nuxt的navigateTo进行路由跳转
|
||||
navigateTo(articleLink)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.line-clamp-2 {
|
||||
|
|
|
|||
|
|
@ -678,168 +678,6 @@ onUnmounted(() => {
|
|||
</div>
|
||||
|
||||
|
||||
<!--box3 新闻-->
|
||||
<!-- <div style="background: #fafafa;"> -->
|
||||
<div class="container">
|
||||
<div class="text-center">
|
||||
<div class="blank50"/>
|
||||
<div
|
||||
class="cBlack f_42 line42 marginB10 wow fadeInDown animated"
|
||||
style="visibility: visible; animation-name: fadeInDown;"><!-- APP -->开发资讯
|
||||
</div>
|
||||
<div class="cGray f_18 wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">NEWS</div>
|
||||
<div class="blank20"/>
|
||||
<div class="blank20"/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="300ms"
|
||||
style="visibility: visible; animation-delay: 300ms; animation-name: fadeInDown;">
|
||||
<div class="title f_22 cBlue text-center pointer" title="解决方案"/>
|
||||
<hr>
|
||||
<div class="blank20"/>
|
||||
<ul/>
|
||||
<div class="blank50"/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="500ms"
|
||||
style="visibility: visible; animation-delay: 500ms; animation-name: fadeInDown;">
|
||||
<div class="title f_22 cBlue text-center pointer" title="开发知识"/>
|
||||
<hr>
|
||||
<div class="blank20"/>
|
||||
<ul/>
|
||||
<div class="blank50"/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-md-4 firstPageBox3Li wow fadeInDown animated active" data-wow-delay="700ms"
|
||||
style="visibility: visible; animation-delay: 700ms; animation-name: fadeInDown;">
|
||||
<div class="title f_22 cBlue text-center pointer" title="行业动态"/>
|
||||
<hr>
|
||||
<div class="blank20"/>
|
||||
<ul/>
|
||||
<div class="blank50"/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
|
||||
|
||||
<!-- 底部 -->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-xs-4 col-lg-2">
|
||||
<h2>解决方案</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="http://bike.yuxiit.com/" target="_blank">共享单车</a></li>
|
||||
<!-- <li><a href="">共享汽车</a></li> -->
|
||||
<li><a href="scooter.html">共享滑板车</a></li>
|
||||
<li><a href="sharedbed.html">共享陪护床</a></li>
|
||||
<li><a href="Ebike.html">共享电动车</a></li>
|
||||
<li><a href="sharabank.html">共享充电宝</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4 col-lg-2">
|
||||
<h2>行业方案</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a class="menu-group" href="http://tianmei.yuxiit.com/" target="_blank" title="智慧餐饮">智慧餐饮</a>
|
||||
</li>
|
||||
<li><a href="http://hx.yuxiit.com/" target="_blank" title="智慧公寓">智慧公寓</a></li>
|
||||
<li><a href="Internet_Things_ElectCar.html" target="_blank" title="智慧公寓">智能电动车</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4 col-lg-2">
|
||||
<h2>软件开发</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="http://wechat.yuxiit.com/" target="_blank">微信开发</a></li>
|
||||
<li><a href="UI-s.html">APP开发</a></li>
|
||||
<li><a href="proDevelop.html">小程序开发</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4 col-lg-2">
|
||||
<h2>智能硬件</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="Internet_Things.html" title="车锁">物联网应用定制</a></li>
|
||||
<li><a href="Internet_Things_hardware.html" title="车锁">物联网智能硬件</a></li>
|
||||
<li><a href="Internet_Things_IOT.html" title="联网控制器">物联网IOT云平台</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="contact-us" class="col-xs-8 col-lg-3 col-lg-offset-1">
|
||||
<div class="row">
|
||||
<div class="col-xs-8">
|
||||
<h2>联系我们</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><span>客服电话：0755-85225123</span></li>
|
||||
<li><span>商务合作：18123752516</span></li>
|
||||
<li><span>反馈建议：yuxi@yuxiit.com</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<!-- <img alt="联系我们" src="/img/img/qywx.png" style="width: 120px; margin-top: 20px;">-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- -->
|
||||
<div style="background: #000; color: #fff;">
|
||||
<MARQUEE>
|
||||
<!-- Keywords: -->
|
||||
<a href="index-2.html" style="color: #fff;" target="_blank" title="深圳APP开发"><strong>共享APP开发-创特科技专注于共享陪护床，共享电动车，共享汽车，共享充电桩，共享家居电器，共享按摩椅，共享充电宝，共享滑板车等共享软件开发及物联网解决方案</strong></a>
|
||||
</MARQUEE>
|
||||
</div>
|
||||
<!-- -->
|
||||
<div class="containe min-footer text-center">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">Copyright © 2013-2025深圳市创特科技有限公司 <a
|
||||
href="http://beian.miit.gov.cn/"
|
||||
target="_blank">粤ICP备14055703号-1</a>
|
||||
</div>
|
||||
<div class="col-xs-6">公司地址：深圳市龙华新区1970文化创意产业园A栋206</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4 hidden-md hidden-lg">
|
||||
<div class="servers">
|
||||
<!-- <img id="getphones" alt="18123752516" src="/img/img/wecate.png">-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="myModal" class="modal fade">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header" style="border: none">
|
||||
<button aria-label="Close" class="close" data-dismiss="modal" type="button"><span
|
||||
aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">复制成功</h4>
|
||||
</div>
|
||||
<div class="modal-body" style="text-align: center;">
|
||||
<span class="glyphicon glyphicon-ok" style="color: green; font-size: 40px;"/>
|
||||
<p>复制成功</p>
|
||||
<p>手机号：18123752516</p>
|
||||
<p>添加微信好友，详细了解产品。</p>
|
||||
</div>
|
||||
<div class="modal-footer" style="border: none">
|
||||
<button
|
||||
class="btn btn-default" data-dismiss="modal"
|
||||
style="width: 100%; background: green; border: none; color: #fff;"
|
||||
type="button">知道了
|
||||
</button>
|
||||
<!-- <button type="button" class="btn btn-primary">Save changes</button> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -3,12 +3,10 @@
|
|||
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<!-- <AppHeader/>-->
|
||||
<slot/>
|
||||
<!-- <DevelopNews/>-->
|
||||
<!-- <BottomNavigation/>-->
|
||||
<!-- <AppFooter/>-->
|
||||
|
||||
<DevelopNews/>
|
||||
<BottomNavigation/>
|
||||
<AppFooter/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user