333
This commit is contained in:
zpc
parent
e474d68188
commit
717197b897
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
unpackage/*
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"app.js","sources":["App.vue","main.js"],"sourcesContent":["<script>\r\n\texport default {\r\n\t\tonLaunch: function() {\r\n\t\t\tconsole.log('App Launch')\r\n\t\t},\r\n\t\tonShow: function() {\r\n\t\t\tconsole.log('App Show')\r\n\t\t},\r\n\t\tonHide: function() {\r\n\t\t\tconsole.log('App Hide')\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style>\r\n\t/*每个页面公共css */\r\n\t.column {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.row {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t}\r\n\t\r\n\t.row-reverse {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row-reverse;\r\n\t}\r\n\r\n\t.center {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n</style>","import App from './App'\r\n\r\n// #ifndef VUE3\r\nimport Vue from 'vue'\r\nimport './uni.promisify.adaptor'\r\nVue.config.productionTip = false\r\nApp.mpType = 'app'\r\nconst app = new Vue({\r\n ...App\r\n})\r\napp.$mount()\r\n// #endif\r\n\r\n// #ifdef VUE3\r\nimport { createSSRApp } from 'vue'\r\nexport function createApp() {\r\n const app = createSSRApp(App)\r\n return {\r\n app\r\n }\r\n}\r\n// #endif"],"names":["uni","createSSRApp","App"],"mappings":";;;;;;AACC,MAAK,YAAU;AAAA,EACd,UAAU,WAAW;AACpBA,kBAAAA,MAAA,MAAA,OAAA,gBAAY,YAAY;AAAA,EACxB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,gBAAA,UAAU;AAAA,EACtB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,iBAAA,UAAU;AAAA,EACvB;AACD;ACIM,SAAS,YAAY;AAC1B,QAAM,MAAMC,cAAY,aAACC,SAAG;AAC5B,SAAO;AAAA,IACL;AAAA,EACD;AACH;;;"}
|
||||
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"assets.js","sources":["static/ic_close.png"],"sourcesContent":["export default \"__VITE_ASSET__96212905__\""],"names":[],"mappings":";AAAA,MAAe,aAAA;;"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
26
unpackage/dist/dev/mp-weixin/app.js
vendored
26
unpackage/dist/dev/mp-weixin/app.js
vendored
|
|
@ -1,26 +0,0 @@
|
|||
"use strict";
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
||||
const common_vendor = require("./common/vendor.js");
|
||||
if (!Math) {
|
||||
"./pages/index/index.js";
|
||||
}
|
||||
const _sfc_main = {
|
||||
onLaunch: function() {
|
||||
common_vendor.index.__f__("log", "at App.vue:4", "App Launch");
|
||||
},
|
||||
onShow: function() {
|
||||
common_vendor.index.__f__("log", "at App.vue:7", "App Show");
|
||||
},
|
||||
onHide: function() {
|
||||
common_vendor.index.__f__("log", "at App.vue:10", "App Hide");
|
||||
}
|
||||
};
|
||||
function createApp() {
|
||||
const app = common_vendor.createSSRApp(_sfc_main);
|
||||
return {
|
||||
app
|
||||
};
|
||||
}
|
||||
createApp().app.mount("#app");
|
||||
exports.createApp = createApp;
|
||||
//# sourceMappingURL=../.sourcemap/mp-weixin/app.js.map
|
||||
12
unpackage/dist/dev/mp-weixin/app.json
vendored
12
unpackage/dist/dev/mp-weixin/app.json
vendored
|
|
@ -1,12 +0,0 @@
|
|||
{
|
||||
"pages": [
|
||||
"pages/index/index"
|
||||
],
|
||||
"window": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "uni-app",
|
||||
"navigationBarBackgroundColor": "#F8F8F8",
|
||||
"backgroundColor": "#F8F8F8"
|
||||
},
|
||||
"usingComponents": {}
|
||||
}
|
||||
20
unpackage/dist/dev/mp-weixin/app.wxss
vendored
20
unpackage/dist/dev/mp-weixin/app.wxss
vendored
|
|
@ -1,20 +0,0 @@
|
|||
|
||||
/*每个页面公共css */
|
||||
.column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.row-reverse {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
"use strict";
|
||||
const _imports_0 = "/static/ic_close.png";
|
||||
exports._imports_0 = _imports_0;
|
||||
//# sourceMappingURL=../../.sourcemap/mp-weixin/common/assets.js.map
|
||||
173
unpackage/dist/dev/mp-weixin/common/utils.js
vendored
173
unpackage/dist/dev/mp-weixin/common/utils.js
vendored
|
|
@ -1,173 +0,0 @@
|
|||
"use strict";
|
||||
const common_vendor = require("./vendor.js");
|
||||
const getFileSize = async (filePath) => {
|
||||
try {
|
||||
const res = await new Promise((resolve, reject) => {
|
||||
common_vendor.wx$1.getFileSystemManager().getFileInfo({
|
||||
filePath,
|
||||
success: resolve,
|
||||
fail: reject
|
||||
});
|
||||
});
|
||||
return res.size || Infinity;
|
||||
} catch (err) {
|
||||
common_vendor.index.__f__("error", "at common/utils.js:34", "获取文件大小失败:", err);
|
||||
return Infinity;
|
||||
}
|
||||
};
|
||||
const doCompressImage = (src, quality) => {
|
||||
return new Promise((resolve) => {
|
||||
common_vendor.index.compressImage({
|
||||
src,
|
||||
quality,
|
||||
success: (res) => resolve(res.tempFilePath),
|
||||
fail: () => resolve(src)
|
||||
// 失败返回原路径
|
||||
});
|
||||
});
|
||||
};
|
||||
const preciseCompress = async (tempFilePath, targetSize = 500 * 1024, initialQuality = 85) => {
|
||||
let quality = initialQuality;
|
||||
let compressedPath = tempFilePath;
|
||||
let currentSize = Infinity;
|
||||
let iterations = 0;
|
||||
const maxIterations = 10;
|
||||
const history = [];
|
||||
const originalSize = await getFileSize(tempFilePath);
|
||||
if (originalSize <= targetSize) {
|
||||
return { path: tempFilePath, quality: 100, iterations: 0, finalSize: originalSize };
|
||||
}
|
||||
const predictQualityRange = (originalSize2, targetSize2) => {
|
||||
const ratio = targetSize2 / originalSize2;
|
||||
if (ratio > 0.8)
|
||||
return { low: 70, high: 95 };
|
||||
if (ratio > 0.5)
|
||||
return { low: 45, high: 75 };
|
||||
if (ratio > 0.3)
|
||||
return { low: 25, high: 50 };
|
||||
if (ratio > 0.1)
|
||||
return { low: 10, high: 30 };
|
||||
return { low: 5, high: 15 };
|
||||
};
|
||||
const { low: predictedLow, high: predictedHigh } = predictQualityRange(originalSize, targetSize);
|
||||
let low = predictedLow;
|
||||
let high = Math.min(predictedHigh, initialQuality);
|
||||
common_vendor.index.__f__("log", "at common/utils.js:132", `预测质量范围: ${low}-${high} (原图${(originalSize / 1024).toFixed(2)}KB → 目标${(targetSize / 1024).toFixed(2)}KB)`);
|
||||
const adjustBounds = (currentQuality, currentSize2, targetSize2) => {
|
||||
const sizeRatio = currentSize2 / targetSize2;
|
||||
const qualityDelta = Math.max(2, Math.floor(currentQuality * 0.1));
|
||||
if (sizeRatio > 2.5) {
|
||||
return { lowDelta: -qualityDelta * 2, highDelta: -qualityDelta };
|
||||
} else if (sizeRatio > 1.5) {
|
||||
return { lowDelta: -qualityDelta, highDelta: -Math.floor(qualityDelta / 2) };
|
||||
} else if (sizeRatio > 1.1) {
|
||||
return { lowDelta: -3, highDelta: -1 };
|
||||
} else {
|
||||
return { lowDelta: -1, highDelta: 0 };
|
||||
}
|
||||
};
|
||||
let bestResult = null;
|
||||
while (iterations < maxIterations && low <= high) {
|
||||
iterations++;
|
||||
quality = Math.floor((low + high) / 2);
|
||||
if (history.some((item) => item.quality === quality)) {
|
||||
break;
|
||||
}
|
||||
compressedPath = await doCompressImage(tempFilePath, quality);
|
||||
currentSize = await getFileSize(compressedPath);
|
||||
history.push({ quality, size: currentSize });
|
||||
common_vendor.index.__f__("log", "at common/utils.js:165", `第${iterations}次尝试: quality=${quality} → ${(currentSize / 1024).toFixed(2)}KB (目标${(targetSize / 1024).toFixed(2)}KB)`);
|
||||
if (!bestResult || Math.abs(currentSize - targetSize) < Math.abs(bestResult.size - targetSize)) {
|
||||
bestResult = { quality, size: currentSize, path: compressedPath };
|
||||
}
|
||||
if (Math.abs(currentSize - targetSize) < targetSize * 0.03) {
|
||||
common_vendor.index.__f__("log", "at common/utils.js:174", "✅ 达到精准匹配，提前结束");
|
||||
break;
|
||||
}
|
||||
if (currentSize > targetSize) {
|
||||
const { lowDelta, highDelta } = adjustBounds(quality, currentSize, targetSize);
|
||||
high = Math.max(5, quality + highDelta);
|
||||
} else {
|
||||
low = quality + 1;
|
||||
}
|
||||
if (high - low <= 1)
|
||||
break;
|
||||
}
|
||||
if (bestResult && bestResult.size > targetSize * 1.1) {
|
||||
common_vendor.index.__f__("log", "at common/utils.js:191", "🔥 尝试极限压缩...");
|
||||
const extremePath = await doCompressImage(tempFilePath, 5);
|
||||
const extremeSize = await getFileSize(extremePath);
|
||||
common_vendor.index.__f__("log", "at common/utils.js:194", `极限压缩结果: quality=5 → ${(extremeSize / 1024).toFixed(2)}KB`);
|
||||
if (extremeSize < bestResult.size) {
|
||||
bestResult = { quality: 5, size: extremeSize, path: extremePath };
|
||||
}
|
||||
}
|
||||
const finalResult = bestResult || { quality: 10, size: currentSize, path: compressedPath };
|
||||
common_vendor.index.__f__("log", "at common/utils.js:203", `🎯 最终结果：quality=${finalResult.quality} → ${(finalResult.size / 1024).toFixed(2)}KB（迭代${iterations}次，压缩率${((1 - finalResult.size / originalSize) * 100).toFixed(1)}%）`);
|
||||
return {
|
||||
path: finalResult.path,
|
||||
quality: finalResult.quality,
|
||||
iterations,
|
||||
finalSize: finalResult.size
|
||||
};
|
||||
};
|
||||
const imageToBase64 = (filePath) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
common_vendor.index.getImageInfo({
|
||||
src: filePath,
|
||||
success: (info) => {
|
||||
const type = info.type || "jpeg";
|
||||
common_vendor.index.getFileSystemManager().readFile({
|
||||
filePath,
|
||||
encoding: "base64",
|
||||
success: (res) => resolve(`data:image/${type};base64,${res.data}`),
|
||||
fail: reject
|
||||
});
|
||||
},
|
||||
fail: () => {
|
||||
common_vendor.index.getFileSystemManager().readFile({
|
||||
filePath,
|
||||
encoding: "base64",
|
||||
success: (res) => resolve(`data:image/jpeg;base64,${res.data}`),
|
||||
fail: reject
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
const processImage = async (maxSize = 500 * 1024) => {
|
||||
const chooseRes = await new Promise((resolve) => {
|
||||
common_vendor.index.chooseImage({
|
||||
count: 1,
|
||||
sizeType: ["original", "compressed"],
|
||||
success: resolve,
|
||||
fail: () => resolve(null)
|
||||
});
|
||||
});
|
||||
if (!chooseRes)
|
||||
throw new Error("选择图片失败");
|
||||
const tempFilePath = chooseRes.tempFilePaths[0];
|
||||
let finalPath = tempFilePath;
|
||||
let isCompressed = false;
|
||||
const fileSize = await getFileSize(tempFilePath);
|
||||
common_vendor.index.__f__("log", "at common/utils.js:272", `原图大小: ${(fileSize / 1024).toFixed(2)}KB`);
|
||||
if (fileSize > maxSize) {
|
||||
common_vendor.index.__f__("log", "at common/utils.js:276", "🔄 开始智能压缩...");
|
||||
const compressResult = await preciseCompress(tempFilePath, maxSize);
|
||||
finalPath = compressResult.path;
|
||||
isCompressed = true;
|
||||
common_vendor.index.__f__("log", "at common/utils.js:282", `✅ 压缩完成: ${(fileSize / 1024).toFixed(2)}KB → ${(compressResult.finalSize / 1024).toFixed(2)}KB (节省${((1 - compressResult.finalSize / fileSize) * 100).toFixed(1)}%)`);
|
||||
}
|
||||
const base64 = await imageToBase64(finalPath);
|
||||
common_vendor.index.__f__("log", "at common/utils.js:288", `📄 Base64长度: ${base64.length} 字符`);
|
||||
return {
|
||||
base64,
|
||||
// Base64字符串
|
||||
path: finalPath,
|
||||
// 最终文件路径（可能是原图或压缩图）
|
||||
compressed: isCompressed
|
||||
// 是否经过压缩
|
||||
};
|
||||
};
|
||||
exports.processImage = processImage;
|
||||
//# sourceMappingURL=../../.sourcemap/mp-weixin/common/utils.js.map
|
||||
8010
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
8010
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
File diff suppressed because it is too large
Load Diff
384
unpackage/dist/dev/mp-weixin/pages/index/index.js
vendored
384
unpackage/dist/dev/mp-weixin/pages/index/index.js
vendored
|
|
@ -1,384 +0,0 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_utils = require("../../common/utils.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const uniNoticeBar = () => "../../uni_modules/uni-notice-bar/components/uni-notice-bar/uni-notice-bar.js";
|
||||
const _sfc_main = {
|
||||
components: {
|
||||
uniNoticeBar
|
||||
},
|
||||
onLoad() {
|
||||
this.getConfig();
|
||||
var userId = common_vendor.index.getStorageSync("user_id");
|
||||
if (!userId || userId == 0) {
|
||||
this.login();
|
||||
}
|
||||
this.userId = userId;
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
bg: "",
|
||||
userId: 0,
|
||||
imagePath: "",
|
||||
name: "",
|
||||
phone: "",
|
||||
base64: "",
|
||||
workUnit: "",
|
||||
address: "",
|
||||
createTime: "",
|
||||
number: "",
|
||||
model: "",
|
||||
recordList: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
request(url, method, data) {
|
||||
return new Promise((resolve, reject) => {
|
||||
const header = {};
|
||||
if (method == "post") {
|
||||
header["content-type"] = "application/json";
|
||||
}
|
||||
common_vendor.index.request({
|
||||
url: "https://gift.zpc-xy.com/" + url,
|
||||
method,
|
||||
data,
|
||||
header,
|
||||
timeout: 1e4,
|
||||
success: (res) => {
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:193", "API响应:", res);
|
||||
if (res.statusCode === 200) {
|
||||
resolve(res.data);
|
||||
} else {
|
||||
reject(new Error(`请求失败，状态码: ${res.statusCode}`));
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:201", "API请求失败:", err);
|
||||
reject(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
async getConfig() {
|
||||
const res = await this.request("config", "get", {});
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:209", res);
|
||||
if (res.home != "") {
|
||||
this.bg = res.home;
|
||||
}
|
||||
},
|
||||
wxLogin() {
|
||||
return new Promise((resolve, reject) => {
|
||||
common_vendor.index.login({
|
||||
provider: "weixin",
|
||||
//使用微信登录
|
||||
onlyAuthorize: true,
|
||||
success: async function(res) {
|
||||
resolve(res.code);
|
||||
},
|
||||
fail: function(err) {
|
||||
reject(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
async login() {
|
||||
try {
|
||||
const wxCode = await this.wxLogin();
|
||||
if (wxCode) {
|
||||
const res = await this.request("userLogin?code=" + wxCode, "post", {});
|
||||
if (res.code == 200) {
|
||||
common_vendor.index.setStorageSync("user_id", res.data.user_id);
|
||||
this.userId = res.data.user_id;
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:238", "登录成功, userId:", this.userId);
|
||||
} else {
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:240", "登录失败:", res.message);
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:244", "登录过程出错:", error);
|
||||
}
|
||||
},
|
||||
openReceivePop() {
|
||||
this.$refs.receivePop.open();
|
||||
},
|
||||
closeReceivePop() {
|
||||
this.$refs.receivePop.close();
|
||||
},
|
||||
getUserId() {
|
||||
if (this.userId == 0) {
|
||||
var userId = common_vendor.index.getStorageSync("user_id");
|
||||
if (!userId || userId == 0) {
|
||||
this.login();
|
||||
} else {
|
||||
this.userId = userId;
|
||||
}
|
||||
}
|
||||
return this.userId;
|
||||
},
|
||||
async openRecordPop() {
|
||||
await this.loadRecordList();
|
||||
this.$refs.recordPop.open();
|
||||
},
|
||||
async loadRecordList() {
|
||||
try {
|
||||
common_vendor.index.showLoading({
|
||||
title: "加载中..."
|
||||
});
|
||||
const result = await this.request("getRecord?userId=" + this.getUserId(), "GET", {});
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:280", result);
|
||||
if (result.data.length > 0) {
|
||||
let isShow = true;
|
||||
let record = [];
|
||||
for (var index = 0; index < result.data.length; index++) {
|
||||
var element = result.data[index];
|
||||
if (element.status == 1) {
|
||||
record.push(element);
|
||||
}
|
||||
}
|
||||
this.recordList = record;
|
||||
}
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:293", "加载领取记录...");
|
||||
} catch (error) {
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:295", "加载领取记录失败:", error);
|
||||
}
|
||||
common_vendor.index.hideLoading();
|
||||
},
|
||||
closeRecordPop() {
|
||||
this.$refs.recordPop.close();
|
||||
},
|
||||
async seleImg() {
|
||||
try {
|
||||
common_vendor.index.showLoading({
|
||||
title: "处理中..."
|
||||
});
|
||||
const {
|
||||
base64,
|
||||
path
|
||||
} = await common_utils.processImage();
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:314", "最终Base64长度:", base64.length, path);
|
||||
this.imagePath = path;
|
||||
this.base64 = base64;
|
||||
common_vendor.index.showToast({
|
||||
title: "上传成功"
|
||||
});
|
||||
} catch (err) {
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:321", "处理失败", err);
|
||||
common_vendor.index.showToast({
|
||||
title: "处理失败",
|
||||
icon: "none"
|
||||
});
|
||||
} finally {
|
||||
common_vendor.index.hideLoading();
|
||||
}
|
||||
},
|
||||
validateForm() {
|
||||
if (!this.name.trim()) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请填写姓名",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (!this.phone.trim()) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请填写联系方式",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (!this.workUnit.trim()) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请填写工作单位",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (!this.address.trim()) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请填写收货地址",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (!this.model.trim()) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请填写设备型号",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (!this.number.trim()) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请填写出品编号",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (!this.createTime.trim()) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请填写出品年月",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (!this.imagePath) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请上传产品铭牌照片",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
},
|
||||
async submitForm() {
|
||||
if (!this.validateForm()) {
|
||||
return;
|
||||
}
|
||||
common_vendor.index.showLoading({
|
||||
title: "提交中..."
|
||||
});
|
||||
try {
|
||||
const formData = {
|
||||
UserId: this.userId,
|
||||
Name: this.name,
|
||||
Phone: this.phone,
|
||||
Company: this.workUnit,
|
||||
Address: this.address,
|
||||
ProductModel: this.model,
|
||||
ProductSerialNumber: this.number,
|
||||
ProductDate: this.createTime,
|
||||
ProductImage: this.base64
|
||||
};
|
||||
const result = await this.request("addRecord", "POST", formData);
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:416", result);
|
||||
common_vendor.index.hideLoading();
|
||||
if (result.code == 200) {
|
||||
common_vendor.index.showToast({
|
||||
title: "提交成功，请等待审核",
|
||||
icon: "success"
|
||||
});
|
||||
this.closeReceivePop();
|
||||
this.clearForm();
|
||||
} else {
|
||||
common_vendor.index.showToast({
|
||||
title: "提交失败，请重试",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
common_vendor.index.hideLoading();
|
||||
common_vendor.index.showToast({
|
||||
title: "提交失败，请重试",
|
||||
icon: "none"
|
||||
});
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:440", "提交失败:", error);
|
||||
}
|
||||
},
|
||||
clearForm() {
|
||||
this.name = "";
|
||||
this.phone = "";
|
||||
this.workUnit = "";
|
||||
this.address = "";
|
||||
this.model = "";
|
||||
this.number = "";
|
||||
this.createTime = "";
|
||||
this.imagePath = "";
|
||||
this.base64 = "";
|
||||
},
|
||||
previewImage() {
|
||||
if (this.imagePath) {
|
||||
common_vendor.index.previewImage({
|
||||
current: this.imagePath,
|
||||
urls: [this.imagePath],
|
||||
success: function(res) {
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:462", "预览图片成功");
|
||||
},
|
||||
fail: function(err) {
|
||||
common_vendor.index.__f__("error", "at pages/index/index.vue:465", "预览图片失败:", err);
|
||||
common_vendor.index.showToast({
|
||||
title: "预览失败",
|
||||
icon: "none"
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
async getBannerList() {
|
||||
const res = await this.request("getBannerList", "GET", {});
|
||||
common_vendor.index.__f__("log", "at pages/index/index.vue:476", res);
|
||||
if (res.code == 200) {
|
||||
this.bannerList = res.data;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _component_uniNoticeBar = common_vendor.resolveComponent("uniNoticeBar");
|
||||
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||||
(_component_uniNoticeBar + _easycom_uni_popup2)();
|
||||
}
|
||||
const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||
if (!Math) {
|
||||
_easycom_uni_popup();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: $data.bg,
|
||||
b: common_vendor.p({
|
||||
showIcon: true,
|
||||
single: true,
|
||||
scrollable: true,
|
||||
text: "赠品仅限线下购买设备的用户领取，需人工审核，预计3个工作日内完成！",
|
||||
["background-color"]: "transparent",
|
||||
color: "#000"
|
||||
}),
|
||||
c: common_vendor.o((...args) => $options.openReceivePop && $options.openReceivePop(...args)),
|
||||
d: common_vendor.o((...args) => $options.openRecordPop && $options.openRecordPop(...args)),
|
||||
e: $data.name,
|
||||
f: common_vendor.o(($event) => $data.name = $event.detail.value),
|
||||
g: $data.phone,
|
||||
h: common_vendor.o(($event) => $data.phone = $event.detail.value),
|
||||
i: $data.workUnit,
|
||||
j: common_vendor.o(($event) => $data.workUnit = $event.detail.value),
|
||||
k: -1,
|
||||
l: $data.address,
|
||||
m: common_vendor.o(($event) => $data.address = $event.detail.value),
|
||||
n: $data.model,
|
||||
o: common_vendor.o(($event) => $data.model = $event.detail.value),
|
||||
p: $data.number,
|
||||
q: common_vendor.o(($event) => $data.number = $event.detail.value),
|
||||
r: $data.createTime,
|
||||
s: common_vendor.o(($event) => $data.createTime = $event.detail.value),
|
||||
t: common_vendor.o((...args) => $options.seleImg && $options.seleImg(...args)),
|
||||
v: $data.imagePath
|
||||
}, $data.imagePath ? {
|
||||
w: $data.imagePath,
|
||||
x: common_vendor.o((...args) => $options.previewImage && $options.previewImage(...args))
|
||||
} : {}, {
|
||||
y: common_vendor.o((...args) => $options.closeReceivePop && $options.closeReceivePop(...args)),
|
||||
z: common_vendor.o((...args) => $options.submitForm && $options.submitForm(...args)),
|
||||
A: common_vendor.sr("receivePop", "6e486efd-1"),
|
||||
B: common_vendor.p({
|
||||
type: "center",
|
||||
["is-mask-click"]: false
|
||||
}),
|
||||
C: common_assets._imports_0,
|
||||
D: common_vendor.o(($event) => $options.closeRecordPop()),
|
||||
E: common_vendor.f($data.recordList, (item, k0, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.name),
|
||||
b: common_vendor.t(item.phone),
|
||||
c: common_vendor.t(item.time),
|
||||
d: common_vendor.t(item.address),
|
||||
e: item.phone + item.time
|
||||
};
|
||||
}),
|
||||
F: common_vendor.sr("recordPop", "6e486efd-2"),
|
||||
G: common_vendor.p({
|
||||
type: "center"
|
||||
})
|
||||
});
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/index/index.js.map
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
{
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {
|
||||
"uni-notice-bar": "../../uni_modules/uni-notice-bar/components/uni-notice-bar/uni-notice-bar",
|
||||
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup"
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,16 +0,0 @@
|
|||
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
.line {
|
||||
width: 90%;
|
||||
justify-content: center;
|
||||
margin-top: 20rpx;
|
||||
border-bottom: 0.86px solid #e3e3e3;
|
||||
}
|
||||
29
unpackage/dist/dev/mp-weixin/project.config.json
vendored
29
unpackage/dist/dev/mp-weixin/project.config.json
vendored
|
|
@ -1,29 +0,0 @@
|
|||
{
|
||||
"description": "项目配置文件。",
|
||||
"packOptions": {
|
||||
"ignore": [],
|
||||
"include": []
|
||||
},
|
||||
"setting": {
|
||||
"urlCheck": false,
|
||||
"es6": true,
|
||||
"postcss": false,
|
||||
"minified": false,
|
||||
"newFeature": true,
|
||||
"bigPackageSizeSupport": true,
|
||||
"babelSetting": {
|
||||
"ignore": [],
|
||||
"disablePlugins": [],
|
||||
"outputPath": ""
|
||||
}
|
||||
},
|
||||
"compileType": "miniprogram",
|
||||
"libVersion": "3.8.12",
|
||||
"appid": "wx595ec949c6efd72b",
|
||||
"projectname": "gift",
|
||||
"condition": {},
|
||||
"editorSetting": {
|
||||
"tabIndent": "insertSpaces",
|
||||
"tabSize": 2
|
||||
}
|
||||
}
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
{
|
||||
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
|
||||
"projectname": "gift",
|
||||
"setting": {
|
||||
"compileHotReLoad": true
|
||||
}
|
||||
}
|
||||
BIN
unpackage/dist/dev/mp-weixin/static/ic_close.png
vendored
BIN
unpackage/dist/dev/mp-weixin/static/ic_close.png
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
|
|
@ -1,204 +0,0 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "UniNoticeBar",
|
||||
emits: ["click", "getmore", "close"],
|
||||
props: {
|
||||
text: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
moreText: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
backgroundColor: {
|
||||
type: String,
|
||||
default: "#FFF9EA"
|
||||
},
|
||||
speed: {
|
||||
// 默认1s滚动100px
|
||||
type: Number,
|
||||
default: 100
|
||||
},
|
||||
color: {
|
||||
type: String,
|
||||
default: "#FF9A43"
|
||||
},
|
||||
fontSize: {
|
||||
type: Number,
|
||||
default: 14
|
||||
},
|
||||
moreColor: {
|
||||
type: String,
|
||||
default: "#FF9A43"
|
||||
},
|
||||
single: {
|
||||
// 是否单行
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
scrollable: {
|
||||
// 是否滚动，添加后控制单行效果取消
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
showIcon: {
|
||||
// 是否显示左侧icon
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
showGetMore: {
|
||||
// 是否显示右侧查看更多
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
showClose: {
|
||||
// 是否显示左侧关闭按钮
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
const elId = `Uni_${Math.ceil(Math.random() * 1e6).toString(36)}`;
|
||||
const elIdBox = `Uni_${Math.ceil(Math.random() * 1e6).toString(36)}`;
|
||||
return {
|
||||
textWidth: 0,
|
||||
boxWidth: 0,
|
||||
wrapWidth: "",
|
||||
webviewHide: false,
|
||||
elId,
|
||||
elIdBox,
|
||||
show: true,
|
||||
animationDuration: "none",
|
||||
animationPlayState: "paused",
|
||||
animationDelay: "0s"
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
text(newValue, oldValue) {
|
||||
this.initSize();
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
isShowGetMore() {
|
||||
return this.showGetMore === true || this.showGetMore === "true";
|
||||
},
|
||||
isShowClose() {
|
||||
return (this.showClose === true || this.showClose === "true") && (this.showGetMore === false || this.showGetMore === "false");
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => {
|
||||
this.initSize();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
initSize() {
|
||||
if (this.scrollable) {
|
||||
let query = [];
|
||||
let textQuery = new Promise((resolve, reject) => {
|
||||
common_vendor.index.createSelectorQuery().in(this).select(`#${this.elId}`).boundingClientRect().exec((ret) => {
|
||||
this.textWidth = ret[0].width;
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
let boxQuery = new Promise((resolve, reject) => {
|
||||
common_vendor.index.createSelectorQuery().in(this).select(`#${this.elIdBox}`).boundingClientRect().exec((ret) => {
|
||||
this.boxWidth = ret[0].width;
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
query.push(textQuery);
|
||||
query.push(boxQuery);
|
||||
Promise.all(query).then(() => {
|
||||
this.animationDuration = `${this.textWidth / this.speed}s`;
|
||||
this.animationDelay = `-${this.boxWidth / this.speed}s`;
|
||||
setTimeout(() => {
|
||||
this.animationPlayState = "running";
|
||||
}, 1e3);
|
||||
});
|
||||
}
|
||||
},
|
||||
loopAnimation() {
|
||||
},
|
||||
clickMore() {
|
||||
this.$emit("getmore");
|
||||
},
|
||||
close() {
|
||||
this.show = false;
|
||||
this.$emit("close");
|
||||
},
|
||||
onClick() {
|
||||
this.$emit("click");
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _component_uni_icons = common_vendor.resolveComponent("uni-icons");
|
||||
_component_uni_icons();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: $data.show
|
||||
}, $data.show ? common_vendor.e({
|
||||
b: $props.showIcon === true || $props.showIcon === "true"
|
||||
}, $props.showIcon === true || $props.showIcon === "true" ? {
|
||||
c: common_vendor.p({
|
||||
type: "sound",
|
||||
color: $props.color,
|
||||
size: $props.fontSize * 1.5
|
||||
})
|
||||
} : {}, {
|
||||
d: common_vendor.t($props.text),
|
||||
e: $data.elId,
|
||||
f: $props.scrollable ? 1 : "",
|
||||
g: !$props.scrollable && ($props.single || $props.showGetMore) ? 1 : "",
|
||||
h: $props.color,
|
||||
i: $props.fontSize + "px",
|
||||
j: $props.fontSize * 1.5 + "px",
|
||||
k: $data.wrapWidth + "px",
|
||||
l: $data.animationDuration,
|
||||
m: $data.animationDuration,
|
||||
n: $data.webviewHide ? "paused" : $data.animationPlayState,
|
||||
o: $data.webviewHide ? "paused" : $data.animationPlayState,
|
||||
p: $data.animationDelay,
|
||||
q: $data.animationDelay,
|
||||
r: $data.elIdBox,
|
||||
s: $props.scrollable ? 1 : "",
|
||||
t: !$props.scrollable && ($props.single || $props.moreText) ? 1 : "",
|
||||
v: $props.scrollable ? 1 : "",
|
||||
w: !$props.scrollable && ($props.single || $props.moreText) ? 1 : "",
|
||||
x: $props.scrollable ? $props.fontSize * 1.5 + "px" : "auto",
|
||||
y: $options.isShowGetMore
|
||||
}, $options.isShowGetMore ? common_vendor.e({
|
||||
z: $props.moreText.length > 0
|
||||
}, $props.moreText.length > 0 ? {
|
||||
A: common_vendor.t($props.moreText),
|
||||
B: $props.moreColor,
|
||||
C: $props.fontSize + "px"
|
||||
} : {
|
||||
D: common_vendor.p({
|
||||
type: "right",
|
||||
color: $props.moreColor,
|
||||
size: $props.fontSize * 1.1
|
||||
})
|
||||
}, {
|
||||
E: common_vendor.o((...args) => $options.clickMore && $options.clickMore(...args))
|
||||
}) : {}, {
|
||||
F: $options.isShowClose
|
||||
}, $options.isShowClose ? {
|
||||
G: common_vendor.o($options.close),
|
||||
H: common_vendor.p({
|
||||
type: "closeempty",
|
||||
color: $props.color,
|
||||
size: $props.fontSize * 1.1
|
||||
})
|
||||
} : {}, {
|
||||
I: $props.backgroundColor,
|
||||
J: common_vendor.o((...args) => $options.onClick && $options.onClick(...args))
|
||||
}) : {});
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c3453ea3"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/uni_modules/uni-notice-bar/components/uni-notice-bar/uni-notice-bar.js.map
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<view wx:if="{{a}}" class="uni-noticebar data-v-c3453ea3" style="{{'background-color:' + I}}" bindtap="{{J}}"><block wx:if="{{b}}"><block wx:if="{{$slots.noticebarIcon}}"><slot name="noticebarIcon"></slot></block><block wx:else><uni-icons wx:if="{{c}}" class="uni-noticebar-icon data-v-c3453ea3" u-i="c3453ea3-0" bind:__l="__l" u-p="{{c}}"/></block></block><view ref="textBox" class="{{['uni-noticebar__content-wrapper', 'data-v-c3453ea3', v && 'uni-noticebar__content-wrapper--scrollable', w && 'uni-noticebar__content-wrapper--single']}}" style="{{'height:' + x}}"><view id="{{r}}" class="{{['uni-noticebar__content', 'data-v-c3453ea3', s && 'uni-noticebar__content--scrollable', t && 'uni-noticebar__content--single']}}"><text id="{{e}}" ref="animationEle" class="{{['uni-noticebar__content-text', 'data-v-c3453ea3', f && 'uni-noticebar__content-text--scrollable', g && 'uni-noticebar__content-text--single']}}" style="{{'color:' + h + ';' + ('font-size:' + i) + ';' + ('line-height:' + j) + ';' + ('width:' + k) + ';' + ('animation-duration:' + l) + ';' + ('-webkit-animation-duration:' + m) + ';' + ('animation-play-state:' + n) + ';' + ('-webkit-animation-play-state:' + o) + ';' + ('animation-delay:' + p) + ';' + ('-webkit-animation-delay:' + q)}}">{{d}}</text></view></view><view wx:if="{{y}}" class="uni-noticebar__more uni-cursor-point data-v-c3453ea3" bindtap="{{E}}"><text wx:if="{{z}}" class="data-v-c3453ea3" style="{{'color:' + B + ';' + ('font-size:' + C)}}">{{A}}</text><uni-icons wx:else class="data-v-c3453ea3" u-i="c3453ea3-1" bind:__l="__l" u-p="{{D||''}}"/></view><view wx:if="{{F}}" class="uni-noticebar-close uni-cursor-point data-v-c3453ea3"><uni-icons wx:if="{{H}}" class="data-v-c3453ea3" bindclick="{{G}}" u-i="c3453ea3-2" bind:__l="__l" u-p="{{H}}"/></view></view>
|
||||
|
|
@ -1,101 +0,0 @@
|
|||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.uni-noticebar.data-v-c3453ea3 {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 10px 12px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.uni-noticebar-close.data-v-c3453ea3 {
|
||||
margin-left: 8px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.uni-noticebar-icon.data-v-c3453ea3 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.uni-noticebar__content-wrapper.data-v-c3453ea3 {
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
.uni-noticebar__content-wrapper--single.data-v-c3453ea3 {
|
||||
line-height: 18px;
|
||||
}
|
||||
.uni-noticebar__content-wrapper--single.data-v-c3453ea3,
|
||||
.uni-noticebar__content-wrapper--scrollable.data-v-c3453ea3 {
|
||||
flex-direction: row;
|
||||
}
|
||||
.uni-noticebar__content-wrapper--scrollable.data-v-c3453ea3 {
|
||||
position: relative;
|
||||
}
|
||||
.uni-noticebar__content--scrollable.data-v-c3453ea3 {
|
||||
flex: 1;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
.uni-noticebar__content--single.data-v-c3453ea3 {
|
||||
display: flex;
|
||||
flex: none;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
.uni-noticebar__content-text.data-v-c3453ea3 {
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
word-break: break-all;
|
||||
}
|
||||
.uni-noticebar__content-text--single.data-v-c3453ea3 {
|
||||
display: block;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.uni-noticebar__content-text--scrollable.data-v-c3453ea3 {
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
white-space: nowrap;
|
||||
padding-left: 100%;
|
||||
animation: notice-c3453ea3 10s 0s linear infinite both;
|
||||
animation-play-state: paused;
|
||||
}
|
||||
.uni-noticebar__more.data-v-c3453ea3 {
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
padding-left: 5px;
|
||||
}
|
||||
@keyframes notice-c3453ea3 {
|
||||
100% {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,397 +0,0 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "uniPopup",
|
||||
components: {},
|
||||
emits: ["change", "maskClick"],
|
||||
props: {
|
||||
// 开启动画
|
||||
animation: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
// 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层
|
||||
// message: 消息提示 ; dialog : 对话框
|
||||
type: {
|
||||
type: String,
|
||||
default: "center"
|
||||
},
|
||||
// maskClick
|
||||
isMaskClick: {
|
||||
type: Boolean,
|
||||
default: null
|
||||
},
|
||||
// TODO 2 个版本后废弃属性 ，使用 isMaskClick
|
||||
maskClick: {
|
||||
type: Boolean,
|
||||
default: null
|
||||
},
|
||||
backgroundColor: {
|
||||
type: String,
|
||||
default: "none"
|
||||
},
|
||||
safeArea: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
maskBackgroundColor: {
|
||||
type: String,
|
||||
default: "rgba(0, 0, 0, 0.4)"
|
||||
},
|
||||
borderRadius: {
|
||||
type: String
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
/**
|
||||
* 监听type类型
|
||||
*/
|
||||
type: {
|
||||
handler: function(type) {
|
||||
if (!this.config[type])
|
||||
return;
|
||||
this[this.config[type]](true);
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
isDesktop: {
|
||||
handler: function(newVal) {
|
||||
if (!this.config[newVal])
|
||||
return;
|
||||
this[this.config[this.type]](true);
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
/**
|
||||
* 监听遮罩是否可点击
|
||||
* @param {Object} val
|
||||
*/
|
||||
maskClick: {
|
||||
handler: function(val) {
|
||||
this.mkclick = val;
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
isMaskClick: {
|
||||
handler: function(val) {
|
||||
this.mkclick = val;
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
// H5 下禁止底部滚动
|
||||
showPopup(show) {
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
duration: 300,
|
||||
ani: [],
|
||||
showPopup: false,
|
||||
showTrans: false,
|
||||
popupWidth: 0,
|
||||
popupHeight: 0,
|
||||
config: {
|
||||
top: "top",
|
||||
bottom: "bottom",
|
||||
center: "center",
|
||||
left: "left",
|
||||
right: "right",
|
||||
message: "top",
|
||||
dialog: "center",
|
||||
share: "bottom"
|
||||
},
|
||||
maskClass: {
|
||||
position: "fixed",
|
||||
bottom: 0,
|
||||
top: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
backgroundColor: "rgba(0, 0, 0, 0.4)"
|
||||
},
|
||||
transClass: {
|
||||
backgroundColor: "transparent",
|
||||
borderRadius: this.borderRadius || "0",
|
||||
position: "fixed",
|
||||
left: 0,
|
||||
right: 0
|
||||
},
|
||||
maskShow: true,
|
||||
mkclick: true,
|
||||
popupstyle: "top"
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
getStyles() {
|
||||
let res = { backgroundColor: this.bg };
|
||||
if (this.borderRadius || "0") {
|
||||
res = Object.assign(res, { borderRadius: this.borderRadius });
|
||||
}
|
||||
return res;
|
||||
},
|
||||
isDesktop() {
|
||||
return this.popupWidth >= 500 && this.popupHeight >= 500;
|
||||
},
|
||||
bg() {
|
||||
if (this.backgroundColor === "" || this.backgroundColor === "none") {
|
||||
return "transparent";
|
||||
}
|
||||
return this.backgroundColor;
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
const fixSize = () => {
|
||||
const {
|
||||
windowWidth,
|
||||
windowHeight,
|
||||
windowTop,
|
||||
safeArea,
|
||||
screenHeight,
|
||||
safeAreaInsets
|
||||
} = common_vendor.index.getWindowInfo();
|
||||
this.popupWidth = windowWidth;
|
||||
this.popupHeight = windowHeight + (windowTop || 0);
|
||||
if (safeArea && this.safeArea) {
|
||||
this.safeAreaInsets = screenHeight - safeArea.bottom;
|
||||
} else {
|
||||
this.safeAreaInsets = 0;
|
||||
}
|
||||
};
|
||||
fixSize();
|
||||
},
|
||||
// TODO vue3
|
||||
unmounted() {
|
||||
this.setH5Visible();
|
||||
},
|
||||
activated() {
|
||||
this.setH5Visible(!this.showPopup);
|
||||
},
|
||||
deactivated() {
|
||||
this.setH5Visible(true);
|
||||
},
|
||||
created() {
|
||||
if (this.isMaskClick === null && this.maskClick === null) {
|
||||
this.mkclick = true;
|
||||
} else {
|
||||
this.mkclick = this.isMaskClick !== null ? this.isMaskClick : this.maskClick;
|
||||
}
|
||||
if (this.animation) {
|
||||
this.duration = 300;
|
||||
} else {
|
||||
this.duration = 0;
|
||||
}
|
||||
this.messageChild = null;
|
||||
this.clearPropagation = false;
|
||||
this.maskClass.backgroundColor = this.maskBackgroundColor;
|
||||
},
|
||||
methods: {
|
||||
setH5Visible(visible = true) {
|
||||
},
|
||||
/**
|
||||
* 公用方法，不显示遮罩层
|
||||
*/
|
||||
closeMask() {
|
||||
this.maskShow = false;
|
||||
},
|
||||
/**
|
||||
* 公用方法，遮罩层禁止点击
|
||||
*/
|
||||
disableMask() {
|
||||
this.mkclick = false;
|
||||
},
|
||||
// TODO nvue 取消冒泡
|
||||
clear(e) {
|
||||
e.stopPropagation();
|
||||
this.clearPropagation = true;
|
||||
},
|
||||
open(direction) {
|
||||
if (this.showPopup) {
|
||||
return;
|
||||
}
|
||||
let innerType = ["top", "center", "bottom", "left", "right", "message", "dialog", "share"];
|
||||
if (!(direction && innerType.indexOf(direction) !== -1)) {
|
||||
direction = this.type;
|
||||
}
|
||||
if (!this.config[direction]) {
|
||||
common_vendor.index.__f__("error", "at uni_modules/uni-popup/components/uni-popup/uni-popup.vue:310", "缺少类型：", direction);
|
||||
return;
|
||||
}
|
||||
this[this.config[direction]]();
|
||||
this.$emit("change", {
|
||||
show: true,
|
||||
type: direction
|
||||
});
|
||||
},
|
||||
close(type) {
|
||||
this.showTrans = false;
|
||||
this.$emit("change", {
|
||||
show: false,
|
||||
type: this.type
|
||||
});
|
||||
clearTimeout(this.timer);
|
||||
this.timer = setTimeout(() => {
|
||||
this.showPopup = false;
|
||||
}, 300);
|
||||
},
|
||||
// TODO 处理冒泡事件，头条的冒泡事件有问题 ，先这样兼容
|
||||
touchstart() {
|
||||
this.clearPropagation = false;
|
||||
},
|
||||
onTap() {
|
||||
if (this.clearPropagation) {
|
||||
this.clearPropagation = false;
|
||||
return;
|
||||
}
|
||||
this.$emit("maskClick");
|
||||
if (!this.mkclick)
|
||||
return;
|
||||
this.close();
|
||||
},
|
||||
/**
|
||||
* 顶部弹出样式处理
|
||||
*/
|
||||
top(type) {
|
||||
this.popupstyle = this.isDesktop ? "fixforpc-top" : "top";
|
||||
this.ani = ["slide-top"];
|
||||
this.transClass = {
|
||||
position: "fixed",
|
||||
left: 0,
|
||||
right: 0,
|
||||
backgroundColor: this.bg,
|
||||
borderRadius: this.borderRadius || "0"
|
||||
};
|
||||
if (type)
|
||||
return;
|
||||
this.showPopup = true;
|
||||
this.showTrans = true;
|
||||
this.$nextTick(() => {
|
||||
this.showPoptrans();
|
||||
if (this.messageChild && this.type === "message") {
|
||||
this.messageChild.timerClose();
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 底部弹出样式处理
|
||||
*/
|
||||
bottom(type) {
|
||||
this.popupstyle = "bottom";
|
||||
this.ani = ["slide-bottom"];
|
||||
this.transClass = {
|
||||
position: "fixed",
|
||||
left: 0,
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
paddingBottom: this.safeAreaInsets + "px",
|
||||
backgroundColor: this.bg,
|
||||
borderRadius: this.borderRadius || "0"
|
||||
};
|
||||
if (type)
|
||||
return;
|
||||
this.showPoptrans();
|
||||
},
|
||||
/**
|
||||
* 中间弹出样式处理
|
||||
*/
|
||||
center(type) {
|
||||
this.popupstyle = "center";
|
||||
this.ani = ["fade"];
|
||||
this.transClass = {
|
||||
position: "fixed",
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
bottom: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
top: 0,
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
borderRadius: this.borderRadius || "0"
|
||||
};
|
||||
if (type)
|
||||
return;
|
||||
this.showPoptrans();
|
||||
},
|
||||
left(type) {
|
||||
this.popupstyle = "left";
|
||||
this.ani = ["slide-left"];
|
||||
this.transClass = {
|
||||
position: "fixed",
|
||||
left: 0,
|
||||
bottom: 0,
|
||||
top: 0,
|
||||
backgroundColor: this.bg,
|
||||
borderRadius: this.borderRadius || "0",
|
||||
display: "flex",
|
||||
flexDirection: "column"
|
||||
};
|
||||
if (type)
|
||||
return;
|
||||
this.showPoptrans();
|
||||
},
|
||||
right(type) {
|
||||
this.popupstyle = "right";
|
||||
this.ani = ["slide-right"];
|
||||
this.transClass = {
|
||||
position: "fixed",
|
||||
bottom: 0,
|
||||
right: 0,
|
||||
top: 0,
|
||||
backgroundColor: this.bg,
|
||||
borderRadius: this.borderRadius || "0",
|
||||
display: "flex",
|
||||
flexDirection: "column"
|
||||
};
|
||||
if (type)
|
||||
return;
|
||||
this.showPoptrans();
|
||||
},
|
||||
showPoptrans() {
|
||||
this.$nextTick(() => {
|
||||
this.showPopup = true;
|
||||
this.showTrans = true;
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_transition2 = common_vendor.resolveComponent("uni-transition");
|
||||
_easycom_uni_transition2();
|
||||
}
|
||||
const _easycom_uni_transition = () => "../../../uni-transition/components/uni-transition/uni-transition.js";
|
||||
if (!Math) {
|
||||
_easycom_uni_transition();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: $data.showPopup
|
||||
}, $data.showPopup ? common_vendor.e({
|
||||
b: $data.maskShow
|
||||
}, $data.maskShow ? {
|
||||
c: common_vendor.o($options.onTap),
|
||||
d: common_vendor.p({
|
||||
name: "mask",
|
||||
["mode-class"]: "fade",
|
||||
styles: $data.maskClass,
|
||||
duration: $data.duration,
|
||||
show: $data.showTrans
|
||||
})
|
||||
} : {}, {
|
||||
e: common_vendor.s($options.getStyles),
|
||||
f: common_vendor.n($data.popupstyle),
|
||||
g: common_vendor.o((...args) => $options.clear && $options.clear(...args)),
|
||||
h: common_vendor.o($options.onTap),
|
||||
i: common_vendor.p({
|
||||
["mode-class"]: $data.ani,
|
||||
name: "content",
|
||||
styles: $data.transClass,
|
||||
duration: $data.duration,
|
||||
show: $data.showTrans
|
||||
}),
|
||||
j: common_vendor.o((...args) => $options.touchstart && $options.touchstart(...args)),
|
||||
k: common_vendor.n($data.popupstyle),
|
||||
l: common_vendor.n($options.isDesktop ? "fixforpc-z-index" : "")
|
||||
}) : {});
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/uni_modules/uni-popup/components/uni-popup/uni-popup.js.map
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-transition": "../../../uni-transition/components/uni-transition/uni-transition"
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<view wx:if="{{a}}" class="{{['uni-popup', k, l]}}"><view bindtouchstart="{{j}}"><uni-transition wx:if="{{b}}" key="1" bindclick="{{c}}" u-i="15c4226a-0" bind:__l="__l" u-p="{{d}}"/><uni-transition wx:if="{{i}}" u-s="{{['d']}}" key="2" bindclick="{{h}}" u-i="15c4226a-1" bind:__l="__l" u-p="{{i}}"><view style="{{e}}" class="{{['uni-popup__wrapper', f]}}" bindtap="{{g}}"><slot/></view></uni-transition></view></view>
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.uni-popup {
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
}
|
||||
.uni-popup.top, .uni-popup.left, .uni-popup.right {
|
||||
top: 0;
|
||||
}
|
||||
.uni-popup .uni-popup__wrapper {
|
||||
display: block;
|
||||
position: relative;
|
||||
/* iphonex 等安全区设置，底部安全区适配 */
|
||||
}
|
||||
.uni-popup .uni-popup__wrapper.left, .uni-popup .uni-popup__wrapper.right {
|
||||
padding-top: 0;
|
||||
flex: 1;
|
||||
}
|
||||
.fixforpc-z-index {
|
||||
z-index: 999;
|
||||
}
|
||||
.fixforpc-top {
|
||||
top: 0;
|
||||
}
|
||||
|
|
@ -1,116 +0,0 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
class MPAnimation {
|
||||
constructor(options, _this) {
|
||||
this.options = options;
|
||||
this.animation = common_vendor.index.createAnimation({
|
||||
...options
|
||||
});
|
||||
this.currentStepAnimates = {};
|
||||
this.next = 0;
|
||||
this.$ = _this;
|
||||
}
|
||||
_nvuePushAnimates(type, args) {
|
||||
let aniObj = this.currentStepAnimates[this.next];
|
||||
let styles = {};
|
||||
if (!aniObj) {
|
||||
styles = {
|
||||
styles: {},
|
||||
config: {}
|
||||
};
|
||||
} else {
|
||||
styles = aniObj;
|
||||
}
|
||||
if (animateTypes1.includes(type)) {
|
||||
if (!styles.styles.transform) {
|
||||
styles.styles.transform = "";
|
||||
}
|
||||
let unit = "";
|
||||
if (type === "rotate") {
|
||||
unit = "deg";
|
||||
}
|
||||
styles.styles.transform += `${type}(${args + unit}) `;
|
||||
} else {
|
||||
styles.styles[type] = `${args}`;
|
||||
}
|
||||
this.currentStepAnimates[this.next] = styles;
|
||||
}
|
||||
_animateRun(styles = {}, config = {}) {
|
||||
let ref = this.$.$refs["ani"].ref;
|
||||
if (!ref)
|
||||
return;
|
||||
return new Promise((resolve, reject) => {
|
||||
nvueAnimation.transition(ref, {
|
||||
styles,
|
||||
...config
|
||||
}, (res) => {
|
||||
resolve();
|
||||
});
|
||||
});
|
||||
}
|
||||
_nvueNextAnimate(animates, step = 0, fn) {
|
||||
let obj = animates[step];
|
||||
if (obj) {
|
||||
let {
|
||||
styles,
|
||||
config
|
||||
} = obj;
|
||||
this._animateRun(styles, config).then(() => {
|
||||
step += 1;
|
||||
this._nvueNextAnimate(animates, step, fn);
|
||||
});
|
||||
} else {
|
||||
this.currentStepAnimates = {};
|
||||
typeof fn === "function" && fn();
|
||||
this.isEnd = true;
|
||||
}
|
||||
}
|
||||
step(config = {}) {
|
||||
this.animation.step(config);
|
||||
return this;
|
||||
}
|
||||
run(fn) {
|
||||
this.$.animationData = this.animation.export();
|
||||
this.$.timer = setTimeout(() => {
|
||||
typeof fn === "function" && fn();
|
||||
}, this.$.durationTime);
|
||||
}
|
||||
}
|
||||
const animateTypes1 = [
|
||||
"matrix",
|
||||
"matrix3d",
|
||||
"rotate",
|
||||
"rotate3d",
|
||||
"rotateX",
|
||||
"rotateY",
|
||||
"rotateZ",
|
||||
"scale",
|
||||
"scale3d",
|
||||
"scaleX",
|
||||
"scaleY",
|
||||
"scaleZ",
|
||||
"skew",
|
||||
"skewX",
|
||||
"skewY",
|
||||
"translate",
|
||||
"translate3d",
|
||||
"translateX",
|
||||
"translateY",
|
||||
"translateZ"
|
||||
];
|
||||
const animateTypes2 = ["opacity", "backgroundColor"];
|
||||
const animateTypes3 = ["width", "height", "left", "right", "top", "bottom"];
|
||||
animateTypes1.concat(animateTypes2, animateTypes3).forEach((type) => {
|
||||
MPAnimation.prototype[type] = function(...args) {
|
||||
this.animation[type](...args);
|
||||
return this;
|
||||
};
|
||||
});
|
||||
function createAnimation(option, _this) {
|
||||
if (!_this)
|
||||
return;
|
||||
clearTimeout(_this.timer);
|
||||
return new MPAnimation(option, _this);
|
||||
}
|
||||
exports.createAnimation = createAnimation;
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/uni_modules/uni-transition/components/uni-transition/createAnimation.js.map
|
||||
|
|
@ -1,257 +0,0 @@
|
|||
"use strict";
|
||||
const uni_modules_uniTransition_components_uniTransition_createAnimation = require("./createAnimation.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "uniTransition",
|
||||
emits: ["click", "change"],
|
||||
props: {
|
||||
show: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
modeClass: {
|
||||
type: [Array, String],
|
||||
default() {
|
||||
return "fade";
|
||||
}
|
||||
},
|
||||
duration: {
|
||||
type: Number,
|
||||
default: 300
|
||||
},
|
||||
styles: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
customClass: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
onceRender: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isShow: false,
|
||||
transform: "",
|
||||
opacity: 0,
|
||||
animationData: {},
|
||||
durationTime: 300,
|
||||
config: {}
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
show: {
|
||||
handler(newVal) {
|
||||
if (newVal) {
|
||||
this.open();
|
||||
} else {
|
||||
if (this.isShow) {
|
||||
this.close();
|
||||
}
|
||||
}
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 生成样式数据
|
||||
stylesObject() {
|
||||
let styles = {
|
||||
...this.styles,
|
||||
"transition-duration": this.duration / 1e3 + "s"
|
||||
};
|
||||
let transform = "";
|
||||
for (let i in styles) {
|
||||
let line = this.toLine(i);
|
||||
transform += line + ":" + styles[i] + ";";
|
||||
}
|
||||
return transform;
|
||||
},
|
||||
// 初始化动画条件
|
||||
transformStyles() {
|
||||
return "transform:" + this.transform + ";opacity:" + this.opacity + ";" + this.stylesObject;
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.config = {
|
||||
duration: this.duration,
|
||||
timingFunction: "ease",
|
||||
transformOrigin: "50% 50%",
|
||||
delay: 0
|
||||
};
|
||||
this.durationTime = this.duration;
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* ref 触发 初始化动画
|
||||
*/
|
||||
init(obj = {}) {
|
||||
if (obj.duration) {
|
||||
this.durationTime = obj.duration;
|
||||
}
|
||||
this.animation = uni_modules_uniTransition_components_uniTransition_createAnimation.createAnimation(Object.assign(this.config, obj), this);
|
||||
},
|
||||
/**
|
||||
* 点击组件触发回调
|
||||
*/
|
||||
onClick() {
|
||||
this.$emit("click", {
|
||||
detail: this.isShow
|
||||
});
|
||||
},
|
||||
/**
|
||||
* ref 触发 动画分组
|
||||
* @param {Object} obj
|
||||
*/
|
||||
step(obj, config = {}) {
|
||||
if (!this.animation)
|
||||
return this;
|
||||
Object.keys(obj).forEach((key) => {
|
||||
const value = obj[key];
|
||||
if (typeof this.animation[key] === "function") {
|
||||
Array.isArray(value) ? this.animation[key](...value) : this.animation[key](value);
|
||||
}
|
||||
});
|
||||
this.animation.step(config);
|
||||
return this;
|
||||
},
|
||||
/**
|
||||
* ref 触发 执行动画
|
||||
*/
|
||||
run(fn) {
|
||||
if (!this.animation)
|
||||
return;
|
||||
this.animation.run(fn);
|
||||
},
|
||||
// 开始过度动画
|
||||
open() {
|
||||
clearTimeout(this.timer);
|
||||
this.isShow = true;
|
||||
this.transform = this.styleInit(false).transform || "";
|
||||
this.opacity = this.styleInit(false).opacity || 0;
|
||||
this.$nextTick(() => {
|
||||
this.timer = setTimeout(() => {
|
||||
this.animation = uni_modules_uniTransition_components_uniTransition_createAnimation.createAnimation(this.config, this);
|
||||
this.tranfromInit(false).step();
|
||||
this.animation.run(() => {
|
||||
this.transform = "";
|
||||
this.opacity = this.styleInit(false).opacity || 1;
|
||||
this.$emit("change", {
|
||||
detail: this.isShow
|
||||
});
|
||||
});
|
||||
}, 80);
|
||||
});
|
||||
},
|
||||
// 关闭过度动画
|
||||
close(type) {
|
||||
if (!this.animation)
|
||||
return;
|
||||
this.tranfromInit(true).step().run(() => {
|
||||
this.isShow = false;
|
||||
this.animationData = null;
|
||||
this.animation = null;
|
||||
let { opacity, transform } = this.styleInit(false);
|
||||
this.opacity = opacity || 1;
|
||||
this.transform = transform;
|
||||
this.$emit("change", {
|
||||
detail: this.isShow
|
||||
});
|
||||
});
|
||||
},
|
||||
// 处理动画开始前的默认样式
|
||||
styleInit(type) {
|
||||
let styles = { transform: "", opacity: 1 };
|
||||
const buildStyle = (type2, mode) => {
|
||||
const value = this.animationType(type2)[mode];
|
||||
if (mode.startsWith("fade")) {
|
||||
styles.opacity = value;
|
||||
} else {
|
||||
styles.transform += value + " ";
|
||||
}
|
||||
};
|
||||
if (typeof this.modeClass === "string") {
|
||||
buildStyle(type, this.modeClass);
|
||||
} else {
|
||||
this.modeClass.forEach((mode) => buildStyle(type, mode));
|
||||
}
|
||||
return styles;
|
||||
},
|
||||
// 处理内置组合动画
|
||||
tranfromInit(type) {
|
||||
let buildTranfrom = (type2, mode) => {
|
||||
let aniNum = null;
|
||||
if (mode === "fade") {
|
||||
aniNum = type2 ? 0 : 1;
|
||||
} else {
|
||||
aniNum = type2 ? "-100%" : "0";
|
||||
if (mode === "zoom-in") {
|
||||
aniNum = type2 ? 0.8 : 1;
|
||||
}
|
||||
if (mode === "zoom-out") {
|
||||
aniNum = type2 ? 1.2 : 1;
|
||||
}
|
||||
if (mode === "slide-right") {
|
||||
aniNum = type2 ? "100%" : "0";
|
||||
}
|
||||
if (mode === "slide-bottom") {
|
||||
aniNum = type2 ? "100%" : "0";
|
||||
}
|
||||
}
|
||||
this.animation[this.animationMode()[mode]](aniNum);
|
||||
};
|
||||
if (typeof this.modeClass === "string") {
|
||||
buildTranfrom(type, this.modeClass);
|
||||
} else {
|
||||
this.modeClass.forEach((mode) => {
|
||||
buildTranfrom(type, mode);
|
||||
});
|
||||
}
|
||||
return this.animation;
|
||||
},
|
||||
animationType(type) {
|
||||
return {
|
||||
fade: type ? 1 : 0,
|
||||
"slide-top": `translateY(${type ? "0" : "-100%"})`,
|
||||
"slide-right": `translateX(${type ? "0" : "100%"})`,
|
||||
"slide-bottom": `translateY(${type ? "0" : "100%"})`,
|
||||
"slide-left": `translateX(${type ? "0" : "-100%"})`,
|
||||
"zoom-in": `scaleX(${type ? 1 : 0.8}) scaleY(${type ? 1 : 0.8})`,
|
||||
"zoom-out": `scaleX(${type ? 1 : 1.2}) scaleY(${type ? 1 : 1.2})`
|
||||
};
|
||||
},
|
||||
// 内置动画类型与实际动画对应字典
|
||||
animationMode() {
|
||||
return {
|
||||
fade: "opacity",
|
||||
"slide-top": "translateY",
|
||||
"slide-right": "translateX",
|
||||
"slide-bottom": "translateY",
|
||||
"slide-left": "translateX",
|
||||
"zoom-in": "scale",
|
||||
"zoom-out": "scale"
|
||||
};
|
||||
},
|
||||
// 驼峰转中横线
|
||||
toLine(name) {
|
||||
return name.replace(/([A-Z])/g, "-$1").toLowerCase();
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: $data.isShow,
|
||||
b: $data.animationData,
|
||||
c: common_vendor.n($props.customClass),
|
||||
d: common_vendor.s($options.transformStyles),
|
||||
e: common_vendor.o((...args) => $options.onClick && $options.onClick(...args))
|
||||
};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/uni_modules/uni-transition/components/uni-transition/uni-transition.js.map
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<view hidden="{{!a}}" ref="ani" animation="{{b}}" class="{{c}}" style="{{d}}" bindtap="{{e}}"><slot></slot></view>
|
||||
Loading…
Reference in New Issue
Block a user