diff --git a/examples/hello-uniapp/components/graceCountd.vue b/examples/hello-uniapp/components/graceCountd.vue
index 767dd23c3f7..26e1224aa22 100755
--- a/examples/hello-uniapp/components/graceCountd.vue
+++ b/examples/hello-uniapp/components/graceCountd.vue
@@ -7,7 +7,7 @@
{{s}}
-
\ No newline at end of file
+ view {
+ display: flex;
+ width: 100%;
+ flex-wrap: wrap;
+ justify-content: center;
+ }
+
+ .uni-countdown {
+ padding: 2rpx 0;
+ flex-wrap: nowrap;
+ justify-content: center;
+ }
+
+ .uni-countdown-splitor {
+ width: auto !important;
+ justify-content: center;
+ line-height: 44upx;
+ padding: 0 5upx;
+ }
+
+ .uni-countdown-numbers {
+ line-height: 44upx;
+ width: auto !important;
+ padding: 0 10upx;
+ justify-content: center;
+ height: 44upx;
+ border-radius: 8upx;
+ margin: 0 5upx;
+ border: 1px solid #000000;
+ font-size: 22upx;
+ }
+