| | |
| | | <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"> |
| | |
| | | bgColor="rgba(255,255,255,0.9)" :showAction="false" /> |
| | | </view> |
| | | <view class="banner"> |
| | | <u-swiper :list="list" keyName="imgurl" height="150"></u-swiper> |
| | | <u-swiper :list="list" keyName="imgurl" height="150" indicator indicatorMode="dot"></u-swiper> |
| | | </view> |
| | | <u-scroll-list indicatorActiveColor="#004096"> |
| | | <view class="scroll-list"> |
| | |
| | | }, |
| | | jumpShopZ(item) { |
| | | uni.navigateTo({ |
| | | url: '/pages/special-zone/special-zone?qualityId=' + item.id |
| | | url: '/pages/special-zone/special-zone?qualityId=' + item.id+'&title='+item.name |
| | | }) |
| | | }, |
| | | // 轮播图 |
| | |
| | | countInCurrentChunk = 0; // 重置计数器 |
| | | } |
| | | } |
| | | |
| | | return result; |
| | | |
| | | if (result[1].length === 0) { |
| | | return [result[0]] |
| | | } else { |
| | | return result; |
| | | } |
| | | }, |
| | | goToAppSetting() { |
| | | var that = this; |
| | |
| | | latitude: res1.latitude, |
| | | longitude: res1.longitude |
| | | }; |
| | | console.log(locParam) |
| | | const qqmapsdk = new QQMapWX({ |
| | | key: 'HEIBZ-QJLLM-SZ36X-6ZBHI-S6Y2J-S6FND' |
| | | }); |
| | |
| | | locParam, |
| | | success: function(res) { |
| | | console.log(res, '==================index获取地址') |
| | | console.log(locParam) |
| | | that.$store.commit('setPosition', res.result) |
| | | }, |
| | | fail: (err) => { |
| | |
| | | |
| | | .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; |