| | |
| | | <template> |
| | | <view class="index"> |
| | | <view class="head" :style="{ height: 'calc(' + (navHeight + statusbarHeight + 'px + 248rpx)') }"> |
| | | <view :style="{ width: '100%', height: navHeight + statusbarHeight + 'px' }"></view> |
| | | <view class="head-bar" :style="{ height: navHeight + statusbarHeight + 'px' }"> |
| | | <view :style="{ width: '100%', height: statusbarHeight + 'px' }"></view> |
| | | <view class="head-bar-nav" :style="{ height: navHeight + 'px' }" @click="openLoacing"> |
| | |
| | | countInCurrentChunk = 0; // 重置计数器 |
| | | } |
| | | } |
| | | |
| | | return result; |
| | | |
| | | if (result[1].length === 0) { |
| | | return [result[0]] |
| | | } else { |
| | | return result; |
| | | } |
| | | }, |
| | | goToAppSetting() { |
| | | var that = this; |
| | |
| | | |
| | | .head-bar { |
| | | width: 100%; |
| | | position: fixed; |
| | | padding: 0 30rpx; |
| | | box-sizing: border-box; |
| | | top: 0; |
| | | left: 0; |
| | | z-index: 999; |
| | | // background-color: #ffffff; |
| | | |
| | | .head-bar-nav { |
| | |
| | | .commodity-item-image { |
| | | width: 100%; |
| | | height: 336rpx; |
| | | overflow: hidden; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | |
| | | } |
| | | |
| | | .cate-item { |
| | | width: calc(100vw / 4 - 96rpx); |
| | | width: calc(100vw / 4 - 86rpx); |
| | | height: auto; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | margin-bottom: 30rpx; |
| | | margin-right: 96rpx; |
| | | margin-right: 86rpx; |
| | | |
| | | &:last-child { |
| | | margin-right: 0 !important; |
| | |
| | | } |
| | | |
| | | text { |
| | | width: 100%; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | font-weight: 400; |
| | | font-size: 26rpx; |
| | | color: #333333; |