/**组件样式**/
.one ul {
  display: flex;
  flex-wrap: wrap; /* 允许换行 */
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: flex-start /* 平均分布 */
;}

.one li {
  width: calc(33.333% - 10px); /* 3 列，考虑间距 */
  margin-bottom: 10px;
  background: #eee;
  padding: 10px;
  box-sizing: border-box;}