55 lines
5.1 KiB
CSS
55 lines
5.1 KiB
CSS
.edit-attribute .tag-wrap .layui-form-radio:last-child{margin-right: 0;}
|
|
|
|
/* 选择商品分类弹出框 */
|
|
.goods-category-layer {display: none;}
|
|
.layui-layer-content .category-wrap .category-item, .layui-layer-content .category-head {height: 30px;line-height: 30px;border: 1px solid #ededed;border-radius: 5px;padding: 0 15px;margin: 0 15px 10px 0;box-sizing: border-box;color: #666;font-size: 12px;}
|
|
.layui-layer-content .category-head {background: #eee;height: 40px;line-height: 40px;}
|
|
.layui-layer-content .category-wrap {overflow-y: scroll;height: calc(100% - 45px);}
|
|
.layui-layer-content .category-wrap::-webkit-scrollbar {display: none;}
|
|
.layui-layer-content .category-wrap .category-item {cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
|
|
|
|
/* 选择风格 */
|
|
.style-list-box {display: none;}
|
|
.style-list-con {display: flex;flex-wrap: wrap;}
|
|
.style-list-con .style-li {overflow: hidden;display: flex;align-items: center;justify-content: center;width: 280px;height: 210px;margin-right: 12px;margin-top: 15px;cursor: pointer;border: 1px solid #ededed;background: #f7f8fa;}
|
|
.style-list-con .style-li img{width: 100%;}
|
|
.style-list-con .style-li:nth-child(1), .style-list-con .style-li:nth-child(2), .style-list-con .style-li:nth-child(3){margin-top: 0;}
|
|
.style-list-con .style-li:nth-child(3n) {margin-right: 0;}
|
|
|
|
.goods-recommend .top-wrap{display: flex;align-items: center;padding: 10px 0;}
|
|
.goods-recommend .top-wrap i{border-radius: 50%;font-size: 25px;margin-right: 5px;width: 35px;height: 35px;text-align: center;line-height: 35px;margin-left: 10px;}
|
|
.goods-recommend .top-wrap .line{height: 14px;margin: 0 5px;border: 1px solid;}
|
|
.goods-recommend .top-wrap h3{font-weight: bold;}
|
|
.goods-recommend .top-wrap .sub{font-size: 12px;}
|
|
|
|
/* 商品块基础样式 */
|
|
.goods-recommend .goods-list .goods-item {line-height: 1;}
|
|
.goods-recommend .goods-list .goods-item .sale {font-size: 12px;}
|
|
.goods-recommend .goods-list .goods-item .info-wrap .goods-name{margin-bottom: 5px;font-size: 14px;line-height: 1.3;}
|
|
|
|
/* ---------- 三列（一行三个）---------- */
|
|
.goods-recommend .style-1 .goods-list{display: flex;flex-wrap: wrap;margin: 0 10px;}
|
|
.goods-recommend .style-1 .goods-list .goods-item{display: flex;flex-direction: column;background: #fff;overflow: hidden;margin-top: 10px;width: 100px;box-sizing: border-box;}
|
|
.goods-recommend .style-1 .goods-list .goods-item:nth-of-type(1), .goods-recommend .style-1 .goods-list .goods-item:nth-of-type(2), .goods-recommend .style-1 .goods-list .goods-item:nth-of-type(3){margin-top: 0;}
|
|
.goods-recommend .style-1 .goods-list .goods-item .goods-img{width: calc(100% + 2px);height: 110px;}
|
|
.goods-recommend .style-1 .goods-list .goods-item .goods-img img{width: 100%;height: 100%;}
|
|
.goods-recommend .style-1 .goods-list .goods-item .info-wrap{display: flex;flex-direction: column;flex: 1;margin: 5px;}
|
|
.goods-recommend .style-1 .goods-list .goods-item .info-wrap .pro-info{margin-top: auto;display: flex;justify-content: space-between;}
|
|
.goods-recommend .style-1 .goods-list .goods-item .info-wrap .pro-info .discount-price{display: flex;justify-content: space-between;align-items: center;flex: 1;}
|
|
.goods-recommend .style-1 .goods-list .goods-item .info-wrap .pro-info .discount-price .price-wrap{font-size: 0;font-weight: bold;}
|
|
.goods-recommend .style-1 .goods-list .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;}
|
|
.goods-recommend .style-1 .goods-list .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;}
|
|
|
|
.goods-recommend .style-2{background-repeat: round;padding-bottom: 10px;}
|
|
.goods-recommend .style-2 .goods-list{display: flex;margin: 0 5px;background: #fff;border-radius: 10px;padding: 10px;}
|
|
.goods-recommend .style-2 .goods-list .goods-item{display: flex;flex-direction: column;background: #fff;overflow: hidden;margin-top: 10px;width: 100px;}
|
|
.goods-recommend .style-2 .goods-list .goods-item.stroke{width: 100px;}
|
|
.goods-recommend .style-2 .goods-list .goods-item:nth-of-type(1), .goods-recommend .style-2 .goods-list .goods-item:nth-of-type(2), .goods-recommend .style-2 .goods-list .goods-item:nth-of-type(3){margin-top: 0;}
|
|
.goods-recommend .style-2 .goods-list .goods-item .goods-img{width: calc(100% + 2px);height: 110px;}
|
|
.goods-recommend .style-2 .goods-list .goods-item .goods-img img{width: 100%;height: 100%;}
|
|
.goods-recommend .style-2 .goods-list .goods-item .info-wrap{display: flex;flex-direction: column;flex: 1;margin: 5px;}
|
|
.goods-recommend .style-2 .goods-list .goods-item .info-wrap .pro-info{margin-top: auto;display: flex;justify-content: space-between;}
|
|
.goods-recommend .style-2 .goods-list .goods-item .info-wrap .pro-info .discount-price{display: flex;justify-content: space-between;align-items: center;flex: 1;}
|
|
.goods-recommend .style-2 .goods-list .goods-item .info-wrap .pro-info .discount-price .price-wrap{font-size: 0;font-weight: bold;}
|
|
.goods-recommend .style-2 .goods-list .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;}
|
|
.goods-recommend .style-2 .goods-list .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;} |