.Wrapper.data-v-02281a80 { display: flex; align-items: center; gap: 10rpx; } .Wrapper-img.data-v-02281a80 { width: 50rpx; height: 50rpx; margin-left: 10rpx; } .Wrapper-content.data-v-02281a80 { color: rgba(16, 16, 16, 1); font-size: 25rpx; font-family: PingFangSC-regular; line-height: 20rpx; } .custom-swiper.data-v-02281a80 { width: 710rpx; height: 100rpx; margin-top: 20rpx; margin-left: 20rpx; } .Wrapper-grid.data-v-02281a80 { margin-top: 170rpx; } /* 图标样式 */ .service-img.data-v-02281a80 { width: 80rpx; height: 80rpx; margin-bottom: 15rpx; } /* 文本样式 */ .grid-text.data-v-02281a80 { font-size: 24rpx; color: #333; text-align: center; margin-top: 10rpx; } /* 文字样式 */ /* .service-text { font-size: 24rpx; color: rgba(16, 16, 16, 1); text-align: center; } */ .demo-warter.data-v-02281a80 { border-radius: 8px; margin: 5px; background-color: #ffffff; padding: 5px; /* position: relative; */ } .container.data-v-02281a80 { padding: 10px; } /* 容器样式 */ .container.data-v-02281a80 { padding: 20rpx; } /* 每个 item 使用 Flex 布局 */ .item.data-v-02281a80 { display: flex; align-items: flex-start; margin-bottom: 30rpx; padding: 20rpx; border: 1rpx solid #eee; border-radius: 16rpx; } /* 图片固定宽度 */ .image.data-v-02281a80 { width: 230rpx; height: 180rpx; border-radius: 8rpx; margin-right: 20rpx; } /* 中间部分:自动填充剩余空间 */ .middle.data-v-02281a80 { flex: 1; margin-right: 20rpx; } /* 姓名样式 */ .name.data-v-02281a80 { font-weight: bold; font-size: 32rpx; margin-bottom: 8rpx; } /* 分类样式 */ .category.data-v-02281a80 { color: #666; font-size: 28rpx; margin-bottom: 8rpx; } .title.data-v-02281a80 { font-size: 28rpx; color: #888; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; /* 可选:长单词强制换行 */ } /* 右侧:评分和按钮 */ .right.data-v-02281a80 { display: flex; flex-direction: column; align-items: flex-end; min-width: 160rpx; } /* 评分样式 */ .score.data-v-02281a80 { color: orange; font-size: 28rpx; margin-bottom: 10rpx; height: 120rpx; }