空白页提示

示例

HTML

/* 可以给i元素添加一个class或通过改写baie-tip_icon设置图标的background-image、width、height */
<div class="baie-tip"> 
    <i class="baie-tip_icon baie-empty__xxx"></i>
    <p class="baie-tip_desc">描述</p>
</div>

CSS

.baie-tip {
    text-align: center;
    margin-top: 2.2rem;
}
.baie-tip_icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
}
.baie-tip_desc {
    margin-top: .5rem;
    font-size: .3rem;
    color: #9e9e9e;
}

/*空白页icon*/

.baie-empty__address { 
    width: 2.26rem;
    height: 1.88rem;
    background-image: url(/node/assets/images/common/empty_address.png);
}

.baie-empty__article { 
    width: 2.55rem;
    height: 1.22rem;
    background-image: url(/node/assets/images/common/empty_article.png);
}

.baie-empty__article2 {
    width: 1.96rem;
    height: 2.06rem;
    background-image: url(/node/assets/images/common/empty_article2.png);
}

.baie-empty__cart {
    width: 2.12rem;
    height: 1.84rem;
    background-image: url(/node/assets/images/common/empty_cart.png);
}

.baie-empty__integralDetails {
    width: 2rem;
    height: 2.04rem;
    background-image: url(/node/assets/images/common/empty_integral_details.png);
}

.baie-empty__logistics {
    width: 2.35rem;
    height: 2.31rem;
    background-image: url(/node/assets/images/common/empty_logistics.png);
}

.baie-empty__marketSubsidy {
    width: 2rem;
    height: 2.2rem;
    background-image: url(/node/assets/images/common/empty_market_subsidy.png);
}

.baie-empty__message {
    width: 2.11rem;
    height: 2.03rem;
    background-image: url(/node/assets/images/common/empty_message.png);
}

.baie-empty__order {
    width: 2.19rem;
    height: 2.14rem;
    background-image: url(/node/assets/images/common/empty_order.png);
}

.baie-empty__partner {
    width: 2.66rem;
    height: 1.55rem;
    background-image: url(/node/assets/images/common/empty_partner.png);
}

.baie-empty__review {
    width: 2.52rem;
    height: 1.78rem;
    background-image: url(/node/assets/images/common/empty_review.png);
}

.baie-empty__search {
    width: 2.06rem;
    height: 2.21rem;
    background-image: url(/node/assets/images/common/empty_search.png);
}

.baie-empty__ship {
    width: 2.38rem;
    height: 2rem;
    background-image: url(/node/assets/images/common/empty_ship.png);
}

.baie-empty__stock {
    width: 2.01rem;
    height: 2.36rem;
    background-image: url(/node/assets/images/common/empty_stock.png);
}

.baie-empty__yufit {
    width: 2.15rem;
    height: 2.25rem;
    background-image: url(/node/assets/images/common/empty_yufit.png);
}