From e81d3058f2767d6466120a2fefa7bce74ea89754 Mon Sep 17 00:00:00 2001
From: Timi <imyeyu6@qq.com>
Date: Fri, 10 Apr 2026 18:37:03 +0800
Subject: [PATCH] fix style

---
 examples/Root.vue                          | 18 ++++++--
 examples/main.ts                           |  5 ++-
 src/assets/style/tencent-cloud-custom.less | 49 ++++++++++++++++++++++
 3 files changed, 67 insertions(+), 5 deletions(-)

diff --git a/examples/Root.vue b/examples/Root.vue
index 6649ce6..b38a799 100644
--- a/examples/Root.vue
+++ b/examples/Root.vue
@@ -1,11 +1,21 @@
 <template>
-	<div>
-		<t-loading />
+	<div class="root">
+		<t-cell-group title="测试 cell" theme="card">
+			<t-cell title="title" arrow>测试</t-cell>
+			<t-cell title="title" arrow>测试</t-cell>
+			<t-cell title="title" arrow>测试</t-cell>
+			<t-cell title="title" arrow>测试</t-cell>
+		</t-cell-group>
+		<t-button theme="primary">按钮</t-button>
 	</div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+</script>
 
 <style lang="less" scoped>
-
+.root {
+	width: 100%;
+	background: lightgray;
+}
 </style>
diff --git a/examples/main.ts b/examples/main.ts
index b9ad591..3deee76 100644
--- a/examples/main.ts
+++ b/examples/main.ts
@@ -1,9 +1,12 @@
 import { createApp } from "vue";
 import Root from "./Root.vue";
 
+import { axios, VPopup } from "timi-web";
+
 import "timi-web/style.css";
 import "tdesign-mobile-vue/es/style/index.css";
-import { axios, VPopup } from "timi-web";
+import "../src/assets/style/tencent-cloud.less";
+import "../src/assets/style/tencent-cloud-custom.less";
 
 axios.defaults.baseURL = "http://localhost:8091";
 
diff --git a/src/assets/style/tencent-cloud-custom.less b/src/assets/style/tencent-cloud-custom.less
index e11cb5e..8c9b75e 100644
--- a/src/assets/style/tencent-cloud-custom.less
+++ b/src/assets/style/tencent-cloud-custom.less
@@ -1,4 +1,53 @@
 /* TDesign 腾讯云样式附加修改 */
+@cellPadding: 10px;
+.cellStyle() {
+	margin: 0 16px;
+}
+.cellSplit() {
+	transform: none;
+	-webkit-transform: none;
+}
+
+.t-image-viewer {
+
+	.t-swiper-item {
+		overflow: hidden;
+	}
+}
+
+.t-form {
+	.cellStyle();
+
+	.t-form__item {
+		padding: @cellPadding;
+
+		&:not(:last-child)::after {
+			.cellSplit();
+		}
+	}
+}
+
+.t-cell,
+.t-swipe-cell {
+	padding: @cellPadding;
+
+	&:after {
+		.cellSplit();
+	}
+}
+
+.t-divider {
+
+	&::before,
+	&::after {
+		.cellSplit();
+	}
+
+	&.t-divider--horizontal {
+		margin: 0;
+	}
+}
+
 .t-popup {
 	transition: all 520ms var(--tui-bezier) !important;
 }