refactor(component): 重构组件模板与样式结构

将公共样式提取至public.css，优化组件模板结构
添加图片资源与组件模板同步脚本
调整组件样式与布局，统一风格

css/sectionIndex.less

@@ -1,53 +1,3 @@
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
-    font-weight: 400;
-    font-style: normal;
-}
-
-body {
-    background-color: rgba(238, 242, 245, 1);
-}
-
-/* 公共的 css 样式 */
-.flexflex {
-    display: flex;
-}
-
-.flexcenter {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.flexjcenter {
-    display: flex;
-    justify-content: center;
-}
-
-.flexacenter {
-    display: flex;
-    align-items: center;
-}
-
-.flex1 {
-    flex: 1;
-}
-
-.flexcolumn {
-    display: flex;
-    flex-direction: column;
-}
-
-.one-line-display {
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
 #sectionIndex {
     width: 1200px;
     margin: 0 auto;