root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
wangfukang 2 days ago
parent
b7c40f390b
commit
9f90f0e288
1 changed files with 264 additions and 24 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 288
      pages/index/index.vue

288
pages/index/index.vue
View File

@ -10,7 +10,7 @@
:interval="interval" :duration="duration">
<swiper-item v-for="(item,index) in adList" :key="index"
@tap="goAdPage(item)">
<img class="hero-bg-img" :src="item.adImage" alt="" />
<img class="hero-bg-img" :src="item.adDisplayImage" alt="" />
</swiper-item>
</swiper>
<view class="hero-bg-mask"></view>
@ -92,7 +92,7 @@
<view class="menu-list world-food" @tap="goDetail('2')" style="position: relative;">
<view class="world-light"></view>
<view class="world-dot world-dot-b"></view>
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/553230c20dea4e5c85f1e396058a7493.png"
<img v-if="homeMenuIconImages.food" :src="homeMenuIconImages.food"
alt="" />
<!-- <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1a02b40d853a4cfdb062fff44ec49e6a.png"
alt="" style="position: absolute;top: -10rpx;right: 0;width: 78rpx;height: 32rpx;"> -->
@ -101,7 +101,7 @@
</view>
<view class="menu-list world-store" @tap="goDetail('3')">
<view class="world-light"></view>
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/28b5cfec79d74871b0ce67743fb7619c.png"
<img v-if="homeMenuIconImages.store" :src="homeMenuIconImages.store"
alt="" />
<view class="menu-name">团团星球</view>
<view class="menu-desc">周边娱乐</view>
@ -109,7 +109,7 @@
<view class="menu-list world-run" @tap="goDetail('1')">
<view class="world-light"></view>
<view class="world-dot world-dot-a"></view>
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/7690c4f897604fca804ea932bc3c1239.png"
<img v-if="homeMenuIconImages.run" :src="homeMenuIconImages.run"
alt="" />
<view class="menu-name">跑腿星球</view>
<view class="menu-desc">小事接力</view>
@ -118,7 +118,7 @@
<view class="world-light"></view>
<view class="world-dot world-dot-c"></view>
<view class="planet-reminder-badge planet-win-badge" v-if="planetHasReminder">中奖啦</view>
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/41cfb56caff4419b94b69d0f2303b602.png"
<img v-if="homeMenuIconImages.luck" :src="homeMenuIconImages.luck"
alt="" />
<view class="menu-name">白嫖星球</view>
<view class="menu-desc">抽点惊喜</view>
@ -128,7 +128,7 @@
<view class="planet-reminder-badge ie-badge" v-if="ieHasReminder">
<text v-if="ieUnreadCount > 0">{{ieUnreadCount > 99 ? '99+' : ieUnreadCount}}</text>
</view>
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/a083b7d159264bbc967034088fa7eb3a.png"
<img v-if="homeMenuIconImages.fish" :src="homeMenuIconImages.fish"
alt="" />
<view class="menu-name">i/e星球</view>
<view class="menu-desc">思想漂流</view>
@ -173,7 +173,7 @@
<view class="content-list" v-if="item.position == 'home_center_left_top' "
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="list-img">
<img :src="item.adImage" alt="">
<img :src="item.adDisplayImage" alt="">
<view class="list-type">正在拼</view>
</view>
<view class="list-product">
@ -192,7 +192,7 @@
<view class="content-list" v-if="item.position == 'home_center_left_bottom' "
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="list-img">
<img :src="item.adImage" alt="">
<img :src="item.adDisplayImage" alt="">
<view class="list-type">正在拼</view>
</view>
<view class="list-product">
@ -222,7 +222,7 @@
<view class="content-list" v-if="item.position == 'home_center_right_top' "
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="list-img">
<img :src="item.adImage" alt="">
<img :src="item.adDisplayImage" alt="">
<view class="list-type">正在拼</view>
</view>
<view class="list-product">
@ -241,7 +241,7 @@
<view class="content-list" v-if="item.position == 'home_center_right_bottom' "
v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
<view class="list-img">
<img :src="item.adImage" alt="">
<img :src="item.adDisplayImage" alt="">
<view class="list-type">正在拼</view>
</view>
<view class="list-product">
@ -588,10 +588,30 @@
import deLivery from "@/components/tab-bar/delivery.vue";
import postList from "@/components/tab-bar/postList.vue";
import myCenter from "@/components/tab-bar/myCenter.vue";
const HOME_AD_IMAGE_CACHE_KEY = 'home_ad_image_cache_v1'
const HOME_AD_IMAGE_CACHE_TTL = 30 * 24 * 60 * 60 * 1000
const HOME_AD_IMAGE_CACHE_LIMIT = 40
const homeAdImageDownloading = {}
const HOME_MENU_ICON_URLS = {
food: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/553230c20dea4e5c85f1e396058a7493.png',
store: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/28b5cfec79d74871b0ce67743fb7619c.png',
run: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/7690c4f897604fca804ea932bc3c1239.png',
luck: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/41cfb56caff4419b94b69d0f2303b602.png',
fish: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/a083b7d159264bbc967034088fa7eb3a.png'
}
export default {
data() {
return {
adList:[],
homeMenuIconImages: {
food: '',
store: '',
run: '',
luck: '',
fish: ''
},
pages: [{
name: '商家账单详情111',
url: '/package2/shop/shopSettlementDetail'
@ -710,6 +730,7 @@
markers: [], // 标记点，可以包括配送员位置和用户位置
polyline: [], // 路线，如果需要显示配送员路线
currentIndex: 0,
pendingTabIndex: null,
width: 0,
dataTabList: [{
name: '猜你喜欢',
@ -874,11 +895,23 @@
this.searchForm.pageNum++;
this.getDelivery();
},
onLoad() {
onLoad(option) {
if (option && option.tabIndex !== undefined) {
const tabIndex = Number(option.tabIndex)
if (!isNaN(tabIndex) && tabIndex > 0) {
this.pendingTabIndex = tabIndex
}
}
},
onShow() {
this.indexInit()
if (this.pendingTabIndex !== null) {
const tabIndex = this.pendingTabIndex
this.pendingTabIndex = null
this.$nextTick(() => {
this.changeIndex(tabIndex)
})
}
},
onReady() {
// 记录分类栏相对页面的偏移量，用于上滑检测
@ -890,8 +923,24 @@
}, 500);
},
methods: {
hasLogin() {
const token = uni.getStorageSync('hiver_token')
return !!(token && typeof token === 'string' && token.trim() && token !== 'null' && token !== 'undefined')
},
requireLogin(tabIndex = this.currentIndex) {
if (this.hasLogin()) return true
const redirectKey = 'login_redirect_' + Date.now()
const index = Number(tabIndex)
const redirectUrl = '/pages/index/index' + (!isNaN(index) && index > 0 ? '?tabIndex=' + index : '')
uni.setStorageSync(redirectKey, redirectUrl)
uni.navigateTo({
url: '/package2/login/login?redirect=' + redirectKey
})
return false
},
indexInit() {
let that = this
this.applyCachedHomeMenuIcons()
uni.getSystemInfo({
success: function(info) {
that.width = info.screenWidth * 2;
@ -987,6 +1036,7 @@
},
//滑动开始
startSwipeOrder(event, item, index) {
if (!this.requireLogin(0)) return
const touch = event.touches && event.touches[0]
if (!touch) return
this.swipeOrder = {
@ -1018,6 +1068,10 @@
},
//滑动结束
endSwipeOrder(item, index) {
if (!this.requireLogin(0)) {
this.resetSwipeOrder()
return
}
if (this.swipeOrder.id !== item.id || this.swipeOrder.index !== index) return
if (this.swipeOrder.progress >= 92 && !this.swipeOrder.confirmed) {
this.swipeOrder.confirmed = true
@ -1052,6 +1106,10 @@
this.$refs.pagesPopup.open()
},
getOrder(item, index) {
if (!this.requireLogin(0)) {
this.resetSwipeOrder()
return
}
let that = this
let data = {
@ -1132,6 +1190,197 @@
uni.hideLoading();
}).catch((res) => {});
},
normalizeAdImageUrl(url) {
if (!url) return ''
let normalized = String(url).trim()
while (normalized.endsWith(',')) {
normalized = normalized.slice(0, -1)
}
return normalized
},
getHomeAdImageCache() {
const cache = uni.getStorageSync(HOME_AD_IMAGE_CACHE_KEY)
return cache && typeof cache === 'object' ? cache : {}
},
saveHomeAdImageCache(cache) {
uni.setStorageSync(HOME_AD_IMAGE_CACHE_KEY, cache)
},
isHomeAdImageCacheValid(cacheItem) {
return !!(cacheItem && cacheItem.path && Date.now() - Number(cacheItem.savedAt || 0) < HOME_AD_IMAGE_CACHE_TTL)
},
applyCachedAdImages(mallAds) {
const cache = this.getHomeAdImageCache()
const activeUrls = Object.keys(HOME_MENU_ICON_URLS).map(key => HOME_MENU_ICON_URLS[key])
mallAds.forEach((item) => {
const imageUrl = this.normalizeAdImageUrl(item.adImage)
item.adImage = imageUrl
item.adDisplayImage = ''
if (!/^https?:\/\//.test(imageUrl)) {
item.adDisplayImage = imageUrl
return
}
activeUrls.push(imageUrl)
const cacheItem = cache[imageUrl]
if (this.isHomeAdImageCacheValid(cacheItem)) {
item.adDisplayImage = cacheItem.path
return
}
this.cacheHomeAdImage(imageUrl)
})
this.pruneHomeAdImageCache(cache, activeUrls)
},
applyCachedHomeMenuIcons() {
const cache = this.getHomeAdImageCache()
Object.keys(HOME_MENU_ICON_URLS).forEach((key) => {
const imageUrl = HOME_MENU_ICON_URLS[key]
const cacheItem = cache[imageUrl]
if (this.isHomeAdImageCacheValid(cacheItem)) {
this.homeMenuIconImages[key] = cacheItem.path
return
}
this.homeMenuIconImages[key] = ''
this.cacheHomeMenuIcon(key, imageUrl)
})
},
cacheHomeMenuIcon(key, imageUrl) {
if (homeAdImageDownloading[imageUrl]) return
homeAdImageDownloading[imageUrl] = true
uni.downloadFile({
url: imageUrl,
success: (downloadRes) => {
if (downloadRes.statusCode !== 200 || !downloadRes.tempFilePath) {
this.homeMenuIconImages[key] = imageUrl
delete homeAdImageDownloading[imageUrl]
return
}
this.homeMenuIconImages[key] = downloadRes.tempFilePath
uni.saveFile({
tempFilePath: downloadRes.tempFilePath,
success: (saveRes) => {
const cache = this.getHomeAdImageCache()
const oldCacheItem = cache[imageUrl]
if (oldCacheItem && oldCacheItem.path && oldCacheItem.path !== saveRes.savedFilePath) {
uni.removeSavedFile({
filePath: oldCacheItem.path,
fail: () => {}
})
}
cache[imageUrl] = {
path: saveRes.savedFilePath,
savedAt: Date.now()
}
this.saveHomeAdImageCache(cache)
this.homeMenuIconImages[key] = saveRes.savedFilePath
},
complete: () => {
delete homeAdImageDownloading[imageUrl]
}
})
},
fail: () => {
this.homeMenuIconImages[key] = imageUrl
delete homeAdImageDownloading[imageUrl]
},
complete: (downloadRes) => {
if (!downloadRes || downloadRes.statusCode !== 200) {
this.homeMenuIconImages[key] = imageUrl
delete homeAdImageDownloading[imageUrl]
}
}
})
},
cacheHomeAdImage(imageUrl) {
if (homeAdImageDownloading[imageUrl]) return
homeAdImageDownloading[imageUrl] = true
uni.downloadFile({
url: imageUrl,
success: (downloadRes) => {
if (downloadRes.statusCode !== 200 || !downloadRes.tempFilePath) {
this.replaceAdImageWithCache(imageUrl, imageUrl)
delete homeAdImageDownloading[imageUrl]
return
}
this.replaceAdImageWithCache(imageUrl, downloadRes.tempFilePath)
uni.saveFile({
tempFilePath: downloadRes.tempFilePath,
success: (saveRes) => {
const cache = this.getHomeAdImageCache()
const oldCacheItem = cache[imageUrl]
if (oldCacheItem && oldCacheItem.path && oldCacheItem.path !== saveRes.savedFilePath) {
uni.removeSavedFile({
filePath: oldCacheItem.path,
fail: () => {}
})
}
cache[imageUrl] = {
path: saveRes.savedFilePath,
savedAt: Date.now()
}
this.saveHomeAdImageCache(cache)
this.replaceAdImageWithCache(imageUrl, saveRes.savedFilePath)
},
complete: () => {
delete homeAdImageDownloading[imageUrl]
}
})
},
fail: () => {
delete homeAdImageDownloading[imageUrl]
},
complete: (downloadRes) => {
if (!downloadRes || downloadRes.statusCode !== 200) {
this.replaceAdImageWithCache(imageUrl, imageUrl)
delete homeAdImageDownloading[imageUrl]
}
}
})
},
replaceAdImageWithCache(imageUrl, filePath) {
const replace = (list) => {
(list || []).forEach((item) => {
if (item.adImage === imageUrl) {
item.adDisplayImage = filePath
}
})
}
replace(this.mallAds)
replace(this.adList)
this.$forceUpdate()
},
pruneHomeAdImageCache(cache, activeUrls) {
const activeUrlMap = activeUrls.reduce((result, url) => {
result[url] = true
return result
}, {})
const now = Date.now()
Object.keys(cache).forEach((url) => {
const item = cache[url]
const isExpired = !this.isHomeAdImageCacheValid(item)
if (isExpired && !activeUrlMap[url]) {
item && item.path && uni.removeSavedFile({
filePath: item.path,
fail: () => {}
})
delete cache[url]
}
})
const urls = Object.keys(cache).sort((a, b) => Number(cache[a].savedAt || now) - Number(cache[b].savedAt || now))
while (urls.length > HOME_AD_IMAGE_CACHE_LIMIT) {
const url = urls.shift()
if (activeUrlMap[url]) {
urls.push(url)
if (urls.every(itemUrl => activeUrlMap[itemUrl])) break
continue
}
const item = cache[url]
item && item.path && uni.removeSavedFile({
filePath: item.path,
fail: () => {}
})
delete cache[url]
}
this.saveHomeAdImageCache(cache)
},
getDelivery() {
let that = this
that.waimaiCount = 0
@ -1144,21 +1393,11 @@
that.loadStatus = 'nomore';
if (res.code == 200) {
that.homeReminders = res.result.homeReminders || {}
that.mallAds = res.result.mallAds
that.mallAds = res.result.mallAds || []
that.applyCachedAdImages(that.mallAds)
for(let i=0;i<that.mallAds.length;i++){
if(that.mallAds[i].position == 'home_top'){
that.adList.push(that.mallAds[i])
// 判断字符串中是否包含逗号
if (that.mallAds[i].adImage.indexOf(',') !== -1) {
if (that.mallAds[i].adImage.endsWith(',')) {
that.mallAds[i].adImage = that.mallAds[i].adImage.slice(0, -1);
}
}
}else{
if (that.mallAds[i].adImage.endsWith(',')) {
that.mallAds[i].adImage = that.mallAds[i].adImage.slice(0, -1);
}
}
}
if (that.searchForm.pageNum == 1) {
@ -1196,6 +1435,7 @@
},
//广告跳转
goAdPage(item) {
if (!this.requireLogin(0)) return
uni.navigateTo({
url: item.linkUrl + item.linkParams
})

Write Preview
Loading…
Cancel
Save