diff --git a/demo/colorui.wxss b/demo/colorui.wxss
index 1ebcd83..7c3af89 100644
--- a/demo/colorui.wxss
+++ b/demo/colorui.wxss
@@ -2083,7 +2083,7 @@ bar .action {
   display: flex;
   align-items: center;
   height: 100%;
-  justify-content: flex-start;
+  justify-content: center;
   max-width: 100%;
 }
 
diff --git a/readme.html b/readme.html
new file mode 100644
index 0000000..c858115
--- /dev/null
+++ b/readme.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>无标题文档</title>
+<link rel="stylesheet" href="https://github.githubassets.com/assets/github-b43e758c845fa54305d34a4b97d30922.css">
+<link rel="stylesheet" href="https://github.githubassets.com/assets/frameworks-08fc49d3bd2694c870ea23d0906f3610.css">
+<style>
+html {
+	background: #333;
+}
+body {
+	width: 900px;
+	padding: 30px;
+	margin: 30px auto;
+	background-color: #fff;
+}
+</style>
+</head>
+
+<body class="markdown-body">
+	<img src="https://image.weilanwl.com/colorui/githubHead.png" alt="">
+</body>
+</html>
diff --git a/template/colorui.wxss b/template/colorui.wxss
index 1ebcd83..7c3af89 100644
--- a/template/colorui.wxss
+++ b/template/colorui.wxss
@@ -2083,7 +2083,7 @@ bar .action {
   display: flex;
   align-items: center;
   height: 100%;
-  justify-content: flex-start;
+  justify-content: center;
   max-width: 100%;
 }
 
