feat:初始提交uni-app项目
This commit is contained in:
329
unpackage/dist/dev/mp-weixin/pages/preview/preview.js
vendored
Normal file
329
unpackage/dist/dev/mp-weixin/pages/preview/preview.js
vendored
Normal file
@@ -0,0 +1,329 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const utils_system = require("../../utils/system.js");
|
||||
const api_apis = require("../../api/apis.js");
|
||||
if (!Array) {
|
||||
const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
|
||||
const _easycom_uni_dateformat2 = common_vendor.resolveComponent("uni-dateformat");
|
||||
const _easycom_uni_rate2 = common_vendor.resolveComponent("uni-rate");
|
||||
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||||
(_easycom_uni_icons2 + _easycom_uni_dateformat2 + _easycom_uni_rate2 + _easycom_uni_popup2)();
|
||||
}
|
||||
const _easycom_uni_icons = () => "../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
|
||||
const _easycom_uni_dateformat = () => "../../uni_modules/uni-dateformat/components/uni-dateformat/uni-dateformat.js";
|
||||
const _easycom_uni_rate = () => "../../uni_modules/uni-rate/components/uni-rate/uni-rate.js";
|
||||
const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||
if (!Math) {
|
||||
(_easycom_uni_icons + _easycom_uni_dateformat + _easycom_uni_rate + _easycom_uni_popup)();
|
||||
}
|
||||
const _sfc_main = {
|
||||
__name: "preview",
|
||||
setup(__props) {
|
||||
const maskState = common_vendor.ref(true);
|
||||
const infoPopup = common_vendor.ref(null);
|
||||
const currentInfo = common_vendor.ref({});
|
||||
const scorePopup = common_vendor.ref(null);
|
||||
const userScore = common_vendor.ref(0);
|
||||
const isScore = common_vendor.ref(false);
|
||||
const classList = common_vendor.ref([]);
|
||||
const currentId = common_vendor.ref(null);
|
||||
const currentIndex = common_vendor.ref(0);
|
||||
const readImgs = common_vendor.ref([]);
|
||||
const storgClassList = common_vendor.index.getStorageSync("storgClassList") || [];
|
||||
classList.value = storgClassList.map((item) => {
|
||||
return {
|
||||
...item,
|
||||
//注意 _small.webp是小图,要看大图的话,需要将后缀改变成.jpg
|
||||
picurl: item.smallPicurl.replace("_small.webp", ".jpg")
|
||||
};
|
||||
});
|
||||
common_vendor.onLoad(async (e) => {
|
||||
currentId.value = e.id;
|
||||
if (e.type == "share") {
|
||||
let res = await api_apis.apiDetailWall({ id: currentId.value });
|
||||
classList.value = res.data.map((item) => {
|
||||
return {
|
||||
...item,
|
||||
picurl: item.smallPicurl.replace("_small.webp", ".jpg")
|
||||
};
|
||||
});
|
||||
}
|
||||
currentIndex.value = classList.value.findIndex((item) => item._id == currentId.value);
|
||||
readImgsFun();
|
||||
currentInfo.value = classList.value[currentIndex.value];
|
||||
});
|
||||
const swiperChange = (e) => {
|
||||
currentIndex.value = e.detail.current;
|
||||
readImgsFun();
|
||||
currentInfo.value = classList.value[currentIndex.value];
|
||||
};
|
||||
const readImgsFun = () => {
|
||||
readImgs.value.push(
|
||||
currentIndex.value <= 0 ? classList.value.length - 1 : currentIndex.value - 1,
|
||||
currentIndex.value,
|
||||
currentIndex.value >= classList.value.length - 1 ? 0 : currentIndex.value + 1
|
||||
);
|
||||
readImgs.value = [...new Set(readImgs.value)];
|
||||
};
|
||||
const clickInfo = () => {
|
||||
infoPopup.value.open();
|
||||
};
|
||||
const clickInfoClose = () => {
|
||||
infoPopup.value.close();
|
||||
};
|
||||
const clickScore = () => {
|
||||
if (currentInfo.value.userScore) {
|
||||
isScore.value = true;
|
||||
userScore.value = currentInfo.value.userScore;
|
||||
}
|
||||
scorePopup.value.open();
|
||||
};
|
||||
const clickScoreClose = () => {
|
||||
scorePopup.value.close();
|
||||
userScore.value = 0;
|
||||
isScore.value = false;
|
||||
};
|
||||
const submitScore = async () => {
|
||||
common_vendor.index.showLoading({
|
||||
title: "加载中..."
|
||||
});
|
||||
let {
|
||||
classid,
|
||||
_id: wallId
|
||||
} = currentInfo.value;
|
||||
let res = await api_apis.apiGetSetScore({
|
||||
classid,
|
||||
wallId,
|
||||
userScore: userScore.value
|
||||
});
|
||||
common_vendor.index.hideLoading();
|
||||
if (res.errCode === 0) {
|
||||
common_vendor.index.showToast({
|
||||
title: "评分成功",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
classList.value[currentIndex.value].userScore = userScore.value;
|
||||
common_vendor.index.setStorageSync("storgClassList", classList.value);
|
||||
clickScoreClose();
|
||||
};
|
||||
const maskChange = () => {
|
||||
maskState.value = !maskState.value;
|
||||
};
|
||||
const goBack = () => {
|
||||
common_vendor.index.navigateBack({
|
||||
success: () => {
|
||||
},
|
||||
fail: (err) => {
|
||||
common_vendor.index.reLaunch({
|
||||
url: "/pages/index/index"
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const clickDownload = async () => {
|
||||
try {
|
||||
common_vendor.index.showLoading({
|
||||
title: "下载中...",
|
||||
// 显示过程中不允许点击其他的东西
|
||||
mask: true
|
||||
});
|
||||
let {
|
||||
classid,
|
||||
_id: wallId
|
||||
} = currentInfo.value;
|
||||
let res = await api_apis.apiWriteDownload({
|
||||
classid,
|
||||
wallId
|
||||
});
|
||||
if (res.errCode != 0) {
|
||||
throw res;
|
||||
}
|
||||
common_vendor.index.getImageInfo({
|
||||
// 这个getImageInfo是为了根据网络地址获得一个临时下载地址,以便能够下载到相册里面
|
||||
//单纯的使用 saveImageToPhotosAlbum 是不能够保存图片的
|
||||
src: currentInfo.value.picurl,
|
||||
success: (res2) => {
|
||||
common_vendor.index.saveImageToPhotosAlbum({
|
||||
filePath: res2.path,
|
||||
success: (res3) => {
|
||||
common_vendor.index.showToast({
|
||||
title: "保存成功,请到相册查看",
|
||||
icon: "none"
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
if (err.errMsg == "saveImagePhotoAlbum:fail cancel") {
|
||||
common_vendor.index.showToast({
|
||||
title: "保存失败,请重新点击下载",
|
||||
icon: "none"
|
||||
});
|
||||
return;
|
||||
}
|
||||
common_vendor.index.showModal({
|
||||
title: "授权提示",
|
||||
content: "需要授权保存相册",
|
||||
//success表示系统回复了的情况
|
||||
success: (res3) => {
|
||||
if (res3.confirm) {
|
||||
common_vendor.index.openSetting({
|
||||
success: (setting) => {
|
||||
common_vendor.index.__f__(
|
||||
"log",
|
||||
"at pages/preview/preview.vue:404",
|
||||
setting
|
||||
);
|
||||
if (setting.authSetting["scope.writePhotosAlbum"]) {
|
||||
common_vendor.index.showToast({
|
||||
title: "获取授权成功",
|
||||
icon: "none"
|
||||
});
|
||||
} else {
|
||||
common_vendor.index.showToast({
|
||||
title: "获取权限失败",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
//complete表示无论成功还是失败都会做的事件
|
||||
complete: () => {
|
||||
common_vendor.index.hideLoading();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
} catch (err) {
|
||||
common_vendor.index.hideLoading();
|
||||
}
|
||||
};
|
||||
common_vendor.onShareAppMessage((e) => {
|
||||
return {
|
||||
title: "hzb壁纸-",
|
||||
// 必须传递id进去,否则进不去内部页面
|
||||
path: "/pages/preview/preview?id=" + currentId.value + "&type=share"
|
||||
};
|
||||
});
|
||||
common_vendor.onShareTimeline(() => {
|
||||
return {
|
||||
// 标题
|
||||
title: "hzb壁纸~~~",
|
||||
// 分享时候的图片地址。可以本地也可以网络图
|
||||
// imageUrl:"/static/images/logo2.jpg"
|
||||
//要想看朋友圈这个,需要带的query参数
|
||||
// type表示是分享传入的
|
||||
query: "id=" + currentId.value + "&type=share"
|
||||
};
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.f(classList.value, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: readImgs.value.includes(index)
|
||||
}, readImgs.value.includes(index) ? {
|
||||
b: common_vendor.o(maskChange, item._id),
|
||||
c: item.picurl
|
||||
} : {}, {
|
||||
d: item._id
|
||||
});
|
||||
}),
|
||||
b: currentIndex.value,
|
||||
c: common_vendor.o(swiperChange),
|
||||
d: common_vendor.p({
|
||||
type: "back",
|
||||
color: "#fff",
|
||||
size: "20"
|
||||
}),
|
||||
e: common_vendor.o(goBack),
|
||||
f: common_vendor.unref(utils_system.getPreviewBarHeight)() + "px",
|
||||
g: common_vendor.t(currentIndex.value + 1),
|
||||
h: common_vendor.t(classList.value.length),
|
||||
i: common_vendor.p({
|
||||
date: Date.now(),
|
||||
format: "hh:mm"
|
||||
}),
|
||||
j: common_vendor.p({
|
||||
date: Date.now(),
|
||||
format: "MM月dd日"
|
||||
}),
|
||||
k: common_vendor.p({
|
||||
type: "info",
|
||||
size: "23"
|
||||
}),
|
||||
l: common_vendor.o(clickInfo),
|
||||
m: common_vendor.p({
|
||||
type: "star",
|
||||
size: "23"
|
||||
}),
|
||||
n: common_vendor.t(currentInfo.value.score),
|
||||
o: common_vendor.o(clickScore),
|
||||
p: common_vendor.p({
|
||||
type: "download",
|
||||
size: "23"
|
||||
}),
|
||||
q: common_vendor.o(clickDownload),
|
||||
r: maskState.value,
|
||||
s: common_vendor.p({
|
||||
type: "closeempty",
|
||||
size: "18",
|
||||
color: "#999"
|
||||
}),
|
||||
t: common_vendor.o(clickInfoClose),
|
||||
v: common_vendor.t(currentInfo.value._id),
|
||||
w: common_vendor.t(currentInfo.value.nickname),
|
||||
x: common_vendor.p({
|
||||
readonly: true,
|
||||
touchable: false,
|
||||
value: currentInfo.value.score,
|
||||
size: "16"
|
||||
}),
|
||||
y: common_vendor.t(currentInfo.value.score),
|
||||
z: common_vendor.t(currentInfo.value.description),
|
||||
A: common_vendor.f(currentInfo.value.tabs, (tab, k0, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(tab),
|
||||
b: tab
|
||||
};
|
||||
}),
|
||||
B: common_vendor.sr(infoPopup, "2dad6c07-6", {
|
||||
"k": "infoPopup"
|
||||
}),
|
||||
C: common_vendor.p({
|
||||
type: "bottom"
|
||||
}),
|
||||
D: common_vendor.t(isScore.value ? "已经评分过了~" : "壁纸评分"),
|
||||
E: common_vendor.p({
|
||||
type: "closeempty",
|
||||
size: "18",
|
||||
color: "#999"
|
||||
}),
|
||||
F: common_vendor.o(clickScoreClose),
|
||||
G: common_vendor.o(_ctx.onChange),
|
||||
H: common_vendor.o(($event) => userScore.value = $event),
|
||||
I: common_vendor.p({
|
||||
disabled: isScore.value,
|
||||
["disabled-color"]: "#FFCA3E",
|
||||
allowHalf: true,
|
||||
modelValue: userScore.value
|
||||
}),
|
||||
J: common_vendor.t(userScore.value),
|
||||
K: common_vendor.o(submitScore),
|
||||
L: !userScore.value || isScore.value,
|
||||
M: common_vendor.sr(scorePopup, "2dad6c07-9", {
|
||||
"k": "scorePopup"
|
||||
}),
|
||||
N: common_vendor.p({
|
||||
["is-mask-click"]: false
|
||||
})
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-2dad6c07"]]);
|
||||
_sfc_main.__runtimeHooks = 6;
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/preview/preview.js.map
|
||||
Reference in New Issue
Block a user