100 lines
3.2 KiB
PHP
100 lines
3.2 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>产品服务 - 坤班</title>
|
||
<link rel="stylesheet" href="/css/common.css">
|
||
<link rel="stylesheet" href="/css/product.css">
|
||
</head>
|
||
<body>
|
||
<div class="form-mask" id="formMask"></div>
|
||
<!-- 导航栏 -->
|
||
<?php
|
||
$currentPath = getCurrentPurePath();
|
||
$db = new ciy\db();
|
||
$csql = new ciy\sql('www_list_art');
|
||
$currentPage = Web_getint('currentPage');
|
||
$PageSize = 4;
|
||
$totalData = $db->execute('select keyw from www_list_art where keyw=?', ['坤班产品']);
|
||
$csql->where('keyw', '坤班产品');
|
||
$csql->order('uptimes desc');
|
||
$csql->limit($currentPage, $PageSize);
|
||
$csql->column('id,name,keyw,descs');
|
||
$count = -1;
|
||
$rows = $db->get($csql, $count);
|
||
include_once('wwpage/Kun_header.php');
|
||
?>
|
||
|
||
<section class="product-banner">
|
||
<div class="product-banner-text">
|
||
<h1>产品服务</h1>
|
||
<p>技筑产品，服务赋能</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 核心修改：统一容器类名 + 调整卡片结构 -->
|
||
<div class="product-container">
|
||
<div class="product-card-wrapper" id="productCardList">
|
||
<?php
|
||
foreach ($rows as $row) {
|
||
echo
|
||
'
|
||
<div class="product-card-item">
|
||
<div class="product-card-img-box">
|
||
<img src="/ud/img/product.jpg" alt="'.$row['name'].'">
|
||
</div>
|
||
<div class="product-card-content">
|
||
<h3 class="product-card-title">'.$row['name'].'</h3>
|
||
<p class="product-card-desc">'.$row['descs'].'</p>
|
||
<a href="/product_detail/'.$row['id'].'" class="product-card-link">查看详情</a>
|
||
</div>
|
||
</div>
|
||
';
|
||
}
|
||
?>
|
||
</div>
|
||
<div class="product-page-nav">
|
||
<?php
|
||
$page = new web\cwebcomon();
|
||
$page->www_Kun_showpage($totalData, $PageSize, $currentPage, '/product', function ($currentPage) {
|
||
return '/page/' . $currentPage;
|
||
});
|
||
?>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="consult-fixed" class="consult-fixed">
|
||
<span>☁</span>
|
||
</div>
|
||
|
||
<div class="form-modal" id="formModal">
|
||
<div class="form-header">
|
||
<h3>业务需求提交</h3>
|
||
<button class="close-modal-btn" id="closeModalBtn">×</button>
|
||
</div>
|
||
<form class="business-form" id="businessForm">
|
||
<div class="form-item">
|
||
<label for="name">姓名：</label>
|
||
<input type="text" id="name" name="name" placeholder="请输入姓名" required>
|
||
</div>
|
||
<div class="form-item">
|
||
<label for="phone">电话：</label>
|
||
<input type="tel" id="phone" name="phone" placeholder="请输入手机号" required>
|
||
</div>
|
||
<div class="form-item">
|
||
<label for="demand">业务需求(非必填)：</label>
|
||
<textarea id="demand" name="demand" rows="4" placeholder="请描述你的业务需求"></textarea>
|
||
</div>
|
||
<div class="form-btn-group">
|
||
<button type="submit">提交</button>
|
||
<button type="button" class="close-form-btn" id="closeFormBtn">取消</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<?php include_once('wwpage/Kun_footer.php'); ?>
|
||
<script src="/js/common.js"></script>
|
||
<script src="/js/ask.js"></script>
|
||
</body>
|
||
</html>
|