vr-shopxo-uniapp/pages/index/index.css

/**
 * 顶部内容
 */
.top-content {
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 410rpx;
}
.nav-top-title {
    font-size: 42rpx;
    font-weight: bold;
    text-align: left;
    padding: 2px 250rpx 0 20rpx;
    height: 37px;
}

/**
 * 搜索
 */
.search-fixed-seat {
    padding-top: 70rpx;
}
.search-content-fixed {
    position: fixed;
    top: 0;
    z-index: 1;
    padding-top: 25px;
    padding-bottom: 20rpx;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

/**
 * 轮播
 */
.banner-content {
    margin-top: 26rpx;
}

/**
 * 楼层数据
 */
.floor-list {
    position: relative;
}
.floor-list .word .word-icon:not(:last-child) {
    margin-right: 20rpx;
}
.floor-list .word image {
    max-width: 100%;
    margin: 0 auto;
}
.floor-list .goods-list .goods {
    width: calc(50% - 10rpx);
    float: left;
    padding-bottom: 10rpx;
    margin-bottom: 20rpx;
}
.floor-list .goods-list .goods:nth-of-type(2n + 1) {
    margin-right: 10rpx;
}
.floor-list .goods-list .goods:nth-of-type(2n) {
    margin-left: 10rpx;
}
.floor-list .goods-list .goods image {
    width: 100%;
    height: 380rpx !important;
}

/*
 * 限时秒杀 - 插件
 */
.limitedtimediscount .goods-list .item {
    width: 260rpx;
    height: 460rpx;
    border: 1px solid #f5f5f5;
    background: white;
    display: inline-block;
    position: relative;
}
.limitedtimediscount .goods-list .item:not(:last-child) {
    margin-right: 10px;
}
.limitedtimediscount .goods-list .item image {
    width: 260rpx;
    height: 260rpx;
}
.limitedtimediscount .goods-list .goods-base .icon {
    position: absolute;
    right: 15rpx;
    bottom: 15rpx;
}

/**
 * 购买记录 - 插件
 */
.plugins-salerecords swiper {
    height: 506rpx;
}
.plugins-salerecords swiper-item {
    height: 100% !important;
}
.plugins-salerecords .item {
    border-bottom: 1px solid #fbfbfb;
}
.plugins-salerecords image {
    width: 40rpx !important;
    height: 40rpx !important;
    border-radius: 50%;
}
.plugins-salerecords .item-content {
    width: 24%;
}
.plugins-salerecords .item-content:nth-child(1) {
    width: 36%;
}
.plugins-salerecords .item-content:nth-child(2) {
    width: 40%;
}