fix style

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>

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";
 

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;
 }