ee078b61bc
- 后台全面引入 Naive UI 组件库，统一 UI 规范 - 前台 usePublicApi 切换到 API 调用（GET /api/content/[key]） - 前后台数据源统一（site_content 表） - 产品线统一管理（tour/camp/course 三套编辑器） - 产品数据归一化（itinerary/faq/pricing 格式统一） - 表单提交 API 改写入 submissions 表 - 新增 submissions 标记已读 API - site-content PUT 支持 upsert - 修复前台 bug（stories 路由冲突、占位符警告、selector breadcrumb） - 消除 PageHero 类型警告（useSEO reactive 修复） - 25 个前台页面全部 HTTP 200，展示效果不变 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
77 行
1.4 KiB
Plaintext
77 行
1.4 KiB
Plaintext
// ============================================
|
||
// 呼籁旅行官网 - Less混入
|
||
// ============================================
|
||
|
||
// 响应式断点
|
||
.respond-md(@rules) {
|
||
@media (min-width: @breakpoint-md) {
|
||
@rules();
|
||
}
|
||
}
|
||
|
||
.respond-lg(@rules) {
|
||
@media (min-width: @breakpoint-lg) {
|
||
@rules();
|
||
}
|
||
}
|
||
|
||
.respond-xl(@rules) {
|
||
@media (min-width: @breakpoint-xl) {
|
||
@rules();
|
||
}
|
||
}
|
||
|
||
// 容器
|
||
.container() {
|
||
width: 100%;
|
||
max-width: @container-max-width;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
padding-left: @container-padding;
|
||
padding-right: @container-padding;
|
||
|
||
.respond-lg({
|
||
padding-left: @container-padding-desktop;
|
||
padding-right: @container-padding-desktop;
|
||
});
|
||
}
|
||
|
||
// 段落间距 — 手机端更紧凑，桌面端有呼吸感
|
||
.section-padding() {
|
||
padding-top: 36px;
|
||
padding-bottom: 36px;
|
||
|
||
.respond-md({
|
||
padding-top: @space-3xl;
|
||
padding-bottom: @space-3xl;
|
||
});
|
||
|
||
.respond-lg({
|
||
padding-top: 100px;
|
||
padding-bottom: 100px;
|
||
});
|
||
}
|
||
|
||
// 响应式网格：移动1列 → 平板2列 → 桌面3列
|
||
.grid-responsive(@gap: @space-lg; @md-cols: 2; @lg-cols: 3) {
|
||
display: grid;
|
||
grid-template-columns: 1fr;
|
||
gap: @gap;
|
||
|
||
.respond-md({
|
||
grid-template-columns: repeat(@md-cols, 1fr);
|
||
});
|
||
|
||
.respond-lg({
|
||
grid-template-columns: repeat(@lg-cols, 1fr);
|
||
});
|
||
}
|
||
|
||
// 多行截断
|
||
.text-clamp(@lines: 3) {
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: @lines;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
}
|