已支付订单列表：where.payStatus = 1;
This commit is contained in:
+523
@@ -0,0 +1,523 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const api_shop_order_index = require("../../api/shop/order/index.js");
|
||||
const api_shop_userAddress_index = require("../../api/shop/userAddress/index.js");
|
||||
const api_system_payment_index = require("../../api/system/payment/index.js");
|
||||
const api_passport_login_index = require("../../api/passport/login/index.js");
|
||||
const utils_common = require("../../utils/common.js");
|
||||
const store_modules_car = require("../../store/modules/car.js");
|
||||
const store_modules_user = require("../../store/modules/user.js");
|
||||
const userStore = store_modules_user.useUserStore();
|
||||
const carStore = store_modules_car.useCarStore();
|
||||
const { goodsList, totalPrice, carNum, merchantId, merchantName, merchantCode, type, dateTime } = common_vendor.storeToRefs(carStore);
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
orderId: 0,
|
||||
goodsId: 0,
|
||||
userInfo: {},
|
||||
address: {},
|
||||
addressList: [],
|
||||
week: 0,
|
||||
goodsList,
|
||||
// 订单总金额
|
||||
totalPrice,
|
||||
reducePrice: 0,
|
||||
merchantId,
|
||||
merchantName,
|
||||
merchantCode,
|
||||
getWeek: utils_common.getWeek,
|
||||
payType: 1,
|
||||
payment: [],
|
||||
isLogin: false,
|
||||
disabled: false,
|
||||
// 支付密码是否正确
|
||||
isPayPasswordCorrect: false,
|
||||
disabledPayPayPassword: false,
|
||||
payPassword: ""
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
this.orderId = option.orderId;
|
||||
this.reload();
|
||||
},
|
||||
onShow() {
|
||||
if (common_vendor.index.getStorageSync("user_id") && common_vendor.index.getStorageSync("access_token")) {
|
||||
this.isLogin = true;
|
||||
}
|
||||
this.openLogin();
|
||||
},
|
||||
methods: {
|
||||
async reload() {
|
||||
const app = this;
|
||||
const userInfo = await userStore.fetchUserInfo();
|
||||
app.userInfo = userInfo;
|
||||
api_shop_userAddress_index.pageUserAddress({
|
||||
userId: common_vendor.index.getStorageSync("user_id")
|
||||
}).then((res) => {
|
||||
app.addressList = res.list;
|
||||
const arr = res.list.filter((d) => d.isDefault === true);
|
||||
app.address = arr[0];
|
||||
});
|
||||
api_system_payment_index.select({ status: true }).then((list) => {
|
||||
app.payment = list.filter((d) => d.type < 2).map((d) => {
|
||||
if (d.code == "balancePay") {
|
||||
d.name = `${d.name} (￥${userInfo.balance})`;
|
||||
}
|
||||
return d;
|
||||
});
|
||||
});
|
||||
},
|
||||
onDisabled() {
|
||||
this.disabled = !this.disabled;
|
||||
},
|
||||
navTo(url) {
|
||||
common_vendor.index.navigateTo({
|
||||
url
|
||||
});
|
||||
},
|
||||
openUrl(url) {
|
||||
if (!this.isLogin) {
|
||||
this.$refs.login.open("bottom");
|
||||
return false;
|
||||
} else {
|
||||
common_vendor.index.navigateTo({
|
||||
url
|
||||
});
|
||||
}
|
||||
},
|
||||
onAddress(item) {
|
||||
this.address = item;
|
||||
this.$refs.addForm.close();
|
||||
},
|
||||
// 切换支付方式
|
||||
onPayType(index) {
|
||||
this.payType = index;
|
||||
},
|
||||
openAddressList() {
|
||||
this.$refs.addForm.open("center");
|
||||
},
|
||||
// 弹出登录提示框
|
||||
openLogin() {
|
||||
if (!this.isLogin) {
|
||||
this.$refs.login.open("bottom");
|
||||
return false;
|
||||
}
|
||||
},
|
||||
// 验证支付密码
|
||||
onPayPassword() {
|
||||
if (this.payPassword == "" || !this.payPassword) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请输入支付密码",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
this.disabledPayPayPassword = true;
|
||||
const { payPassword } = this;
|
||||
api_passport_login_index.checkPayPassword({ payPassword }).then((res) => {
|
||||
this.disabledPayPayPassword = false;
|
||||
this.isPayPasswordCorrect = true;
|
||||
this.save();
|
||||
}).catch((err) => {
|
||||
common_vendor.index.showToast({
|
||||
title: err.message,
|
||||
icon: "none"
|
||||
});
|
||||
this.disabledPayPayPassword = false;
|
||||
});
|
||||
},
|
||||
save() {
|
||||
const app = this;
|
||||
if (!this.disabled) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请先阅读并同意服务协议",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (carStore.goodsList.length == 0) {
|
||||
common_vendor.index.showToast({
|
||||
title: "订单信息不存在",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
if (app.payType == 0 && !this.isPayPasswordCorrect) {
|
||||
this.$refs.payPasswordForm.open("center");
|
||||
return false;
|
||||
}
|
||||
common_vendor.index.showLoading({
|
||||
title: "订单提交中."
|
||||
});
|
||||
api_shop_order_index.addOrder({
|
||||
type: 0,
|
||||
// 0商城订单
|
||||
orderId: this.orderId,
|
||||
merchantId: this.merchantId,
|
||||
merchantCode: this.merchantCode,
|
||||
merchantName: this.merchantName,
|
||||
totalPrice: this.totalPrice,
|
||||
payPrice: this.totalPrice - this.reducePrice,
|
||||
goodsList: this.goodsList,
|
||||
comments: this.goodsList[0].goodsName,
|
||||
// 微信支付
|
||||
payType: this.payType,
|
||||
// 下单日期
|
||||
dateTime: this.dateTime
|
||||
}).then((data) => {
|
||||
const orderInfo = data;
|
||||
if (app.payType == 1) {
|
||||
common_vendor.index.requestPayment({
|
||||
provider: orderInfo.provider,
|
||||
// 服务提供商
|
||||
timeStamp: orderInfo.timeStamp,
|
||||
// 时间戳
|
||||
nonceStr: orderInfo.nonceStr,
|
||||
// 随机字符串
|
||||
package: orderInfo.package,
|
||||
signType: orderInfo.signType,
|
||||
// 签名算法
|
||||
paySign: orderInfo.paySign,
|
||||
// 签名
|
||||
success: function(res) {
|
||||
common_vendor.index.showToast({
|
||||
title: "支付成功",
|
||||
icon: "success"
|
||||
});
|
||||
setTimeout(function() {
|
||||
app.disabled = false;
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/package/goods/order"
|
||||
});
|
||||
}, 500);
|
||||
},
|
||||
fail: function(err) {
|
||||
console.log("支付失败", err);
|
||||
app.disabled = false;
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/package/goods/order"
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
if (app.payType == 0) {
|
||||
if (!orderInfo) {
|
||||
return common_vendor.index.showToast({
|
||||
title: "支付失败",
|
||||
icon: "error"
|
||||
});
|
||||
}
|
||||
if (orderInfo) {
|
||||
common_vendor.index.showToast({
|
||||
title: "支付成功",
|
||||
icon: "success"
|
||||
});
|
||||
setTimeout(function() {
|
||||
app.disabled = false;
|
||||
app.$refs.payPasswordForm.close();
|
||||
common_vendor.index.reLaunch({
|
||||
url: "/package/goods/order",
|
||||
success: function(e) {
|
||||
var page = getCurrentPages()[0];
|
||||
if (page == void 0 || page == null) return;
|
||||
page.onLoad();
|
||||
}
|
||||
});
|
||||
}, 1500);
|
||||
}
|
||||
}
|
||||
common_vendor.index.hideLoading();
|
||||
}).catch((res) => {
|
||||
common_vendor.index.showToast({
|
||||
title: res.message || "请检查您的网络.",
|
||||
icon: "none"
|
||||
});
|
||||
common_vendor.index.hideLoading();
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uv_icon2 = common_vendor.resolveComponent("uv-icon");
|
||||
const _easycom_uv_cell2 = common_vendor.resolveComponent("uv-cell");
|
||||
const _easycom_uni_card2 = common_vendor.resolveComponent("uni-card");
|
||||
const _easycom_uv_avatar2 = common_vendor.resolveComponent("uv-avatar");
|
||||
const _easycom_uv_cell_group2 = common_vendor.resolveComponent("uv-cell-group");
|
||||
const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
|
||||
const _easycom_uv_gap2 = common_vendor.resolveComponent("uv-gap");
|
||||
const _easycom_uv_count_to2 = common_vendor.resolveComponent("uv-count-to");
|
||||
const _easycom_uv_button2 = common_vendor.resolveComponent("uv-button");
|
||||
const _easycom_uni_tag2 = common_vendor.resolveComponent("uni-tag");
|
||||
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||||
const _easycom_uv_code_input2 = common_vendor.resolveComponent("uv-code-input");
|
||||
const _easycom_uni_forms_item2 = common_vendor.resolveComponent("uni-forms-item");
|
||||
const _easycom_uni_forms2 = common_vendor.resolveComponent("uni-forms");
|
||||
const _easycom_ws_login2 = common_vendor.resolveComponent("ws-login");
|
||||
(_easycom_uv_icon2 + _easycom_uv_cell2 + _easycom_uni_card2 + _easycom_uv_avatar2 + _easycom_uv_cell_group2 + _easycom_uni_icons2 + _easycom_uv_gap2 + _easycom_uv_count_to2 + _easycom_uv_button2 + _easycom_uni_tag2 + _easycom_uni_popup2 + _easycom_uv_code_input2 + _easycom_uni_forms_item2 + _easycom_uni_forms2 + _easycom_ws_login2)();
|
||||
}
|
||||
const _easycom_uv_icon = () => "../../uni_modules/uv-icon/components/uv-icon/uv-icon.js";
|
||||
const _easycom_uv_cell = () => "../../uni_modules/uv-cell/components/uv-cell/uv-cell.js";
|
||||
const _easycom_uni_card = () => "../../uni_modules/uni-card/components/uni-card/uni-card.js";
|
||||
const _easycom_uv_avatar = () => "../../uni_modules/uv-avatar/components/uv-avatar/uv-avatar.js";
|
||||
const _easycom_uv_cell_group = () => "../../uni_modules/uv-cell/components/uv-cell-group/uv-cell-group.js";
|
||||
const _easycom_uni_icons = () => "../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
|
||||
const _easycom_uv_gap = () => "../../uni_modules/uv-gap/components/uv-gap/uv-gap.js";
|
||||
const _easycom_uv_count_to = () => "../../uni_modules/uv-count-to/components/uv-count-to/uv-count-to.js";
|
||||
const _easycom_uv_button = () => "../../uni_modules/uv-button/components/uv-button/uv-button.js";
|
||||
const _easycom_uni_tag = () => "../../uni_modules/uni-tag/components/uni-tag/uni-tag.js";
|
||||
const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||
const _easycom_uv_code_input = () => "../../uni_modules/uv-code-input/components/uv-code-input/uv-code-input.js";
|
||||
const _easycom_uni_forms_item = () => "../../uni_modules/uni-forms/components/uni-forms-item/uni-forms-item.js";
|
||||
const _easycom_uni_forms = () => "../../uni_modules/uni-forms/components/uni-forms/uni-forms.js";
|
||||
const _easycom_ws_login = () => "../../uni_modules/ws-login/components/ws-login/ws-login.js";
|
||||
if (!Math) {
|
||||
(_easycom_uv_icon + _easycom_uv_cell + _easycom_uni_card + _easycom_uv_avatar + _easycom_uv_cell_group + _easycom_uni_icons + _easycom_uv_gap + _easycom_uv_count_to + _easycom_uv_button + _easycom_uni_tag + _easycom_uni_popup + _easycom_uv_code_input + _easycom_uni_forms_item + _easycom_uni_forms + _easycom_ws_login)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t($data.merchantId),
|
||||
b: common_vendor.t($data.merchantCode),
|
||||
c: common_vendor.t($data.merchantName),
|
||||
d: common_vendor.t(_ctx.dateTime),
|
||||
e: common_vendor.t($data.week),
|
||||
f: common_vendor.t($data.totalPrice),
|
||||
g: common_vendor.t(_ctx.type),
|
||||
h: common_vendor.t($data.goodsList),
|
||||
i: $data.address.name
|
||||
}, $data.address.name ? {
|
||||
j: common_vendor.p({
|
||||
name: "arrow-right"
|
||||
}),
|
||||
k: common_vendor.o($options.openAddressList),
|
||||
l: common_vendor.p({
|
||||
title: `${$data.address.name} ${$data.address.phone}`,
|
||||
label: `${$data.address.address}`,
|
||||
icon: "map",
|
||||
cellStyle: {
|
||||
padding: "5px 0"
|
||||
},
|
||||
border: false
|
||||
})
|
||||
} : {}, {
|
||||
m: common_vendor.p({
|
||||
border: false,
|
||||
["is-shadow"]: false
|
||||
}),
|
||||
n: $data.goodsList.length == 0
|
||||
}, $data.goodsList.length == 0 ? {} : {}, {
|
||||
o: $data.goodsList
|
||||
}, $data.goodsList ? {
|
||||
p: common_vendor.f($data.goodsList, (item, index, i0) => {
|
||||
return {
|
||||
a: "d0ffe0d0-6-" + i0 + "," + ("d0ffe0d0-5-" + i0),
|
||||
b: common_vendor.p({
|
||||
src: item.image,
|
||||
size: "60",
|
||||
shape: "square"
|
||||
}),
|
||||
c: "d0ffe0d0-5-" + i0 + ",d0ffe0d0-4",
|
||||
d: common_vendor.p({
|
||||
title: `${item.goodsName}`,
|
||||
label: `${item.comments}`,
|
||||
cellStyle: {
|
||||
padding: "10px 0"
|
||||
},
|
||||
border: false,
|
||||
value: `￥${item.price}`
|
||||
}),
|
||||
e: index
|
||||
};
|
||||
})
|
||||
} : {}, {
|
||||
q: common_vendor.p({
|
||||
customStyle: {
|
||||
backgroundColor: "#ffffff"
|
||||
},
|
||||
border: false
|
||||
}),
|
||||
r: common_vendor.p({
|
||||
title: "订单信息",
|
||||
border: false,
|
||||
["is-shadow"]: false
|
||||
}),
|
||||
s: common_vendor.f($data.payment, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: item.type == $data.payType
|
||||
}, item.type == $data.payType ? {
|
||||
b: "d0ffe0d0-10-" + i0 + "," + ("d0ffe0d0-9-" + i0),
|
||||
c: common_vendor.p({
|
||||
size: "30rpx",
|
||||
name: "checkbox-mark"
|
||||
})
|
||||
} : {}, {
|
||||
d: common_vendor.o(($event) => $options.onPayType(item.type), index),
|
||||
e: "d0ffe0d0-9-" + i0 + ",d0ffe0d0-8",
|
||||
f: common_vendor.p({
|
||||
title: `${item.name}`,
|
||||
icon: `${item.image}`,
|
||||
cellStyle: {
|
||||
padding: "20rpx 10rpx",
|
||||
borderRadius: "8rpx",
|
||||
backgroundColor: item.type == $data.payType ? "#f6fff1" : ""
|
||||
},
|
||||
border: false
|
||||
}),
|
||||
g: index
|
||||
});
|
||||
}),
|
||||
t: common_vendor.p({
|
||||
customStyle: {
|
||||
backgroundColor: "#ffffff"
|
||||
},
|
||||
border: false
|
||||
}),
|
||||
v: common_vendor.t($data.totalPrice || 0),
|
||||
w: common_vendor.o(($event) => _ctx.actionsClick("分享")),
|
||||
x: common_vendor.p({
|
||||
title: "选择支付方式",
|
||||
border: false,
|
||||
["is-shadow"]: false
|
||||
}),
|
||||
y: !$data.disabled
|
||||
}, !$data.disabled ? {
|
||||
z: common_vendor.o($options.onDisabled),
|
||||
A: common_vendor.p({
|
||||
type: "circle",
|
||||
size: "20",
|
||||
color: "#a4a5a7"
|
||||
})
|
||||
} : {
|
||||
B: common_vendor.o($options.onDisabled),
|
||||
C: common_vendor.p({
|
||||
type: "checkbox",
|
||||
size: "20",
|
||||
color: "#11a954"
|
||||
})
|
||||
}, {
|
||||
D: common_vendor.o(($event) => $options.navTo("/package/article/detail?articleId=501")),
|
||||
E: common_vendor.o(($event) => $options.navTo("/package/article/detail?articleId=502")),
|
||||
F: common_vendor.o((...args) => $options.onDisabled && $options.onDisabled(...args)),
|
||||
G: common_vendor.p({
|
||||
height: "50"
|
||||
}),
|
||||
H: common_vendor.p({
|
||||
startVal: 0,
|
||||
decimals: "2",
|
||||
duration: "100",
|
||||
color: "#ebcf00",
|
||||
bold: true,
|
||||
endVal: $data.totalPrice
|
||||
}),
|
||||
I: common_vendor.o($options.save),
|
||||
J: common_vendor.p({
|
||||
disabled: !$data.disabled || $data.goodsList.length == 0,
|
||||
customStyle: {
|
||||
background: "linear-gradient(to right, #70b915, #008e04)",
|
||||
borderRadius: "0 30px 30px 0",
|
||||
color: "#ffffff",
|
||||
border: "none",
|
||||
padding: "22px 30px"
|
||||
},
|
||||
text: "提交订单"
|
||||
}),
|
||||
K: common_vendor.f($data.addressList, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: "d0ffe0d0-20-" + i0 + "," + ("d0ffe0d0-19-" + i0),
|
||||
b: common_vendor.p({
|
||||
text: item.type,
|
||||
fontSize: "12",
|
||||
size: "32",
|
||||
randomBgColor: true
|
||||
}),
|
||||
c: common_vendor.t(item.name),
|
||||
d: common_vendor.t(item.phone),
|
||||
e: item.isDefault
|
||||
}, item.isDefault ? {
|
||||
f: "d0ffe0d0-21-" + i0 + "," + ("d0ffe0d0-19-" + i0),
|
||||
g: common_vendor.p({
|
||||
text: "默认",
|
||||
size: "mini",
|
||||
inverted: true,
|
||||
type: "success"
|
||||
})
|
||||
} : {}, {
|
||||
h: "d0ffe0d0-22-" + i0 + "," + ("d0ffe0d0-19-" + i0),
|
||||
i: common_vendor.o(($event) => $options.onAddress(item), index),
|
||||
j: "d0ffe0d0-19-" + i0 + ",d0ffe0d0-18",
|
||||
k: common_vendor.p({
|
||||
cellStyle: {
|
||||
padding: "10px 0"
|
||||
},
|
||||
label: item.address
|
||||
}),
|
||||
l: index
|
||||
});
|
||||
}),
|
||||
L: common_vendor.p({
|
||||
type: "right"
|
||||
}),
|
||||
M: common_vendor.o(($event) => $options.navTo("/package/user/address")),
|
||||
N: common_vendor.p({
|
||||
customStyle: {
|
||||
borderRadius: "30px"
|
||||
},
|
||||
text: "收货地址管理"
|
||||
}),
|
||||
O: common_vendor.p({
|
||||
customStyle: {
|
||||
backgroundColor: "#ffffff"
|
||||
},
|
||||
border: false
|
||||
}),
|
||||
P: common_vendor.p({
|
||||
title: "选择收货地址",
|
||||
border: false,
|
||||
["is-shadow"]: false,
|
||||
padding: 0
|
||||
}),
|
||||
Q: common_vendor.sr("addForm", "d0ffe0d0-16"),
|
||||
R: common_vendor.p({
|
||||
type: "center",
|
||||
["border-radius"]: "10px 10px 0 0"
|
||||
}),
|
||||
S: common_vendor.o($options.onPayPassword),
|
||||
T: common_vendor.o(($event) => $data.payPassword = $event),
|
||||
U: common_vendor.p({
|
||||
mode: "box",
|
||||
dot: true,
|
||||
space: 0,
|
||||
maxlength: 6,
|
||||
hairline: true,
|
||||
modelValue: $data.payPassword
|
||||
}),
|
||||
V: common_vendor.p({
|
||||
label: "支付密码",
|
||||
name: "payPassword",
|
||||
required: true
|
||||
}),
|
||||
W: common_vendor.sr("form", "d0ffe0d0-26,d0ffe0d0-25"),
|
||||
X: common_vendor.p({
|
||||
["label-width"]: 80
|
||||
}),
|
||||
Y: common_vendor.o(($event) => $options.navTo(`/package/user/pay-password`)),
|
||||
Z: common_vendor.p({
|
||||
title: "请输入支付密码",
|
||||
border: false,
|
||||
["is-shadow"]: false,
|
||||
padding: 0
|
||||
}),
|
||||
aa: common_vendor.sr("payPasswordForm", "d0ffe0d0-24"),
|
||||
ab: common_vendor.p({
|
||||
type: "center",
|
||||
["border-radius"]: "10px 10px 0 0"
|
||||
}),
|
||||
ac: common_vendor.sr("login", "d0ffe0d0-29"),
|
||||
ad: common_vendor.o($options.reload),
|
||||
ae: common_vendor.p({
|
||||
logo: _ctx.logo
|
||||
})
|
||||
});
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d0ffe0d0"], ["__file", "/Users/gxwebsoft/APP/gxtyzx-uniapp-cli/src/package/goods/checkout.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
+21
@@ -0,0 +1,21 @@
|
||||
{
|
||||
"navigationBarTitleText": "订单确认",
|
||||
"enablePullDownRefresh": false,
|
||||
"usingComponents": {
|
||||
"uv-icon": "../../uni_modules/uv-icon/components/uv-icon/uv-icon",
|
||||
"uv-cell": "../../uni_modules/uv-cell/components/uv-cell/uv-cell",
|
||||
"uni-card": "../../uni_modules/uni-card/components/uni-card/uni-card",
|
||||
"uv-avatar": "../../uni_modules/uv-avatar/components/uv-avatar/uv-avatar",
|
||||
"uv-cell-group": "../../uni_modules/uv-cell/components/uv-cell-group/uv-cell-group",
|
||||
"uni-icons": "../../uni_modules/uni-icons/components/uni-icons/uni-icons",
|
||||
"uv-gap": "../../uni_modules/uv-gap/components/uv-gap/uv-gap",
|
||||
"uv-count-to": "../../uni_modules/uv-count-to/components/uv-count-to/uv-count-to",
|
||||
"uv-button": "../../uni_modules/uv-button/components/uv-button/uv-button",
|
||||
"uni-tag": "../../uni_modules/uni-tag/components/uni-tag/uni-tag",
|
||||
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup",
|
||||
"uv-code-input": "../../uni_modules/uv-code-input/components/uv-code-input/uv-code-input",
|
||||
"uni-forms-item": "../../uni_modules/uni-forms/components/uni-forms-item/uni-forms-item",
|
||||
"uni-forms": "../../uni_modules/uni-forms/components/uni-forms/uni-forms",
|
||||
"ws-login": "../../uni_modules/ws-login/components/ws-login/ws-login"
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+132
@@ -0,0 +1,132 @@
|
||||
|
||||
page {
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-color: #f0f2f5;
|
||||
width: 750rpx;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.checkout-car.data-v-d0ffe0d0 {
|
||||
width: 700rpx;
|
||||
left: 25rpx;
|
||||
position: fixed;
|
||||
bottom: 30rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: #000000;
|
||||
border-radius: 100px;
|
||||
align-items: center;
|
||||
}
|
||||
.checkout-car .car-selected.data-v-d0ffe0d0 {
|
||||
color: #ccc;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.checkout-car .car-total.data-v-d0ffe0d0 {
|
||||
display: flex;
|
||||
color: #ebcf00;
|
||||
align-items: center;
|
||||
padding-left: 40rpx;
|
||||
}
|
||||
.card-actions.data-v-d0ffe0d0 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
height: 45px;
|
||||
border-top: 1px #eee solid;
|
||||
}
|
||||
.card-actions-item.data-v-d0ffe0d0 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.card-actions-item .web-text-heading.data-v-d0ffe0d0 {
|
||||
font-size: 38rpx;
|
||||
margin-left: 28rpx;
|
||||
}
|
||||
.card-actions-item-text.data-v-d0ffe0d0 {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.address-body.data-v-d0ffe0d0 {
|
||||
width: 660rpx;
|
||||
margin: auto;
|
||||
}
|
||||
.add-address.data-v-d0ffe0d0 {
|
||||
width: 600rpx !important;
|
||||
margin: 40rpx auto;
|
||||
}
|
||||
.btn-bar.data-v-d0ffe0d0 {
|
||||
width: 700rpx;
|
||||
left: 25rpx;
|
||||
position: fixed;
|
||||
bottom: 30rpx;
|
||||
margin: auto;
|
||||
clear: both;
|
||||
}
|
||||
.title-bar.data-v-d0ffe0d0 {
|
||||
display: flex;
|
||||
}
|
||||
.title-bar .web-text-heading.data-v-d0ffe0d0 {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.title-bar .web-text-secondary.data-v-d0ffe0d0 {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.xieyi.data-v-d0ffe0d0 {
|
||||
margin-bottom: 80rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.xieyi .text.data-v-d0ffe0d0 {
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
.xieyi .text .link.data-v-d0ffe0d0 {
|
||||
color: #0f80ff;
|
||||
}
|
||||
.pay-password-card.data-v-d0ffe0d0 {
|
||||
width: 600rpx;
|
||||
min-height: 300rpx;
|
||||
margin: 30rpx auto;
|
||||
background-color: #ffffff;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.pay-password-card .web-text-primary.data-v-d0ffe0d0 {
|
||||
line-height: 2rem;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
.to-pay-btn.data-v-d0ffe0d0 {
|
||||
width: 400rpx !important;
|
||||
margin: 40rpx auto;
|
||||
}
|
||||
+289
@@ -0,0 +1,289 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const api_shop_goods_index = require("../../api/shop/goods/index.js");
|
||||
const store_modules_car = require("../../store/modules/car.js");
|
||||
const carStore = store_modules_car.useCarStore();
|
||||
const {
|
||||
goodsList,
|
||||
orderInfo,
|
||||
totalPrice,
|
||||
carNum,
|
||||
merchantId,
|
||||
merchantName,
|
||||
merchantCode,
|
||||
type,
|
||||
dateTime
|
||||
} = common_vendor.storeToRefs(carStore);
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
id: 0,
|
||||
form: {},
|
||||
// 场馆相册
|
||||
photo: [],
|
||||
isLogin: false,
|
||||
disabled: true,
|
||||
orderInfo,
|
||||
goodsList,
|
||||
totalPrice,
|
||||
carNum,
|
||||
merchantId,
|
||||
merchantName,
|
||||
merchantCode,
|
||||
type,
|
||||
dateTime,
|
||||
options: [{
|
||||
icon: "headphones",
|
||||
text: "客服"
|
||||
}, {
|
||||
icon: "cart",
|
||||
text: "购物车",
|
||||
info: 2
|
||||
}],
|
||||
buttonGroup: [
|
||||
{
|
||||
text: "立即购买",
|
||||
backgroundColor: "linear-gradient(90deg, #ccff66, #008e04)",
|
||||
color: "#fff"
|
||||
}
|
||||
],
|
||||
customButtonGroup1: [{
|
||||
text: "立即购买",
|
||||
backgroundColor: "linear-gradient(90deg, #ccff66, #008e04)",
|
||||
color: "#fff"
|
||||
}]
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
this.id = option.id;
|
||||
this.reload();
|
||||
},
|
||||
onShow() {
|
||||
if (common_vendor.index.getStorageSync("user_id") && common_vendor.index.getStorageSync("access_token")) {
|
||||
this.isLogin = true;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async reload() {
|
||||
const app = this;
|
||||
Promise.all([app.getGoods()]).then((data) => {
|
||||
console.log("data: ", data);
|
||||
const form = data[0];
|
||||
app.form = form;
|
||||
carStore.merchantId = form.merchantId;
|
||||
carStore.merchantName = form.merchantName;
|
||||
carStore.merchantCode = form.merchantCode;
|
||||
common_vendor.index.setNavigationBarTitle({
|
||||
title: form.goodsName
|
||||
});
|
||||
if (form.files) {
|
||||
app.photo = JSON.parse(form.files);
|
||||
}
|
||||
});
|
||||
},
|
||||
getGoods() {
|
||||
return new Promise((resolve, reject) => {
|
||||
api_shop_goods_index.getGoods(this.id).then((result) => {
|
||||
resolve(result);
|
||||
}).catch(reject);
|
||||
});
|
||||
},
|
||||
onDisabled() {
|
||||
this.disabled = !this.disabled;
|
||||
},
|
||||
navTo(url) {
|
||||
common_vendor.index.navigateTo({
|
||||
url
|
||||
});
|
||||
},
|
||||
openBookingTel() {
|
||||
this.$refs.popup.open("center");
|
||||
},
|
||||
closeBookingTel() {
|
||||
this.$refs.popup.close();
|
||||
},
|
||||
callPhone(phone) {
|
||||
common_vendor.index.makePhoneCall({
|
||||
phoneNumber: phone
|
||||
});
|
||||
},
|
||||
onMap() {
|
||||
common_vendor.index.getLocation({
|
||||
type: "gcj02",
|
||||
//返回可以用于uni.openLocation的经纬度
|
||||
success: function(res) {
|
||||
console.log("返回可以用于uni.openLocation的经纬度: ", res);
|
||||
const latitude = this.merchant.latitude;
|
||||
const longitude = this.merchant.longitude;
|
||||
common_vendor.index.openLocation({
|
||||
latitude,
|
||||
longitude,
|
||||
success: function() {
|
||||
console.log("success");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
save() {
|
||||
if (!this.disabled) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请先阅读并同意订票协议",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
const app = this;
|
||||
const { form } = this;
|
||||
carStore.totalPrice = form.price;
|
||||
app.goodsList = [];
|
||||
form.image = JSON.parse(form.image)[0];
|
||||
app.goodsList.push(form);
|
||||
carStore.goodsList = app.goodsList;
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/package/goods/checkout?goodsId=" + this.id
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uv_swiper2 = common_vendor.resolveComponent("uv-swiper");
|
||||
const _easycom_uv_cell2 = common_vendor.resolveComponent("uv-cell");
|
||||
const _easycom_uv_cell_group2 = common_vendor.resolveComponent("uv-cell-group");
|
||||
const _easycom_uni_card2 = common_vendor.resolveComponent("uni-card");
|
||||
const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
|
||||
const _easycom_uv_gap2 = common_vendor.resolveComponent("uv-gap");
|
||||
const _easycom_uv_button2 = common_vendor.resolveComponent("uv-button");
|
||||
const _easycom_uv_icon2 = common_vendor.resolveComponent("uv-icon");
|
||||
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||||
const _easycom_ws_login2 = common_vendor.resolveComponent("ws-login");
|
||||
(_easycom_uv_swiper2 + _easycom_uv_cell2 + _easycom_uv_cell_group2 + _easycom_uni_card2 + _easycom_uni_icons2 + _easycom_uv_gap2 + _easycom_uv_button2 + _easycom_uv_icon2 + _easycom_uni_popup2 + _easycom_ws_login2)();
|
||||
}
|
||||
const _easycom_uv_swiper = () => "../../uni_modules/uv-swiper/components/uv-swiper/uv-swiper.js";
|
||||
const _easycom_uv_cell = () => "../../uni_modules/uv-cell/components/uv-cell/uv-cell.js";
|
||||
const _easycom_uv_cell_group = () => "../../uni_modules/uv-cell/components/uv-cell-group/uv-cell-group.js";
|
||||
const _easycom_uni_card = () => "../../uni_modules/uni-card/components/uni-card/uni-card.js";
|
||||
const _easycom_uni_icons = () => "../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
|
||||
const _easycom_uv_gap = () => "../../uni_modules/uv-gap/components/uv-gap/uv-gap.js";
|
||||
const _easycom_uv_button = () => "../../uni_modules/uv-button/components/uv-button/uv-button.js";
|
||||
const _easycom_uv_icon = () => "../../uni_modules/uv-icon/components/uv-icon/uv-icon.js";
|
||||
const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||
const _easycom_ws_login = () => "../../uni_modules/ws-login/components/ws-login/ws-login.js";
|
||||
if (!Math) {
|
||||
(_easycom_uv_swiper + _easycom_uv_cell + _easycom_uv_cell_group + _easycom_uni_card + _easycom_uni_icons + _easycom_uv_gap + _easycom_uv_button + _easycom_uv_icon + _easycom_uni_popup + _easycom_ws_login)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.p({
|
||||
list: $data.photo,
|
||||
indicator: true,
|
||||
indicatorMode: "line",
|
||||
circular: true,
|
||||
height: "750rpx",
|
||||
radius: "0"
|
||||
}),
|
||||
b: common_vendor.t($data.form.price),
|
||||
c: common_vendor.t($data.form.price * 2),
|
||||
d: common_vendor.p({
|
||||
cellStyle: {
|
||||
padding: "10px 5px"
|
||||
}
|
||||
}),
|
||||
e: common_vendor.p({
|
||||
title: $data.form.goodsName,
|
||||
label: "商品名称",
|
||||
cellStyle: {
|
||||
padding: "10px 5px"
|
||||
}
|
||||
}),
|
||||
f: common_vendor.p({
|
||||
title: "选择款式",
|
||||
label: `100zz【藏青色】、100zz【古红色】`,
|
||||
isLink: true,
|
||||
cellStyle: {
|
||||
padding: "10px 5px"
|
||||
}
|
||||
}),
|
||||
g: common_vendor.p({
|
||||
title: "参数",
|
||||
label: $data.form.goodsName,
|
||||
cellStyle: {
|
||||
padding: "10px 5px"
|
||||
}
|
||||
}),
|
||||
h: common_vendor.o(($event) => $options.callPhone("0771-8888888")),
|
||||
i: common_vendor.p({
|
||||
title: "客服电话",
|
||||
label: "0771-8888888",
|
||||
border: false,
|
||||
cellStyle: {
|
||||
padding: "10px 5px"
|
||||
}
|
||||
}),
|
||||
j: common_vendor.p({
|
||||
customStyle: {
|
||||
backgroundColor: "#ffffff"
|
||||
},
|
||||
border: false
|
||||
}),
|
||||
k: common_vendor.p({
|
||||
border: false,
|
||||
["is-shadow"]: false,
|
||||
padding: 0
|
||||
}),
|
||||
l: $data.form.content,
|
||||
m: common_vendor.p({
|
||||
title: "商品详情",
|
||||
["is-shadow"]: false,
|
||||
border: false,
|
||||
padding: 0
|
||||
}),
|
||||
n: !$data.disabled
|
||||
}, !$data.disabled ? {
|
||||
o: common_vendor.o($options.onDisabled),
|
||||
p: common_vendor.p({
|
||||
type: "circle",
|
||||
size: "20",
|
||||
color: "#a4a5a7"
|
||||
})
|
||||
} : {
|
||||
q: common_vendor.o($options.onDisabled),
|
||||
r: common_vendor.p({
|
||||
type: "checkbox",
|
||||
size: "20",
|
||||
color: "#11a954"
|
||||
})
|
||||
}, {
|
||||
s: common_vendor.o(($event) => $options.navTo("/package/article/detail?articleId=503")),
|
||||
t: common_vendor.o((...args) => $options.onDisabled && $options.onDisabled(...args)),
|
||||
v: common_vendor.p({
|
||||
height: "50"
|
||||
}),
|
||||
w: common_vendor.o($options.save),
|
||||
x: common_vendor.p({
|
||||
customStyle: {
|
||||
background: "linear-gradient(to right, #ccff66, #008e04)",
|
||||
borderRadius: "30px",
|
||||
color: "#ffffff"
|
||||
},
|
||||
text: "立即购买"
|
||||
}),
|
||||
y: common_vendor.p({
|
||||
name: "close-circle",
|
||||
color: "#ffffff",
|
||||
size: "30"
|
||||
}),
|
||||
z: common_vendor.o((...args) => $options.closeBookingTel && $options.closeBookingTel(...args)),
|
||||
A: common_vendor.sr("popup", "fc93fbf0-13"),
|
||||
B: common_vendor.p({
|
||||
type: "center"
|
||||
}),
|
||||
C: common_vendor.sr("login", "fc93fbf0-15"),
|
||||
D: common_vendor.o($options.reload),
|
||||
E: common_vendor.p({
|
||||
logo: _ctx.logo
|
||||
})
|
||||
});
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fc93fbf0"], ["__file", "/Users/gxwebsoft/APP/gxtyzx-uniapp-cli/src/package/goods/detail.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"navigationBarTitleText": "商品详情",
|
||||
"enablePullDownRefresh": false,
|
||||
"usingComponents": {
|
||||
"uv-swiper": "../../uni_modules/uv-swiper/components/uv-swiper/uv-swiper",
|
||||
"uv-cell": "../../uni_modules/uv-cell/components/uv-cell/uv-cell",
|
||||
"uv-cell-group": "../../uni_modules/uv-cell/components/uv-cell-group/uv-cell-group",
|
||||
"uni-card": "../../uni_modules/uni-card/components/uni-card/uni-card",
|
||||
"uni-icons": "../../uni_modules/uni-icons/components/uni-icons/uni-icons",
|
||||
"uv-gap": "../../uni_modules/uv-gap/components/uv-gap/uv-gap",
|
||||
"uv-button": "../../uni_modules/uv-button/components/uv-button/uv-button",
|
||||
"uv-icon": "../../uni_modules/uv-icon/components/uv-icon/uv-icon",
|
||||
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup",
|
||||
"ws-login": "../../uni_modules/ws-login/components/ws-login/ws-login"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class=" data-v-fc93fbf0"><view class="goods-info data-v-fc93fbf0"><uv-swiper wx:if="{{a}}" class="data-v-fc93fbf0" u-i="fc93fbf0-0" bind:__l="__l" u-p="{{a}}"></uv-swiper></view><uni-card wx:if="{{k}}" class="data-v-fc93fbf0" u-s="{{['d']}}" u-i="fc93fbf0-1" bind:__l="__l" u-p="{{k}}"><uv-cell-group wx:if="{{j}}" class="data-v-fc93fbf0" u-s="{{['d']}}" u-i="fc93fbf0-2,fc93fbf0-1" bind:__l="__l" u-p="{{j}}"><uv-cell wx:if="{{d}}" class="data-v-fc93fbf0" u-s="{{['title','right-icon']}}" u-i="fc93fbf0-3,fc93fbf0-2" bind:__l="__l" u-p="{{d}}"><view class="pirce-bar data-v-fc93fbf0" style="display:flex" slot="title"><view class="web-text-danger data-v-fc93fbf0">￥</view><view class="web-text-danger data-v-fc93fbf0" style="font-size:40rpx">{{b}}</view></view><text class="web-text-secondary data-v-fc93fbf0" style="text-decoration:line-through" slot="right-icon">划线价￥{{c}}</text></uv-cell><uv-cell wx:if="{{e}}" class="data-v-fc93fbf0" u-i="fc93fbf0-4,fc93fbf0-2" bind:__l="__l" u-p="{{e}}"></uv-cell><uv-cell wx:if="{{f}}" class="data-v-fc93fbf0" u-s="{{['right-icon']}}" u-i="fc93fbf0-5,fc93fbf0-2" bind:__l="__l" u-p="{{f}}"><view slot="right-icon"></view></uv-cell><uv-cell wx:if="{{g}}" class="data-v-fc93fbf0" u-i="fc93fbf0-6,fc93fbf0-2" bind:__l="__l" u-p="{{g}}"></uv-cell><uv-cell wx:if="{{i}}" class="data-v-fc93fbf0" bindclick="{{h}}" u-i="fc93fbf0-7,fc93fbf0-2" bind:__l="__l" u-p="{{i}}"></uv-cell></uv-cell-group></uni-card><uni-card wx:if="{{m}}" class="data-v-fc93fbf0" u-s="{{['d']}}" u-i="fc93fbf0-8" bind:__l="__l" u-p="{{m}}"><view class="web-text-heading booking-content data-v-fc93fbf0"><view class="data-v-fc93fbf0"><rich-text class="data-v-fc93fbf0" nodes="{{l}}"/></view></view></uni-card><view class="xieyi web-cell web-text-secondary web-cell-align-top data-v-fc93fbf0"><view class="web-cell web-cell-content web-cell-align-top data-v-fc93fbf0"><uni-icons wx:if="{{n}}" class="data-v-fc93fbf0" bindclick="{{o}}" u-i="fc93fbf0-9" bind:__l="__l" u-p="{{p}}"></uni-icons><uni-icons wx:else class="data-v-fc93fbf0" bindclick="{{q}}" u-i="fc93fbf0-10" bind:__l="__l" u-p="{{r||''}}"></uni-icons><view class="text data-v-fc93fbf0" bindtap="{{t}}"><text class="data-v-fc93fbf0">我已阅读并同意</text><text class="link data-v-fc93fbf0" catchtap="{{s}}">《购买协议》</text></view></view></view><uv-gap wx:if="{{v}}" class="data-v-fc93fbf0" u-i="fc93fbf0-11" bind:__l="__l" u-p="{{v}}"></uv-gap><view class="save-btn data-v-fc93fbf0"><uv-button wx:if="{{x}}" class="data-v-fc93fbf0" bindclick="{{w}}" u-i="fc93fbf0-12" bind:__l="__l" u-p="{{x}}"></uv-button></view></view><uni-popup wx:if="{{B}}" class="r data-v-fc93fbf0" u-s="{{['d']}}" u-r="popup" u-i="fc93fbf0-13" bind:__l="__l" u-p="{{B}}"><view class="popup-booking-tel data-v-fc93fbf0"><text class="title data-v-fc93fbf0">场馆热线</text><text class="desc data-v-fc93fbf0">主体育场、足球训练场：0771-4953380</text><text class="desc data-v-fc93fbf0">体育馆、综合训练馆、网球馆：0771-4953380</text><text class="desc data-v-fc93fbf0">游泳跳水馆：0771-4736008</text><text class="title data-v-fc93fbf0">参观接待</text><text class="desc data-v-fc93fbf0">预约电话：0771-4736955</text><text class="desc data-v-fc93fbf0">传真号码：0771-4736955</text><text class="title data-v-fc93fbf0">大型活动订场</text><text class="desc data-v-fc93fbf0">预约电话：0771-4736970、0771-4736994</text><text class="title data-v-fc93fbf0">威拓普健身馆</text><text class="desc data-v-fc93fbf0">联系电话：0771-5588699</text></view><view class="web-cell popup-close data-v-fc93fbf0" bindtap="{{z}}"><uv-icon wx:if="{{y}}" class="data-v-fc93fbf0" u-i="fc93fbf0-14,fc93fbf0-13" bind:__l="__l" u-p="{{y}}"></uv-icon></view></uni-popup><ws-login wx:if="{{E}}" class="r data-v-fc93fbf0" u-r="login" binddone="{{D}}" u-i="fc93fbf0-15" bind:__l="__l" u-p="{{E}}"/>
|
||||
+113
@@ -0,0 +1,113 @@
|
||||
|
||||
page {
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-color: #f0f2f5;
|
||||
width: 750rpx;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.goods-info.data-v-fc93fbf0 {
|
||||
width: 750rpx;
|
||||
height: 750rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
.merchant-name.data-v-fc93fbf0 {
|
||||
padding: 30rpx;
|
||||
font-weight: 500;
|
||||
font-size: 42rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.save-btn.data-v-fc93fbf0 {
|
||||
width: 700rpx;
|
||||
left: 25rpx;
|
||||
height: 80rpx;
|
||||
position: fixed;
|
||||
bottom: 30rpx;
|
||||
}
|
||||
.booking-tel.data-v-fc93fbf0 {
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 270px;
|
||||
right: 0;
|
||||
width: 80px;
|
||||
height: 38px;
|
||||
border-radius: 50px 0 0 50px;
|
||||
background: linear-gradient(to right, #ccff66, #008e04);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #ffffff;
|
||||
font-size: 13px;
|
||||
}
|
||||
.popup-booking-tel.data-v-fc93fbf0 {
|
||||
background-color: #ffffff;
|
||||
width: 560rpx;
|
||||
min-height: 400rpx;
|
||||
border-radius: 20rpx;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.popup-booking-tel .title.data-v-fc93fbf0 {
|
||||
font-weight: bold;
|
||||
font-size: 38rpx;
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.popup-booking-tel .desc.data-v-fc93fbf0 {
|
||||
line-height: 2rem;
|
||||
}
|
||||
.popup-close.data-v-fc93fbf0 {
|
||||
display: flex;
|
||||
margin-top: 24rpx;
|
||||
justify-content: center;
|
||||
}
|
||||
.booking-content.data-v-fc93fbf0 {
|
||||
padding: 10px;
|
||||
font-size: 30rpx;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
.xieyi.data-v-fc93fbf0 {
|
||||
margin-bottom: 80rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.xieyi .text.data-v-fc93fbf0 {
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
.xieyi .text .link.data-v-fc93fbf0 {
|
||||
color: #0f80ff;
|
||||
}
|
||||
.goods-nav-btn.data-v-fc93fbf0 {
|
||||
width: 750rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
+371
@@ -0,0 +1,371 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const api_shop_order_index = require("../../api/shop/order/index.js");
|
||||
const api_shop_wechatDeposit_index = require("../../api/shop/wechatDeposit/index.js");
|
||||
const utils_common = require("../../utils/common.js");
|
||||
const _sfc_main = {
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
isRefresh: false,
|
||||
isLogin: false,
|
||||
userId: 0,
|
||||
where: {
|
||||
page: 1,
|
||||
type: 0,
|
||||
// 0商城订单 1场地预定
|
||||
sceneType: "showOrderGoods"
|
||||
// 查询订单附加场地信息
|
||||
},
|
||||
canReset: false,
|
||||
loadMore: "more",
|
||||
logo: "",
|
||||
items: ["全部", "待付款", "待发货", "待收货", "已完成"],
|
||||
orderList: [],
|
||||
styles: [
|
||||
{
|
||||
value: "button",
|
||||
text: "按钮",
|
||||
checked: true
|
||||
},
|
||||
{
|
||||
value: "text",
|
||||
text: "文字"
|
||||
}
|
||||
],
|
||||
colors: ["#333333", "#4cd964", "#dd524d"],
|
||||
current: 0,
|
||||
colorIndex: 0,
|
||||
activeColor: "#108001",
|
||||
styleType: "text",
|
||||
getWeek: utils_common.getWeek,
|
||||
// 骨架屏
|
||||
hideTools: true
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
this.openLogin();
|
||||
},
|
||||
onShow(e) {
|
||||
this.openLogin();
|
||||
this.reload();
|
||||
},
|
||||
// 触底函数
|
||||
onReachBottom() {
|
||||
const app = this;
|
||||
const { where } = this;
|
||||
if (app.canReset) {
|
||||
app.where.page = ++where.page;
|
||||
app.reload();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
reload() {
|
||||
const app = this;
|
||||
const { where, userId } = this;
|
||||
if (userId == 0) {
|
||||
app.openLogin();
|
||||
return;
|
||||
}
|
||||
where.userId = userId;
|
||||
app.loadMore = "loading";
|
||||
api_shop_order_index.pageOrder(where).then((res) => {
|
||||
const list = res.list.map((d) => {
|
||||
console.log(d);
|
||||
return d;
|
||||
});
|
||||
if (app.orderList.length < res.count) {
|
||||
console.log("11111: ", 11111);
|
||||
app.orderList = app.orderList.concat(list);
|
||||
app.canReset = true;
|
||||
app.loadMore = "no-more";
|
||||
} else {
|
||||
app.canReset = false;
|
||||
app.loadMore = "no-more";
|
||||
console.log("22222: ", 22222);
|
||||
}
|
||||
common_vendor.index.hideLoading();
|
||||
app.isRefresh = false;
|
||||
}).catch(() => {
|
||||
common_vendor.index.showToast({
|
||||
title: "请检查您的网络.",
|
||||
icon: "none"
|
||||
});
|
||||
common_vendor.index.hideLoading();
|
||||
app.isRefresh = false;
|
||||
});
|
||||
},
|
||||
onClickItem(e) {
|
||||
const app = this;
|
||||
const { where, userId } = this;
|
||||
const index = e.currentIndex;
|
||||
if (this.current !== e.currentIndex) {
|
||||
this.current = e.currentIndex;
|
||||
}
|
||||
if (userId == 0) {
|
||||
app.openLogin();
|
||||
return;
|
||||
}
|
||||
if (index == 0) {
|
||||
where.payStatus = void 0;
|
||||
where.orderStatus = void 0;
|
||||
}
|
||||
if (index == 1) {
|
||||
where.payStatus = 0;
|
||||
where.orderStatus = void 0;
|
||||
}
|
||||
if (index == 2) {
|
||||
where.payStatus = 1;
|
||||
where.orderStatus = void 0;
|
||||
}
|
||||
if (index == 3) {
|
||||
where.payStatus = 1;
|
||||
where.orderStatus = 1;
|
||||
}
|
||||
if (index == 4) {
|
||||
api_shop_wechatDeposit_index.pageWechatDeposit({
|
||||
uid: common_vendor.index.getStorageSync("user_id")
|
||||
}).then((res) => {
|
||||
app.orderList = res.list;
|
||||
if (res.count == 0) {
|
||||
app.loadMore = "no-more";
|
||||
}
|
||||
common_vendor.index.hideLoading();
|
||||
});
|
||||
return false;
|
||||
}
|
||||
this.where.page = 1;
|
||||
this.orderList = [];
|
||||
this.reload();
|
||||
},
|
||||
openUrl(url) {
|
||||
common_vendor.index.navigateTo({
|
||||
url
|
||||
});
|
||||
},
|
||||
toPay(orderId) {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/package/booking/confirm?id=" + orderId
|
||||
});
|
||||
},
|
||||
closeOrder(item) {
|
||||
common_vendor.index.showModal({
|
||||
title: "确定取消此订单?",
|
||||
success(o) {
|
||||
if (o.confirm) {
|
||||
api_shop_order_index.updateOrder({
|
||||
orderStatus: 2,
|
||||
orderId: item.orderId
|
||||
}).then((msg) => {
|
||||
common_vendor.index.showToast({
|
||||
title: msg,
|
||||
icon: "none"
|
||||
});
|
||||
item.orderStatus = 2;
|
||||
}).catch(() => {
|
||||
common_vendor.index.showToast({
|
||||
title: "请检查您的网络.",
|
||||
icon: "none"
|
||||
});
|
||||
common_vendor.index.hideLoading();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
// 弹出登录提示框
|
||||
async openLogin() {
|
||||
this.userId = common_vendor.index.getStorageSync("user_id");
|
||||
if (!this.userId) {
|
||||
this.$refs.login.open("bottom");
|
||||
return false;
|
||||
}
|
||||
},
|
||||
// 申请开票
|
||||
onInvoice(id) {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/package/user/invoice?id=" + id
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_segmented_control2 = common_vendor.resolveComponent("uni-segmented-control");
|
||||
const _easycom_uv_avatar2 = common_vendor.resolveComponent("uv-avatar");
|
||||
const _easycom_uv_count_down2 = common_vendor.resolveComponent("uv-count-down");
|
||||
const _easycom_uv_cell2 = common_vendor.resolveComponent("uv-cell");
|
||||
const _easycom_uv_cell_group2 = common_vendor.resolveComponent("uv-cell-group");
|
||||
const _easycom_uni_card2 = common_vendor.resolveComponent("uni-card");
|
||||
const _easycom_uv_skeleton2 = common_vendor.resolveComponent("uv-skeleton");
|
||||
const _easycom_uv_gap2 = common_vendor.resolveComponent("uv-gap");
|
||||
const _easycom_uni_load_more2 = common_vendor.resolveComponent("uni-load-more");
|
||||
const _easycom_ws_login2 = common_vendor.resolveComponent("ws-login");
|
||||
(_easycom_uni_segmented_control2 + _easycom_uv_avatar2 + _easycom_uv_count_down2 + _easycom_uv_cell2 + _easycom_uv_cell_group2 + _easycom_uni_card2 + _easycom_uv_skeleton2 + _easycom_uv_gap2 + _easycom_uni_load_more2 + _easycom_ws_login2)();
|
||||
}
|
||||
const _easycom_uni_segmented_control = () => "../../uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control.js";
|
||||
const _easycom_uv_avatar = () => "../../uni_modules/uv-avatar/components/uv-avatar/uv-avatar.js";
|
||||
const _easycom_uv_count_down = () => "../../uni_modules/uv-count-down/components/uv-count-down/uv-count-down.js";
|
||||
const _easycom_uv_cell = () => "../../uni_modules/uv-cell/components/uv-cell/uv-cell.js";
|
||||
const _easycom_uv_cell_group = () => "../../uni_modules/uv-cell/components/uv-cell-group/uv-cell-group.js";
|
||||
const _easycom_uni_card = () => "../../uni_modules/uni-card/components/uni-card/uni-card.js";
|
||||
const _easycom_uv_skeleton = () => "../../uni_modules/uv-skeleton/components/uv-skeleton/uv-skeleton.js";
|
||||
const _easycom_uv_gap = () => "../../uni_modules/uv-gap/components/uv-gap/uv-gap.js";
|
||||
const _easycom_uni_load_more = () => "../../uni_modules/uni-load-more/components/uni-load-more/uni-load-more.js";
|
||||
const _easycom_ws_login = () => "../../uni_modules/ws-login/components/ws-login/ws-login.js";
|
||||
if (!Math) {
|
||||
(_easycom_uni_segmented_control + _easycom_uv_avatar + _easycom_uv_count_down + _easycom_uv_cell + _easycom_uv_cell_group + _easycom_uni_card + _easycom_uv_skeleton + _easycom_uv_gap + _easycom_uni_load_more + _easycom_ws_login)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.o($options.onClickItem),
|
||||
b: common_vendor.p({
|
||||
current: $data.current,
|
||||
values: $data.items,
|
||||
styleType: $data.styleType,
|
||||
activeColor: $data.activeColor,
|
||||
inActiveColor: "#808080"
|
||||
}),
|
||||
c: $data.orderList.length > 0
|
||||
}, $data.orderList.length > 0 ? {
|
||||
d: common_vendor.f($data.orderList, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: "6fa64f37-2-" + i0 + "," + ("6fa64f37-1-" + i0),
|
||||
b: common_vendor.p({
|
||||
src: item.merchantAvatar,
|
||||
size: "24"
|
||||
}),
|
||||
c: common_vendor.t(item.merchantName),
|
||||
d: item.orderStatus == 2
|
||||
}, item.orderStatus == 2 ? {} : item.orderStatus == 1 ? {} : common_vendor.e({
|
||||
f: item.payStatus == 1
|
||||
}, item.payStatus == 1 ? {} : {}, {
|
||||
g: item.payStatus == 0
|
||||
}, item.payStatus == 0 ? {
|
||||
h: "6fa64f37-3-" + i0 + "," + ("6fa64f37-1-" + i0),
|
||||
i: common_vendor.p({
|
||||
time: item.timestamp,
|
||||
format: "mm:ss"
|
||||
})
|
||||
} : {}), {
|
||||
e: item.orderStatus == 1,
|
||||
j: common_vendor.f(item.goodsList, (sub, subIndex, i1) => {
|
||||
return {
|
||||
a: "6fa64f37-6-" + i0 + "-" + i1 + "," + ("6fa64f37-5-" + i0 + "-" + i1),
|
||||
b: common_vendor.p({
|
||||
src: sub.image,
|
||||
fontSize: "12",
|
||||
size: "50",
|
||||
shape: "square"
|
||||
}),
|
||||
c: common_vendor.t(sub.price),
|
||||
d: common_vendor.o(($event) => $options.openUrl(`/package/order/detail?id=${item.orderId}`), subIndex),
|
||||
e: "6fa64f37-5-" + i0 + "-" + i1 + "," + ("6fa64f37-4-" + i0),
|
||||
f: common_vendor.p({
|
||||
title: `${sub.goodsName}`,
|
||||
label: `${sub.comments}`,
|
||||
cellStyle: {
|
||||
padding: "0",
|
||||
paddingBottom: "5px"
|
||||
},
|
||||
border: false
|
||||
}),
|
||||
g: subIndex
|
||||
};
|
||||
}),
|
||||
k: common_vendor.t(item.totalNum),
|
||||
l: "6fa64f37-4-" + i0 + "," + ("6fa64f37-1-" + i0),
|
||||
m: item.payStatus == 0 && item.orderStatus == 0
|
||||
}, item.payStatus == 0 && item.orderStatus == 0 ? {
|
||||
n: common_vendor.o(($event) => $options.closeOrder(item), index),
|
||||
o: common_vendor.o(($event) => $options.toPay(item.orderId), index)
|
||||
} : {}, {
|
||||
p: item.payStatus == 1 && item.isInvoice == 0
|
||||
}, item.payStatus == 1 && item.isInvoice == 0 ? {
|
||||
q: common_vendor.o(($event) => $options.onInvoice(item.orderId), index)
|
||||
} : {}, {
|
||||
r: "6fa64f37-1-" + i0,
|
||||
s: index
|
||||
});
|
||||
}),
|
||||
e: common_vendor.p({
|
||||
customStyle: {
|
||||
backgroundColor: "#ffffff"
|
||||
},
|
||||
border: false
|
||||
}),
|
||||
f: common_vendor.p({
|
||||
border: false,
|
||||
["is-shadow"]: false,
|
||||
padding: 0
|
||||
})
|
||||
} : {}, {
|
||||
g: $data.orderList.length == 0 && $data.loadMore != "no-more"
|
||||
}, $data.orderList.length == 0 && $data.loadMore != "no-more" ? {
|
||||
h: common_vendor.p({
|
||||
rows: "3",
|
||||
avatar: true,
|
||||
loading: $data.hideTools,
|
||||
title: false
|
||||
}),
|
||||
i: common_vendor.p({
|
||||
height: "16"
|
||||
}),
|
||||
j: common_vendor.p({
|
||||
border: false,
|
||||
padding: "18px 6px"
|
||||
}),
|
||||
k: common_vendor.p({
|
||||
rows: "3",
|
||||
avatar: true,
|
||||
loading: $data.hideTools,
|
||||
title: false
|
||||
}),
|
||||
l: common_vendor.p({
|
||||
height: "16"
|
||||
}),
|
||||
m: common_vendor.p({
|
||||
border: false,
|
||||
padding: "18px 6px"
|
||||
}),
|
||||
n: common_vendor.p({
|
||||
rows: "3",
|
||||
avatar: true,
|
||||
loading: $data.hideTools,
|
||||
title: false
|
||||
}),
|
||||
o: common_vendor.p({
|
||||
height: "16"
|
||||
}),
|
||||
p: common_vendor.p({
|
||||
border: false,
|
||||
padding: "18px 6px"
|
||||
}),
|
||||
q: common_vendor.p({
|
||||
rows: "3",
|
||||
avatar: true,
|
||||
loading: $data.hideTools,
|
||||
title: false
|
||||
}),
|
||||
r: common_vendor.p({
|
||||
height: "16"
|
||||
}),
|
||||
s: common_vendor.p({
|
||||
border: false,
|
||||
padding: "18px 6px"
|
||||
})
|
||||
} : {}, {
|
||||
t: $data.orderList.length > 0
|
||||
}, $data.orderList.length > 0 ? {
|
||||
v: common_vendor.p({
|
||||
status: $data.loadMore
|
||||
})
|
||||
} : {}, {
|
||||
w: common_vendor.sr("login", "6fa64f37-20"),
|
||||
x: common_vendor.o($options.reload),
|
||||
y: common_vendor.p({
|
||||
logo: $data.logo
|
||||
})
|
||||
});
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/gxwebsoft/APP/gxtyzx-uniapp-cli/src/package/goods/order.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"navigationBarTitleText": "商城订单",
|
||||
"usingComponents": {
|
||||
"uni-segmented-control": "../../uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control",
|
||||
"uv-avatar": "../../uni_modules/uv-avatar/components/uv-avatar/uv-avatar",
|
||||
"uv-count-down": "../../uni_modules/uv-count-down/components/uv-count-down/uv-count-down",
|
||||
"uv-cell": "../../uni_modules/uv-cell/components/uv-cell/uv-cell",
|
||||
"uv-cell-group": "../../uni_modules/uv-cell/components/uv-cell-group/uv-cell-group",
|
||||
"uni-card": "../../uni_modules/uni-card/components/uni-card/uni-card",
|
||||
"uv-skeleton": "../../uni_modules/uv-skeleton/components/uv-skeleton/uv-skeleton",
|
||||
"uv-gap": "../../uni_modules/uv-gap/components/uv-gap/uv-gap",
|
||||
"uni-load-more": "../../uni_modules/uni-load-more/components/uni-load-more/uni-load-more",
|
||||
"ws-login": "../../uni_modules/ws-login/components/ws-login/ws-login"
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<view><view class="segmented"><uni-segmented-control wx:if="{{b}}" bindclickItem="{{a}}" u-i="6fa64f37-0" bind:__l="__l" u-p="{{b}}"/></view><view class="order"><block wx:if="{{c}}"><block wx:for="{{d}}" wx:for-item="item" wx:key="s"><uni-card wx:if="{{f}}" u-s="{{['title','d']}}" u-i="{{item.r}}" bind:__l="__l" u-p="{{f}}"><view class="order-title web-cell" slot="title"><view class="web-cell web-cell-content"><view class="merchant-avatar"><uv-avatar wx:if="{{item.b}}" u-i="{{item.a}}" bind:__l="__l" u-p="{{item.b}}"></uv-avatar></view><text class="merchant-name">{{item.c}}</text></view><block wx:if="{{item.d}}"><text class="btn-status web-text-secondary">已取消</text></block><block wx:elif="{{item.e}}"><text class="btn-status web-text-success">已完成</text></block><block wx:else><text wx:if="{{item.f}}" class="btn-status web-text-success">已支付</text><view wx:if="{{item.g}}" class="btn-status web-text-danger"><uv-count-down wx:if="{{item.i}}" u-i="{{item.h}}" bind:__l="__l" u-p="{{item.i}}"></uv-count-down><text class="no-pay" style="margin-left:10rpx">未支付</text></view></block></view><view class="order-body web-cell web-cell-align-top"><view class="web-cell-content"><uv-cell-group wx:if="{{e}}" u-s="{{['d']}}" u-i="{{item.l}}" bind:__l="__l" u-p="{{e}}"><block wx:for="{{item.j}}" wx:for-item="sub" wx:key="g"><uv-cell wx:if="{{sub.f}}" u-s="{{['icon','value']}}" bindclick="{{sub.d}}" u-i="{{sub.e}}" bind:__l="__l" u-p="{{sub.f}}"><uv-avatar u-i="{{sub.a}}" bind:__l="__l" u-p="{{sub.b}}" slot="icon"></uv-avatar><view class="goods-price-bar" slot="value"><view class="goods-price web-text-heading">￥{{sub.c}}</view><view class="total-num web-text-secondary" style="font-size:13px;letter-spacing:1px">共{{item.k}}件</view></view></uv-cell></block></uv-cell-group></view></view><view slot="actions" class="card-actions"><view wx:if="{{item.m}}" class="card-actions-item"><button class="mini-btn" size="mini" bindtap="{{item.n}}" style="margin-right:20rpx">取消订单</button><button class="mini-btn" type="primary" size="mini" bindtap="{{item.o}}">去支付</button></view><view wx:if="{{item.p}}" class="card-actions-item" bindtap="{{item.q}}"><button class="mini-btn" size="mini">申请开票</button></view></view></uni-card></block></block><block wx:if="{{g}}"><uni-card wx:if="{{j}}" u-s="{{['d']}}" u-i="6fa64f37-7" bind:__l="__l" u-p="{{j}}"><uv-skeleton wx:if="{{h}}" u-i="6fa64f37-8,6fa64f37-7" bind:__l="__l" u-p="{{h}}"></uv-skeleton><uv-gap wx:if="{{i}}" u-i="6fa64f37-9,6fa64f37-7" bind:__l="__l" u-p="{{i}}"></uv-gap></uni-card><uni-card wx:if="{{m}}" u-s="{{['d']}}" u-i="6fa64f37-10" bind:__l="__l" u-p="{{m}}"><uv-skeleton wx:if="{{k}}" u-i="6fa64f37-11,6fa64f37-10" bind:__l="__l" u-p="{{k}}"></uv-skeleton><uv-gap wx:if="{{l}}" u-i="6fa64f37-12,6fa64f37-10" bind:__l="__l" u-p="{{l}}"></uv-gap></uni-card><uni-card wx:if="{{p}}" u-s="{{['d']}}" u-i="6fa64f37-13" bind:__l="__l" u-p="{{p}}"><uv-skeleton wx:if="{{n}}" u-i="6fa64f37-14,6fa64f37-13" bind:__l="__l" u-p="{{n}}"></uv-skeleton><uv-gap wx:if="{{o}}" u-i="6fa64f37-15,6fa64f37-13" bind:__l="__l" u-p="{{o}}"></uv-gap></uni-card><uni-card wx:if="{{s}}" u-s="{{['d']}}" u-i="6fa64f37-16" bind:__l="__l" u-p="{{s}}"><uv-skeleton wx:if="{{q}}" u-i="6fa64f37-17,6fa64f37-16" bind:__l="__l" u-p="{{q}}"></uv-skeleton><uv-gap wx:if="{{r}}" u-i="6fa64f37-18,6fa64f37-16" bind:__l="__l" u-p="{{r}}"></uv-gap></uni-card></block><uni-load-more wx:if="{{t}}" u-i="6fa64f37-19" bind:__l="__l" u-p="{{v}}"></uni-load-more><ws-login wx:if="{{y}}" class="r" u-r="login" binddone="{{x}}" u-i="6fa64f37-20" bind:__l="__l" u-p="{{y}}"/></view></view>
|
||||
+102
@@ -0,0 +1,102 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.content {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 150px;
|
||||
text-align: center;
|
||||
}
|
||||
.segmented {
|
||||
padding: 0 12rpx;
|
||||
}
|
||||
.content-text {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
.color-tag {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
.uni-list {
|
||||
flex: 1;
|
||||
}
|
||||
.order .order-title {
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 1px #eee solid;
|
||||
}
|
||||
.order .order-title .merchant-avatar {
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
.order .order-title .btn-status {
|
||||
font-size: 30rpx;
|
||||
display: flex;
|
||||
}
|
||||
.order .order-body {
|
||||
padding: 16px 0;
|
||||
}
|
||||
.ele-flex {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.card-actions {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
height: 45px;
|
||||
border-top: 1px #eee solid;
|
||||
}
|
||||
.card-actions-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.card-actions-item-text {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.close {
|
||||
top: 60rpx !important;
|
||||
}
|
||||
.total-price {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
font-size: 30rpx;
|
||||
align-items: flex-start;
|
||||
padding-left: 6rpx;
|
||||
margin-left: 450rpx;
|
||||
}
|
||||
.total-price .web-text-heading {
|
||||
font-size: 30rpx !important;
|
||||
}
|
||||
.goods-price-bar {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
}
|
||||
Reference in New Issue
Block a user