226 lines
3.6 KiB
CSS
226 lines
3.6 KiB
CSS
|
|
/* 轮播组 */
|
|
.diy-banner{
|
|
z-index:1;
|
|
position: relative;
|
|
}
|
|
.diy-banner .banner-title{
|
|
position: absolute;
|
|
left: 85rpx;
|
|
top: 85rpx;
|
|
color: #fff;
|
|
}
|
|
.diy-banner .banner-title .title{
|
|
font-weight: 500;
|
|
font-family: "黑体";
|
|
}
|
|
.diy-banner .banner-title .signature{
|
|
padding-top: 10rpx;
|
|
font-size: 22rpx;
|
|
}
|
|
/*点单组*/
|
|
.diy-order{
|
|
position: relative;
|
|
z-index:10;
|
|
}
|
|
.diy-order .food-box{
|
|
padding: 20rpx 0rpx;
|
|
}
|
|
.diy-order .food-box .icon{
|
|
width: 50%;
|
|
border-right: 1rpx solid #f3f4f6;
|
|
display: inline-block;
|
|
text-align: right;
|
|
height: 100rpx;
|
|
}
|
|
.diy-order .food-box .icon img{
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
margin-right: 50rpx;
|
|
}
|
|
.diy-order .food-box .right{
|
|
display: inline-block;
|
|
float: right;
|
|
text-align: left;
|
|
width: 43%;
|
|
margin-top: 15rpx;
|
|
}
|
|
.diy-order .item{
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
.diy-order .num2{
|
|
width: 49.5%;
|
|
}
|
|
.diy-order .num3{
|
|
width: 33%;
|
|
}
|
|
.diy-order .b-l {
|
|
border-left: 1rpx solid #f3f4f6;
|
|
}
|
|
|
|
/* 单图组 */
|
|
.diy-imageSingle{
|
|
border-radius: 8rpx;
|
|
}
|
|
|
|
/* 图片橱窗 */
|
|
.diy-window {}
|
|
|
|
.diy-window .data-list::after {
|
|
clear: both;
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.diy-window .data-list .data-item {
|
|
float: left;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* 分列布局 */
|
|
|
|
.diy-window .avg-sm-2>.data-item {
|
|
width: 50%;
|
|
}
|
|
|
|
.diy-window .avg-sm-3>.data-item {
|
|
width: 33.33333333%;
|
|
}
|
|
|
|
.diy-window .avg-sm-4>.data-item {
|
|
width: 25%;
|
|
}
|
|
|
|
.diy-window .avg-sm-5>.data-item {
|
|
width: 20%;
|
|
}
|
|
|
|
.diy-window .window{
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
/* 视频组 */
|
|
|
|
.diy-video {}
|
|
.diy-notice{}
|
|
|
|
/*导航组*/
|
|
.diy-navBar {}
|
|
.diy-navBar .item {
|
|
text-align: center;
|
|
font-size: 28rpx;
|
|
}
|
|
/* 商品组 */
|
|
.diy-goods{}
|
|
.diy-goods .goods-list {
|
|
padding: 0rpx 20rpx;
|
|
}
|
|
.diy-goods .goods-list .column__1{
|
|
padding: 20rpx 0rpx;
|
|
height: 200rpx;
|
|
}
|
|
|
|
.diy-goods .goods-list .column__1 image {
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
border-radius: 8rpx;
|
|
float: left;
|
|
margin-right: 20rpx;
|
|
}
|
|
.diy-goods .goods-list .column__2{
|
|
padding: 20rpx 0rpx 20rpx 10rpx;
|
|
height: 375rpx;
|
|
width: 48%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.diy-goods .goods-list .column__2 image {
|
|
width: 100%;
|
|
height: 300rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
|
|
.diy-goods .goods-list .column__3{
|
|
padding: 20rpx 0rpx 20rpx 10rpx;
|
|
height: 295rpx;
|
|
width: 31.8%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.diy-goods .goods-list .column__3 image {
|
|
width: 100%;
|
|
height: 220rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
.diy-goods .index_sale {
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.diy-goods .index_sale scroll-view {
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.diy-goods .index_sale .sale_img {
|
|
border: 1rpx solid #f3f4f6;
|
|
border-radius: 8rpx;
|
|
overflow: hidden;
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
}
|
|
|
|
.diy-goods .index_sale .sale_img image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.diy-goods .index_sale .content {
|
|
width: 170rpx;
|
|
font-size: 26rpx;
|
|
padding-top: 5rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
/* 在线客服 */
|
|
|
|
.diy-service {
|
|
position: fixed;
|
|
z-index: 99999;
|
|
}
|
|
|
|
.diy-service .service-icon {
|
|
padding: 10rpx;
|
|
}
|
|
|
|
.diy-service .service-icon image {
|
|
display: block;
|
|
width: 90rpx;
|
|
height: 90rpx;
|
|
}
|
|
/* 关注公众号 */
|
|
.diy-official-account{}
|
|
/* 富文本 */
|
|
|
|
.diy-richText {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
/* 辅助线 */
|
|
.diy-guide{}
|
|
/*标题组件*/
|
|
.diy-column-title .title{
|
|
display: inline-block;
|
|
}
|
|
.diy-column-title .line{
|
|
padding-left: 15rpx;
|
|
border-left-width: 10rpx;
|
|
border-left-style: solid;
|
|
}
|
|
.diy-column-title .sub{
|
|
display: inline-block;
|
|
float: right;
|
|
}
|
|
.diy-column-title .sub .arrow{
|
|
display: inline-block;
|
|
} |