增加样式注释

src/App.vue

@@ -127,12 +127,12 @@ export default {
 .container {
   height: 100%;
   display: flex;
-  flex-direction: column;
+  flex-direction: column;/**设置 flex 容器中主轴方向为垂直方向的属性 */
 }
 
 .dialog {
   flex: 1;
-  overflow: auto;
+  overflow: auto;/**浏览器会自动根据元素内容的大小和元素自身的尺寸来判断是否需要显示滚动条 */
 }
 
 .dialog-item {
@@ -142,7 +142,7 @@ export default {
 .dialog-item-main {
   max-width: 80%;
   padding: 8px;
-  word-wrap: break-word;
+  word-wrap: break-word;/**设置当单词（word）太长，一行放不下时的换行规则。 */
   margin-top: 16px;
   border-radius: 4px;
 }