初始上传
This commit is contained in:
38
addon/fenxiao/component/view/goods_list/css/design.css
Executable file
38
addon/fenxiao/component/view/goods_list/css/design.css
Executable file
@@ -0,0 +1,38 @@
|
||||
/* 选择商品分类弹出框 */
|
||||
.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;}
|
||||
|
||||
/* 样式:单列(一行一列) */
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item{overflow: hidden;display: flex;margin-bottom: 10px;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item:last-of-type{margin-bottom: 0;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item .goods-img{width: 130px;height: 130px;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item .goods-img img{max-width: 100%;max-height: 100%;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item .info-wrap{width: calc(100% - 130px);padding: 10px;flex: 1;display: flex;flex-direction: column;box-sizing: border-box;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item .info-wrap .pro-info{display: flex;justify-content: space-between;align-items: center;margin-top:auto;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item .info-wrap .pro-info .sale{margin-top: 5px;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price{display: flex;justify-content: space-between;flex-direction: column;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap{margin-bottom: 5px;font-weight: bold;font-size: 0;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of1 .goods-item button{height: 25px;line-height: 25px;}
|
||||
|
||||
/* 样式:两列(一行两列) */
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2{display: flex;flex-wrap: wrap;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item{overflow: hidden;margin-right: 10px;margin-top: 10px;width: calc(50% - 5px);display: flex;flex-direction: column;box-sizing: border-box;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item:nth-child(2n){margin-right: 0;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item:nth-of-type(1), .component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item:nth-of-type(2){margin-top: 0;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item .goods-img{width: calc(100% + 2px);height: 160px;text-align: center;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item .goods-img img{width: 100%;height: 100%;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item .info-wrap .goods-name{margin-bottom: 5px;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item .info-wrap{display: flex;flex-direction: column;flex: 1;padding: 10px;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item .info-wrap .pro-info{margin-top: auto;display: flex;justify-content: space-between;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap{margin-bottom: 5px;font-size: 0;font-weight: bold;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;}
|
||||
.component-fenxiao-goods .fenxiao-list.row1-of2 .goods-item button{height: 25px;line-height: 25px;}
|
||||
Reference in New Issue
Block a user