Browse Source

fix: 🧩 轮播优化

pull/25/head
liyongle 3 years ago
parent
commit
7df666c35d
  1. 57
      public/static/offline/JSON/getAllActivityList.json
  2. 61
      public/static/offline/JSON/getShopActivityList.json
  3. 6
      src/views/Activity/Activity.vue

57
public/static/offline/JSON/getAllActivityList.json

@ -1,56 +1 @@
{
"code": 200,
"msg": "操作成功",
"data": [
{
"id": 617,
"entryCode": "UIBbbmSxX1bvI_icEzNNu",
"title": "欢度中秋国庆",
"content": {
"activityName": "欢度中秋国庆",
"activityNameEn": "happy",
"type": "档期活动",
"coverUrl": [
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230721/VxD2notoXjw8qTxQMerDh.png"
],
"fileUrl_h": [
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230721/VxD2notoXjw8qTxQMerDh.png",
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230719/JUhRWWwrWE_WkoZgp_TOm.png"
],
"fileUrl_v": [
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230721/VxD2notoXjw8qTxQMerDh.png"
]
}
},
{
"id": 618,
"entryCode": "liuUoTMkKVyk_ON7TV3jw",
"title": "品牌活动",
"content": {
"activityName": "品牌活动",
"activityNameEn": "brand988",
"type": "品牌活动",
"coverUrl": [
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230721/VxD2notoXjw8qTxQMerDh.png"
],
"fileUrl_h": [],
"fileUrl_v": []
}
},
{
"id": 618,
"entryCode": "liuUoTMkKVyk_ON7TV3jw",
"title": "品牌活动",
"content": {
"activityName": "品牌活动",
"activityNameEn": "brand988",
"type": "品牌活动",
"coverUrl": [
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230721/VxD2notoXjw8qTxQMerDh.png"
],
"fileUrl_h": [],
"fileUrl_v": []
}
}
]
}
{"code":200,"msg":"操作成功","data":[{"id":617,"entryCode":"UIBbbmSxX1bvI_icEzNNu","title":"欢度中秋国庆","content":{"activityName":"欢度中秋国庆","activityNameEn":"happy","type":"档期活动","coverUrl":["/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/ppjwV-F379hJ5WC7q3F-7.png"],"fileUrl_h":["/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/7XCHjm9R9uINfw2VGJGX1.jpg","/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/ODj3klVJ_jq9vBzh_7R3n.jpg","/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/hthxwc0k8nt90zkogGBcU.jpg","/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/MOXZAQvMlJ405CagyLiTZ.jpg","/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/e2CuQSr0mRQFf7qTW2evU.jpg"],"fileUrl_v":["/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/aCHcTwfotk1inOmQ69Xwi.jpg","/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/_FSCPWq3GR_LrSUlrb22G.jpg","/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/StBkghGoxr7_o2bJ-lVlb.jpg","/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/DnQ4irpPUWTIK8GZnn3t3.jpg","/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/yK8vLWMh702zCLs-AYcbj.jpg"]}},{"id":618,"entryCode":"liuUoTMkKVyk_ON7TV3jw","title":"品牌特别企划","content":{"activityName":"品牌活动","activityNameEn":"brand988","type":"品牌活动","coverUrl":["/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/saAawwV-pBn5exhmEx0GM.jpg"],"fileUrl_h":[],"fileUrl_v":[]}}]}

61
public/static/offline/JSON/getShopActivityList.json

@ -1,60 +1 @@
{
"code": 200,
"msg": "操作成功",
"data": [
{
"id": 620,
"entryCode": "7PtFGpCK-XIyq_qKRJPR5",
"title": "品牌活动",
"content": {
"fileUrl": [
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230719/JUhRWWwrWE_WkoZgp_TOm.png"
],
"title": "COLOMBO V-SPACE限时店 ",
"titleEn": "COLOMBO V-SPACE",
"time": "即日起-国庆节",
"place": "成都SKP 1F",
"placeEn": "成都SKP 1F",
"typeId": [
"liuUoTMkKVyk_ON7TV3jw"
]
}
},
{
"id": 620,
"entryCode": "7PtFGpCK-XIyq_qKRJPR51",
"title": "品牌活动",
"content": {
"fileUrl": [
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230719/JUhRWWwrWE_WkoZgp_TOm.png"
],
"title": "COLOMBO V-SPACE限时店 ",
"titleEn": "COLOMBO V-SPACE",
"time": "即日起-国庆节",
"place": "成都SKP 1F",
"placeEn": "成都SKP 1F",
"typeId": [
"liuUoTMkKVyk_ON7TV3jw"
]
}
},
{
"id": 620,
"entryCode": "7PtFGpCK-XIyq_qKRJPR518",
"title": "品牌活动",
"content": {
"fileUrl": [
"/iotFile/project-ey_fpaur6s6fkgvszywana/20230719/JUhRWWwrWE_WkoZgp_TOm.png"
],
"title": "COLOMBO V-SPACE限时店 ",
"titleEn": "COLOMBO V-SPACE",
"time": "即日起-国庆节",
"place": "成都SKP 1F",
"placeEn": "成都SKP 1F",
"typeId": [
"liuUoTMkKVyk_ON7TV3jw"
]
}
}
]
}
{"code":200,"msg":"操作成功","data":[{"id":620,"entryCode":"7PtFGpCK-XIyq_qKRJPR5","title":"COLOMBO V-SPACE限时店 ","content":{"fileUrl":["/iotFile/project-ey_fpaur6s6fkgvszywana/20231011/qefzeBHe1POo537vRZ08S.jpg"],"title":"COLOMBO V-SPACE限时店 ","titleEn":"COLOMBO V-SPACE","time":"即日起-10/30(一)","place":"成都SKP 1F","placeEn":"成都SKP 1F","typeId":["liuUoTMkKVyk_ON7TV3jw"]}}]}

6
src/views/Activity/Activity.vue

@ -53,7 +53,9 @@ const modules = [Autoplay, Pagination]
const currentItem = ref<Activity>() const currentItem = ref<Activity>()
const showDetail = ref(false) const showDetail = ref(false)
function clickItem(item: Activity, code: string) { function clickItem(item: Activity, code: string) {
mySwiper.value.autoplay.stop()
if (mySwiper.value) {
mySwiper.value.autoplay.stop()
}
item.list = shopAcList.value.filter(info => info.content.typeId[0] === code) item.list = shopAcList.value.filter(info => info.content.typeId[0] === code)
currentItem.value = item currentItem.value = item
showDetail.value = true showDetail.value = true
@ -95,7 +97,7 @@ function next() {
watch( watch(
() => showDetail.value, () => showDetail.value,
() => { () => {
if (!showDetail.value) {
if (!showDetail.value && mySwiper.value) {
mySwiper.value.autoplay.start() mySwiper.value.autoplay.start()
} }
} }

Loading…
Cancel
Save