定制开发-定制模块

This commit is contained in:
tyt 2024-05-27 12:01:21 +08:00
parent ef5de49180
commit e3f1e54caf
7 changed files with 1198 additions and 291 deletions

View File

@ -76,128 +76,431 @@
}
</script>
<style>
.internalRecommendedMain {
padding: 45px 0px;
min-height: -webkit-calc(100vh - 120px);
min-height: calc(100vh - 120px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: url(../../../../static/products/custom_develop/second_development/Android_SDK/img/customize_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.internalRecommendedMain .internalRecommended {
max-width: 1280px;
padding: 30px 15px 50px;
-webkit-border-radius: 15px;
border-radius: 15px;
margin: 0px auto;
background: rgba(255, 255, 255, 0.95);
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle {
font-size: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #eaecee;
color: #236283;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
padding-bottom: 10px;
border-bottom: 2px solid #236283;
display: block;
margin-bottom: -1px;
}
.internalRecommendedMain .internalRecommended .inputList {
padding-top: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px;
}
.internalRecommendedMain .internalRecommended .inputList .list {
width: 100%;
padding: 0px 0px 15px;
}
.internalRecommendedMain .internalRecommended .inputList .list p {
font-size: 14px;
color: #000000;
padding-bottom: 10px;
}
.internalRecommendedMain .internalRecommended .inputList .list p span {
color: #ff0000;
}
.internalRecommendedMain .internalRecommended .inputList .list input {
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 40px;
padding: 0px 15px;
font-size: 14px;
background: rgba(255, 255, 255, 0.76);
border: 1px solid rgba(229, 231, 233, 0.76);
}
.internalRecommendedMain .internalRecommended .inputList .list select {
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 40px;
padding: 0px 15px;
font-size: 14px;
background: rgba(255, 255, 255, 0.76);
border: 1px solid rgba(229, 231, 233, 0.76);
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
top: 43px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl dd.layui-this {
background-color: #236283;
}
.internalRecommendedMain .internalRecommended .btns {
text-align: center;
padding-top: 20px;
}
.internalRecommendedMain .internalRecommended .btns input {
width: 100%;
height: 40px;
font-size: 14px;
color: #ffffff;
background: #236283;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.commonweb {
width: 100%;
padding: 0px 20px;
}
.requires {
margin-top: 15px;
}
.requires p {
font-size: 14px;
color: #000000;
padding-bottom: 10px;
}
.requires p span {
color: #ff0000;
}
.requires textarea {
display: block;
background: #fbfbfb;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 20px;
border: 1px solid #e5e7e9;
}
@media (min-width: 768px) {
.internalRecommendedMain {
padding: 2.188vw 0vw;
min-height: -webkit-calc(100vh - 10vw);
min-height: calc(100vh - 10vw);
}
.internalRecommendedMain .internalRecommended {
padding: 3.125vw 3.125vw 5vw;
-webkit-border-radius: 0.938vw;
border-radius: 0.938vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle {
font-size: 1.5vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
padding-bottom: 0.938vw;
margin-bottom: -0.063vw;
}
.internalRecommendedMain .internalRecommended .inputList {
padding-top: 2.813vw;
margin: 0vw -0.938vw;
}
.internalRecommendedMain .internalRecommended .inputList .list {
width: 33.333%;
padding: 0vw 0.938vw 0.938vw;
}
.internalRecommendedMain .internalRecommended .inputList .list p {
font-size: 1vw;
padding-bottom: 0.625vw;
}
.internalRecommendedMain .internalRecommended .inputList .list input {
width: 100%;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
height: 3.125vw;
padding: 0vw 1.25vw;
font-size: 0.875vw;
}
.internalRecommendedMain .internalRecommended .inputList .list select {
width: 100%;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
height: 3.125vw;
padding: 0vw 1.25vw;
font-size: 0.875vw;
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
top: 3.313vw;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
}
.internalRecommendedMain .internalRecommended .btns {
padding-top: 3.75vw;
}
.internalRecommendedMain .internalRecommended .btns input {
width: 25vw;
height: 3.125vw;
font-size: 1.125vw;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
}
.commonweb {
padding: 0px 20px;
}
.commonweb {
margin: 0px auto;
max-width: 87.5vw;
}
.requires {
margin-top: 1.875vw;
}
.requires p {
font-size: 1vw;
padding-bottom: 0.625vw;
}
.requires textarea {
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
padding: 1.875vw;
}
}
@media (min-width: 1200px) {
.internalRecommendedMain {
padding: 1.823vw 0vw;
min-height: -webkit-calc(100vh - 8.333vw);
min-height: calc(100vh - 8.333vw);
}
.internalRecommendedMain .internalRecommended {
padding: 2.604vw 2.604vw 4.167vw;
-webkit-border-radius: 0.781vw;
border-radius: 0.781vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle {
font-size: 1.25vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
padding-bottom: 0.781vw;
margin-bottom: -0.052vw;
}
.internalRecommendedMain .internalRecommended .inputList {
padding-top: 2.344vw;
margin: 0vw -0.781vw;
}
.internalRecommendedMain .internalRecommended .inputList .list {
width: 33.333%;
padding: 0vw 0.781vw 0.781vw;
}
.internalRecommendedMain .internalRecommended .inputList .list p {
font-size: 0.833vw;
padding-bottom: 0.521vw;
}
.internalRecommendedMain .internalRecommended .inputList .list input {
width: 100%;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
height: 2.604vw;
padding: 0vw 1.042vw;
font-size: 0.729vw;
}
.internalRecommendedMain .internalRecommended .inputList .list select {
width: 100%;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
height: 2.604vw;
padding: 0vw 1.042vw;
font-size: 0.729vw;
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
top: 2.76vw;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
}
.internalRecommendedMain .internalRecommended .btns {
padding-top: 3.125vw;
}
.internalRecommendedMain .internalRecommended .btns input {
width: 20.833vw;
height: 2.604vw;
font-size: 0.938vw;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
}
.requires {
margin-top: 1.563vw;
}
.requires p {
font-size: 0.833vw;
padding-bottom: 0.521vw;
}
.requires textarea {
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
padding: 1.563vw;
}
}
@media (min-width: 992px) {
.commonweb {
padding: 0px 10px;
}
}
@media (min-width: 1260px) {
.commonweb {
max-width: 83.333vw;
}
}
@media (min-width: 1920px) {
.internalRecommendedMain .internalRecommended {
max-width: 66.667vw;
}
}
</style>
<body>
<div class="header head3">#include(navbar)</div>
<div class="TopicPage">
<!--程序注意 只要含有“publicLink”这个导航的页面header就得添加类名“head3” -->
<div class="publicLink">
<div class="container1260" style="align-items: center">
<h5>安卓SDK</h5>
<div class="right">
<a href="./Android_SDK_specific.html">功能特性</a>
<!-- <a href="./Android_SDK_video.html">视频</a> -->
<a href="./Android_SDK_download.html">资料下载</a>
<a href="./Android_SDK_customize.html" class="active">定制</a>
</div>
</div>
</div>
<div class="publicLink" style="background-color: #f7f8f9">
<div class="container1260" style="padding: 20px;">
<div class="customize">
<div class="pic_box">
<div style="position: absolute; top: 5%; left: 5%; width: 60%">
<p class="title">安卓SDK</p>
<p class="content">
专注于LED显示应用行业的专业力量我们精于定制为您点亮无限可能。专为LED显示屏领域度身打造PC端控制软件凭借深厚行业经验和专业技术积累我们深谙您的独特需求旨在以精准操控和卓越性能引领您走向显示技术的前沿让您在LED显示世界中游刃有余尽享专业定制带来的无尽可能!
</p>
</div>
<img src="../../../../static/products/xixun_software/SingleMachine/1单机版软件定制.jpg" alt=""
style="width: 100%; height: 100%" />
</div>
<div class="content_box">
<div class="Forms">
<!-- <table class="layui-table" lay-even lay-size="lg"> -->
<table class="layui-table " lay-even>
<colgroup>
<!-- <col width="25%">
<col width="25%">
<col width="25%">
<col width="25%"> -->
</colgroup>
<thead>
<tr>
<th colspan="4">单机版PC软件 LEDOK Express</th>
</tr>
</thead>
<tbody>
<tr>
<td>平台支持</td>
<td>WINDOWS</td>
<td>MAC OS</td>
<td>LINUX</td>
</tr>
<tr>
<td>功能介绍</td>
<td colspan="3">LEDOK
Express是支持多平台的单机局域网软件实现局域网自动发现设备可进行LED模组智能设置、批量设备管理、多窗口多页面节目编排和批量内容下发轻松管理附近的LED和LCD显示屏。</td>
</tr>
<tr>
<td>功能定制</td>
<td colspan="3">
基础功能报价中包含:<br />
1自定义LOGO<br />
2自定义软件名称连同熙讯公开版本持续升级更新。<br />
其他个性化功能按实际需求评估后单独报价<br />
</td>
</tr>
<tr>
<td>软件使用培训费用【可选】</td>
<td colspan="3">
¥1,000.00<br />
单次/1人/1天异地差旅费另计<br />
</td>
</tr>
<tr>
<td>备注</td>
<td colspan="3">
1所有平台和软件均为远程部署需现场实施请提前商务沟通确认并提供相关人员的差旅和现场实施费用<br />
2所有平台和软件只提供可运行程序或安装包不提供源代码<br />
</td>
</tr>
</tbody>
</table>
<div class="internalRecommendedMain" style="margin: 20px 0px 0px;">
</div>
<div class="commonweb">
<div class="internalRecommended">
<div class="internalRecommendedTitle"><span>联系我们的专业软件产品经理</span></div>
<div class="contact">
<div>
<div class="title">联系我们的专业软件产品经理</div>
<br>
<form id="contactForm" >
<div class="form-group">
<div for="name">*姓名:</div>
<div class="inputList">
<div class="list">
<p for="name"><span>*</span> 姓名</p>
<input id="name" class="form-control" name="text" aria-labelledby="phoneLabel" placeholder="请输入您的姓名"
required>
</div>
<div class="form-group">
<div for="phone">*联系电话:</div>
<div class="list">
<p for="phone"><span>*</span> 联系电话</p>
<input id="phone" class="form-control" type="tel" name="tel" pattern="1[3-9]\d{9}"
title="请输入正确的手机号码" aria-labelledby="phoneLabel" placeholder="请输入您的联系方式" required>
</div>
<div class="form-group">
<div for="email">常用邮箱:</div>
<div class="list">
<p for="email">常用邮箱</p>
<input id="email" class="form-control" type="email" name="email" placeholder="请输入您的邮箱地址"
aria-labelledby="emailLabel">
</div>
<div class="form-group">
<div id="textareaLable" for="requirements">*需求描述:</div>
<textarea id="requirements" class="form-control" name="requirements"
</div>
<div class="requires">
<p for="requirements"><span>*</span>你的需求</p>
<textarea id="requirements" name="requirements" style="width: 100%;height: 100%;"
aria-labelledby="requirementsLabel" placeholder="请输入您的需求" required></textarea>
</div>
<div>
<button type="submit" class="Btn" style="float: right;">提交</button>
<div class="btns"><input type="submit" lay-submit="" lay-filter="Vitae" value="提交">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
#include(footer)
<div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
</body>
@ -248,6 +551,7 @@
// 更新 textarea 的值
$(this).val(cleanedInput);
});
console.log('ceshi');
$('#contactForm').on('submit', function (e) {
e.preventDefault();
$.ajax({
@ -281,4 +585,5 @@
}))
});
});
</script>

View File

@ -93,7 +93,7 @@
</div>
</div>
<div class="Z6TopicPage1" style="padding-top: 20px;">
<img src="../../../../static/products/xixun_software/SingleMachine/LedOK_Express/img/LedOK Express.jpg" alt="" >
<img src="/static/products/custom_develop/second_development/Android_SDK/img/development.png" alt="" style="width: 15vw;height: auto;">
</div>
</div>
#include(footer)

View File

@ -76,6 +76,353 @@
}
</script>
<style>
.internalRecommendedMain {
padding: 45px 0px;
min-height: -webkit-calc(100vh - 120px);
min-height: calc(100vh - 120px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: url(../../../../static/products/custom_develop/second_development/Android_SDK/img/customize_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.internalRecommendedMain .internalRecommended {
max-width: 1280px;
padding: 30px 15px 50px;
-webkit-border-radius: 15px;
border-radius: 15px;
margin: 0px auto;
background: rgba(255, 255, 255, 0.95);
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle {
font-size: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #eaecee;
color: #236283;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
padding-bottom: 10px;
border-bottom: 2px solid #236283;
display: block;
margin-bottom: -1px;
}
.internalRecommendedMain .internalRecommended .inputList {
padding-top: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px;
}
.internalRecommendedMain .internalRecommended .inputList .list {
width: 100%;
padding: 0px 0px 15px;
}
.internalRecommendedMain .internalRecommended .inputList .list p {
font-size: 14px;
color: #000000;
padding-bottom: 10px;
}
.internalRecommendedMain .internalRecommended .inputList .list p span {
color: #ff0000;
}
.internalRecommendedMain .internalRecommended .inputList .list input {
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 40px;
padding: 0px 15px;
font-size: 14px;
background: rgba(255, 255, 255, 0.76);
border: 1px solid rgba(229, 231, 233, 0.76);
}
.internalRecommendedMain .internalRecommended .inputList .list select {
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 40px;
padding: 0px 15px;
font-size: 14px;
background: rgba(255, 255, 255, 0.76);
border: 1px solid rgba(229, 231, 233, 0.76);
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
top: 43px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl dd.layui-this {
background-color: #236283;
}
.internalRecommendedMain .internalRecommended .btns {
text-align: center;
padding-top: 20px;
}
.internalRecommendedMain .internalRecommended .btns input {
width: 100%;
height: 40px;
font-size: 14px;
color: #ffffff;
background: #236283;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.commonweb {
width: 100%;
padding: 0px 20px;
}
.requires {
margin-top: 15px;
}
.requires p {
font-size: 14px;
color: #000000;
padding-bottom: 10px;
}
.requires p span {
color: #ff0000;
}
.requires textarea {
display: block;
background: #fbfbfb;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 20px;
border: 1px solid #e5e7e9;
}
@media (min-width: 768px) {
.internalRecommendedMain {
padding: 2.188vw 0vw;
min-height: -webkit-calc(100vh - 10vw);
min-height: calc(100vh - 10vw);
}
.internalRecommendedMain .internalRecommended {
padding: 3.125vw 3.125vw 5vw;
-webkit-border-radius: 0.938vw;
border-radius: 0.938vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle {
font-size: 1.5vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
padding-bottom: 0.938vw;
margin-bottom: -0.063vw;
}
.internalRecommendedMain .internalRecommended .inputList {
padding-top: 2.813vw;
margin: 0vw -0.938vw;
}
.internalRecommendedMain .internalRecommended .inputList .list {
width: 33.333%;
padding: 0vw 0.938vw 0.938vw;
}
.internalRecommendedMain .internalRecommended .inputList .list p {
font-size: 1vw;
padding-bottom: 0.625vw;
}
.internalRecommendedMain .internalRecommended .inputList .list input {
width: 100%;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
height: 3.125vw;
padding: 0vw 1.25vw;
font-size: 0.875vw;
}
.internalRecommendedMain .internalRecommended .inputList .list select {
width: 100%;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
height: 3.125vw;
padding: 0vw 1.25vw;
font-size: 0.875vw;
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
top: 3.313vw;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
}
.internalRecommendedMain .internalRecommended .btns {
padding-top: 3.75vw;
}
.internalRecommendedMain .internalRecommended .btns input {
width: 25vw;
height: 3.125vw;
font-size: 1.125vw;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
}
.commonweb {
padding: 0px 20px;
}
.commonweb {
margin: 0px auto;
max-width: 87.5vw;
}
.requires {
margin-top: 1.875vw;
}
.requires p {
font-size: 1vw;
padding-bottom: 0.625vw;
}
.requires textarea {
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
padding: 1.875vw;
}
}
@media (min-width: 1200px) {
.internalRecommendedMain {
padding: 1.823vw 0vw;
min-height: -webkit-calc(100vh - 8.333vw);
min-height: calc(100vh - 8.333vw);
}
.internalRecommendedMain .internalRecommended {
padding: 2.604vw 2.604vw 4.167vw;
-webkit-border-radius: 0.781vw;
border-radius: 0.781vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle {
font-size: 1.25vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
padding-bottom: 0.781vw;
margin-bottom: -0.052vw;
}
.internalRecommendedMain .internalRecommended .inputList {
padding-top: 2.344vw;
margin: 0vw -0.781vw;
}
.internalRecommendedMain .internalRecommended .inputList .list {
width: 33.333%;
padding: 0vw 0.781vw 0.781vw;
}
.internalRecommendedMain .internalRecommended .inputList .list p {
font-size: 0.833vw;
padding-bottom: 0.521vw;
}
.internalRecommendedMain .internalRecommended .inputList .list input {
width: 100%;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
height: 2.604vw;
padding: 0vw 1.042vw;
font-size: 0.729vw;
}
.internalRecommendedMain .internalRecommended .inputList .list select {
width: 100%;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
height: 2.604vw;
padding: 0vw 1.042vw;
font-size: 0.729vw;
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
top: 2.76vw;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
}
.internalRecommendedMain .internalRecommended .btns {
padding-top: 3.125vw;
}
.internalRecommendedMain .internalRecommended .btns input {
width: 20.833vw;
height: 2.604vw;
font-size: 0.938vw;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
}
.requires {
margin-top: 1.563vw;
}
.requires p {
font-size: 0.833vw;
padding-bottom: 0.521vw;
}
.requires textarea {
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
padding: 1.563vw;
}
}
@media (min-width: 992px) {
.commonweb {
padding: 0px 10px;
}
}
@media (min-width: 1260px) {
.commonweb {
max-width: 83.333vw;
}
}
@media (min-width: 1920px) {
.internalRecommendedMain .internalRecommended {
max-width: 66.667vw;
}
}
</style>
<body>
<div class="header head3">#include(navbar)</div>
@ -94,108 +441,62 @@
</div>
</div>
<div class="publicLink" style="background-color: #f7f8f9">
<div class="container1260" style="padding: 20px;">
<div class="customize">
<div class="pic_box">
<div style="position: absolute; top: 5%; left: 5%; width: 60%">
<p class="title">Realtime二次开发</p>
<p class="content">
专注于LED显示应用行业的专业力量我们精于定制为您点亮无限可能。专为LED显示屏领域度身打造PC端控制软件凭借深厚行业经验和专业技术积累我们深谙您的独特需求旨在以精准操控和卓越性能引领您走向显示技术的前沿让您在LED显示世界中游刃有余尽享专业定制带来的无尽可能!
</p>
</div>
<img src="../../../../static/products/xixun_software/SingleMachine/1单机版软件定制.jpg" alt=""
style="width: 100%; height: 100%" />
</div>
<div class="content_box">
<div class="Forms">
<!-- <table class="layui-table" lay-even lay-size="lg"> -->
<table class="layui-table " lay-even>
<colgroup>
<!-- <col width="25%">
<col width="25%">
<col width="25%">
<col width="25%"> -->
</colgroup>
<thead>
<tr>
<th colspan="4">单机版PC软件 LEDOK Express</th>
</tr>
</thead>
<tbody>
<tr>
<td>平台支持</td>
<td>WINDOWS</td>
<td>MAC OS</td>
<td>LINUX</td>
</tr>
<tr>
<td>功能介绍</td>
<td colspan="3">LEDOK
Express是支持多平台的单机局域网软件实现局域网自动发现设备可进行LED模组智能设置、批量设备管理、多窗口多页面节目编排和批量内容下发轻松管理附近的LED和LCD显示屏。</td>
</tr>
<tr>
<td>功能定制</td>
<td colspan="3">
基础功能报价中包含:<br />
1自定义LOGO<br />
2自定义软件名称连同熙讯公开版本持续升级更新。<br />
其他个性化功能按实际需求评估后单独报价<br />
</td>
</tr>
<tr>
<td>软件使用培训费用【可选】</td>
<td colspan="3">
¥1,000.00<br />
单次/1人/1天异地差旅费另计<br />
</td>
</tr>
<tr>
<td>备注</td>
<td colspan="3">
1所有平台和软件均为远程部署需现场实施请提前商务沟通确认并提供相关人员的差旅和现场实施费用<br />
2所有平台和软件只提供可运行程序或安装包不提供源代码<br />
</td>
</tr>
</tbody>
</table>
<div class="internalRecommendedMain" style="margin: 20px 0px 0px;">
</div>
<div class="commonweb">
<div class="internalRecommended">
<div class="internalRecommendedTitle"><span>联系我们的专业软件产品经理</span></div>
<div class="contact">
<div>
<div class="title">联系我们的专业软件产品经理</div>
<br>
<form id="contactForm" >
<div class="form-group">
<div for="name">*姓名:</div>
<div class="inputList">
<div class="list">
<p for="name"><span>*</span> 姓名</p>
<input id="name" class="form-control" name="text" aria-labelledby="phoneLabel" placeholder="请输入您的姓名"
required>
</div>
<div class="form-group">
<div for="phone">*联系电话:</div>
<div class="list">
<p for="phone"><span>*</span> 联系电话</p>
<input id="phone" class="form-control" type="tel" name="tel" pattern="1[3-9]\d{9}"
title="请输入正确的手机号码" aria-labelledby="phoneLabel" placeholder="请输入您的联系方式" required>
</div>
<div class="form-group">
<div for="email">常用邮箱:</div>
<div class="list">
<p for="email">常用邮箱</p>
<input id="email" class="form-control" type="email" name="email" placeholder="请输入您的邮箱地址"
aria-labelledby="emailLabel">
</div>
<div class="form-group">
<div id="textareaLable" for="requirements">*需求描述:</div>
<textarea id="requirements" class="form-control" name="requirements"
</div>
<div class="requires">
<p for="requirements"><span>*</span>你的需求</p>
<textarea id="requirements" name="requirements" style="width: 100%;height: 100%;"
aria-labelledby="requirementsLabel" placeholder="请输入您的需求" required></textarea>
</div>
<div>
<button type="submit" class="Btn" style="float: right;">提交</button>
<div class="btns"><input type="submit" lay-submit="" lay-filter="Vitae" value="提交">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
#include(footer)

View File

@ -85,7 +85,7 @@
<h5>Realtime二次开发</h5>
<div class="right">
<a href="./Realtime_specific.html" >功能特性</a>
<a href="./Realtime_SDK_video.html">视频</a>
<a href="./Realtime_video.html">视频</a>
<a href="./Realtime_download.html" class="active">资料下载</a>
<a href="./Realtime_customize.html">定制</a>
</div>

View File

@ -93,7 +93,7 @@
</div>
</div>
<div class="Z6TopicPage1" style="padding-top: 20px;">
<img src="../../../../static/products/xixun_software/SingleMachine/LedOK_Express/img/LedOK Express.jpg" alt="" >
<img src="/static/products/custom_develop/second_development/Android_SDK/img/development.png" alt="" style="width: 15vw;height: auto;">
</div>
</div>
#include(footer)

View File

@ -76,6 +76,353 @@
}
</script>
<style>
.internalRecommendedMain {
padding: 45px 0px;
min-height: -webkit-calc(100vh - 120px);
min-height: calc(100vh - 120px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: url(../../../../static/products/custom_develop/second_development/Android_SDK/img/customize_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.internalRecommendedMain .internalRecommended {
max-width: 1280px;
padding: 30px 15px 50px;
-webkit-border-radius: 15px;
border-radius: 15px;
margin: 0px auto;
background: rgba(255, 255, 255, 0.95);
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle {
font-size: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #eaecee;
color: #236283;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
padding-bottom: 10px;
border-bottom: 2px solid #236283;
display: block;
margin-bottom: -1px;
}
.internalRecommendedMain .internalRecommended .inputList {
padding-top: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px;
}
.internalRecommendedMain .internalRecommended .inputList .list {
width: 100%;
padding: 0px 0px 15px;
}
.internalRecommendedMain .internalRecommended .inputList .list p {
font-size: 14px;
color: #000000;
padding-bottom: 10px;
}
.internalRecommendedMain .internalRecommended .inputList .list p span {
color: #ff0000;
}
.internalRecommendedMain .internalRecommended .inputList .list input {
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 40px;
padding: 0px 15px;
font-size: 14px;
background: rgba(255, 255, 255, 0.76);
border: 1px solid rgba(229, 231, 233, 0.76);
}
.internalRecommendedMain .internalRecommended .inputList .list select {
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 40px;
padding: 0px 15px;
font-size: 14px;
background: rgba(255, 255, 255, 0.76);
border: 1px solid rgba(229, 231, 233, 0.76);
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
top: 43px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl dd.layui-this {
background-color: #236283;
}
.internalRecommendedMain .internalRecommended .btns {
text-align: center;
padding-top: 20px;
}
.internalRecommendedMain .internalRecommended .btns input {
width: 100%;
height: 40px;
font-size: 14px;
color: #ffffff;
background: #236283;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.commonweb {
width: 100%;
padding: 0px 20px;
}
.requires {
margin-top: 15px;
}
.requires p {
font-size: 14px;
color: #000000;
padding-bottom: 10px;
}
.requires p span {
color: #ff0000;
}
.requires textarea {
display: block;
background: #fbfbfb;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 20px;
border: 1px solid #e5e7e9;
}
@media (min-width: 768px) {
.internalRecommendedMain {
padding: 2.188vw 0vw;
min-height: -webkit-calc(100vh - 10vw);
min-height: calc(100vh - 10vw);
}
.internalRecommendedMain .internalRecommended {
padding: 3.125vw 3.125vw 5vw;
-webkit-border-radius: 0.938vw;
border-radius: 0.938vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle {
font-size: 1.5vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
padding-bottom: 0.938vw;
margin-bottom: -0.063vw;
}
.internalRecommendedMain .internalRecommended .inputList {
padding-top: 2.813vw;
margin: 0vw -0.938vw;
}
.internalRecommendedMain .internalRecommended .inputList .list {
width: 33.333%;
padding: 0vw 0.938vw 0.938vw;
}
.internalRecommendedMain .internalRecommended .inputList .list p {
font-size: 1vw;
padding-bottom: 0.625vw;
}
.internalRecommendedMain .internalRecommended .inputList .list input {
width: 100%;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
height: 3.125vw;
padding: 0vw 1.25vw;
font-size: 0.875vw;
}
.internalRecommendedMain .internalRecommended .inputList .list select {
width: 100%;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
height: 3.125vw;
padding: 0vw 1.25vw;
font-size: 0.875vw;
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
top: 3.313vw;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
}
.internalRecommendedMain .internalRecommended .btns {
padding-top: 3.75vw;
}
.internalRecommendedMain .internalRecommended .btns input {
width: 25vw;
height: 3.125vw;
font-size: 1.125vw;
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
}
.commonweb {
padding: 0px 20px;
}
.commonweb {
margin: 0px auto;
max-width: 87.5vw;
}
.requires {
margin-top: 1.875vw;
}
.requires p {
font-size: 1vw;
padding-bottom: 0.625vw;
}
.requires textarea {
-webkit-border-radius: 0.313vw;
border-radius: 0.313vw;
padding: 1.875vw;
}
}
@media (min-width: 1200px) {
.internalRecommendedMain {
padding: 1.823vw 0vw;
min-height: -webkit-calc(100vh - 8.333vw);
min-height: calc(100vh - 8.333vw);
}
.internalRecommendedMain .internalRecommended {
padding: 2.604vw 2.604vw 4.167vw;
-webkit-border-radius: 0.781vw;
border-radius: 0.781vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle {
font-size: 1.25vw;
}
.internalRecommendedMain .internalRecommended .internalRecommendedTitle span {
padding-bottom: 0.781vw;
margin-bottom: -0.052vw;
}
.internalRecommendedMain .internalRecommended .inputList {
padding-top: 2.344vw;
margin: 0vw -0.781vw;
}
.internalRecommendedMain .internalRecommended .inputList .list {
width: 33.333%;
padding: 0vw 0.781vw 0.781vw;
}
.internalRecommendedMain .internalRecommended .inputList .list p {
font-size: 0.833vw;
padding-bottom: 0.521vw;
}
.internalRecommendedMain .internalRecommended .inputList .list input {
width: 100%;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
height: 2.604vw;
padding: 0vw 1.042vw;
font-size: 0.729vw;
}
.internalRecommendedMain .internalRecommended .inputList .list select {
width: 100%;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
height: 2.604vw;
padding: 0vw 1.042vw;
font-size: 0.729vw;
}
.internalRecommendedMain .internalRecommended .inputList .list .layui-form-select dl {
top: 2.76vw;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
}
.internalRecommendedMain .internalRecommended .btns {
padding-top: 3.125vw;
}
.internalRecommendedMain .internalRecommended .btns input {
width: 20.833vw;
height: 2.604vw;
font-size: 0.938vw;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
}
.requires {
margin-top: 1.563vw;
}
.requires p {
font-size: 0.833vw;
padding-bottom: 0.521vw;
}
.requires textarea {
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
padding: 1.563vw;
}
}
@media (min-width: 992px) {
.commonweb {
padding: 0px 10px;
}
}
@media (min-width: 1260px) {
.commonweb {
max-width: 83.333vw;
}
}
@media (min-width: 1920px) {
.internalRecommendedMain .internalRecommended {
max-width: 66.667vw;
}
}
</style>
<body>
<div class="header head3">#include(navbar)</div>
@ -94,108 +441,62 @@
</div>
</div>
<div class="publicLink" style="background-color: #f7f8f9">
<div class="container1260" style="padding: 20px;">
<div class="customize">
<div class="pic_box">
<div style="position: absolute; top: 5%; left: 5%; width: 60%">
<p class="title">项目管理后台</p>
<p class="content">
专注于LED显示应用行业的专业力量我们精于定制为您点亮无限可能。专为LED显示屏领域度身打造PC端控制软件凭借深厚行业经验和专业技术积累我们深谙您的独特需求旨在以精准操控和卓越性能引领您走向显示技术的前沿让您在LED显示世界中游刃有余尽享专业定制带来的无尽可能!
</p>
</div>
<img src="../../../../static/products/xixun_software/SingleMachine/1单机版软件定制.jpg" alt=""
style="width: 100%; height: 100%" />
</div>
<div class="content_box">
<div class="Forms">
<!-- <table class="layui-table" lay-even lay-size="lg"> -->
<table class="layui-table " lay-even>
<colgroup>
<!-- <col width="25%">
<col width="25%">
<col width="25%">
<col width="25%"> -->
</colgroup>
<thead>
<tr>
<th colspan="4">单机版PC软件 LEDOK Express</th>
</tr>
</thead>
<tbody>
<tr>
<td>平台支持</td>
<td>WINDOWS</td>
<td>MAC OS</td>
<td>LINUX</td>
</tr>
<tr>
<td>功能介绍</td>
<td colspan="3">LEDOK
Express是支持多平台的单机局域网软件实现局域网自动发现设备可进行LED模组智能设置、批量设备管理、多窗口多页面节目编排和批量内容下发轻松管理附近的LED和LCD显示屏。</td>
</tr>
<tr>
<td>功能定制</td>
<td colspan="3">
基础功能报价中包含:<br />
1自定义LOGO<br />
2自定义软件名称连同熙讯公开版本持续升级更新。<br />
其他个性化功能按实际需求评估后单独报价<br />
</td>
</tr>
<tr>
<td>软件使用培训费用【可选】</td>
<td colspan="3">
¥1,000.00<br />
单次/1人/1天异地差旅费另计<br />
</td>
</tr>
<tr>
<td>备注</td>
<td colspan="3">
1所有平台和软件均为远程部署需现场实施请提前商务沟通确认并提供相关人员的差旅和现场实施费用<br />
2所有平台和软件只提供可运行程序或安装包不提供源代码<br />
</td>
</tr>
</tbody>
</table>
<div class="internalRecommendedMain" style="margin: 20px 0px 0px;">
</div>
<div class="commonweb">
<div class="internalRecommended">
<div class="internalRecommendedTitle"><span>联系我们的专业软件产品经理</span></div>
<div class="contact">
<div>
<div class="title">联系我们的专业软件产品经理</div>
<br>
<form id="contactForm" >
<div class="form-group">
<div for="name">*姓名:</div>
<div class="inputList">
<div class="list">
<p for="name"><span>*</span> 姓名</p>
<input id="name" class="form-control" name="text" aria-labelledby="phoneLabel" placeholder="请输入您的姓名"
required>
</div>
<div class="form-group">
<div for="phone">*联系电话:</div>
<div class="list">
<p for="phone"><span>*</span> 联系电话</p>
<input id="phone" class="form-control" type="tel" name="tel" pattern="1[3-9]\d{9}"
title="请输入正确的手机号码" aria-labelledby="phoneLabel" placeholder="请输入您的联系方式" required>
</div>
<div class="form-group">
<div for="email">常用邮箱:</div>
<div class="list">
<p for="email">常用邮箱</p>
<input id="email" class="form-control" type="email" name="email" placeholder="请输入您的邮箱地址"
aria-labelledby="emailLabel">
</div>
<div class="form-group">
<div id="textareaLable" for="requirements">*需求描述:</div>
<textarea id="requirements" class="form-control" name="requirements"
</div>
<div class="requires">
<p for="requirements"><span>*</span>你的需求</p>
<textarea id="requirements" name="requirements" style="width: 100%;height: 100%;"
aria-labelledby="requirementsLabel" placeholder="请输入您的需求" required></textarea>
</div>
<div>
<button type="submit" class="Btn" style="float: right;">提交</button>
<div class="btns"><input type="submit" lay-submit="" lay-filter="Vitae" value="提交">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
#include(footer)

Binary file not shown.

After

Width:  |  Height:  |  Size: 330 KiB