style(clothesType): 优化列表页面样式和功能

Administrator

2025-07-22 8a7aee11d533a1664d88c3fe03bf0404164b4de9

style(clothesType): 优化列表页面样式和功能

-为表格单元格设置文本居中、单行显示、超出隐藏和省略号效果
- 限制图片最大宽度为 100px
- 自定义滚动条样式，高度为 20px，背景色为 #f4f4f4

 src/main/resources/templates/febs/views/modules/clothesType/groupList.html

@@ -47,6 +47,23 @@
                        </div>
                    </form>
                    <table lay-filter="scGroupTable" lay-data="{id: 'scGroupTable'}"></table>
                    <style type="text/css">
                        .layui-table cell{
                            text-align:center;
                            height: auto;
                            white-space: nowrap; /*文本不会换行，在同一行显示*/
                            overflow: hidden; /*超出隐藏*/
                            text-overflow: ellipsis; /*省略号显示*/
                        }
                        .layui-table img{
                            max-width:100px
                        }

                        ::-webkit-scrollbar {
                            height: 20px !important;
                            background-color: #f4f4f4;
                        }
                    </style>
                </div>
            </div>
        </div>

 src/main/resources/templates/febs/views/modules/clothesType/socialList.html

@@ -44,6 +44,23 @@
                        </div>
                    </form>
                    <table lay-filter="scTable" lay-data="{id: 'scTable'}"></table>
                    <style type="text/css">
                        .layui-table cell{
                            text-align:center;
                            height: auto;
                            white-space: nowrap; /*文本不会换行，在同一行显示*/
                            overflow: hidden; /*超出隐藏*/
                            text-overflow: ellipsis; /*省略号显示*/
                        }
                        .layui-table img{
                            max-width:100px
                        }

                        ::-webkit-scrollbar {
                            height: 20px !important;
                            background-color: #f4f4f4;
                        }
                    </style>
                </div>
            </div>
        </div>