123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130 |
- .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;
- }
|