已支付订单列表：where.payStatus = 1;
This commit is contained in:
+321
@@ -0,0 +1,321 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "UniListItem",
|
||||
emits: ["click", "switchChange"],
|
||||
props: {
|
||||
direction: {
|
||||
type: String,
|
||||
default: "row"
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
note: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
ellipsis: {
|
||||
type: [Number, String],
|
||||
default: 0
|
||||
},
|
||||
disabled: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
clickable: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
showArrow: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
link: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
to: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
showBadge: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
showSwitch: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
switchChecked: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
badgeText: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
badgeType: {
|
||||
type: String,
|
||||
default: "success"
|
||||
},
|
||||
badgeStyle: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
rightText: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
thumb: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
thumbSize: {
|
||||
type: String,
|
||||
default: "base"
|
||||
},
|
||||
showExtraIcon: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
extraIcon: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {
|
||||
type: "",
|
||||
color: "#000000",
|
||||
size: 20,
|
||||
customPrefix: ""
|
||||
};
|
||||
}
|
||||
},
|
||||
border: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
customStyle: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {
|
||||
padding: "",
|
||||
backgroundColor: "#FFFFFF"
|
||||
};
|
||||
}
|
||||
},
|
||||
keepScrollPosition: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
"customStyle.padding": {
|
||||
handler(padding) {
|
||||
if (typeof padding == "number") {
|
||||
padding += "";
|
||||
}
|
||||
let paddingArr = padding.split(" ");
|
||||
if (paddingArr.length === 1) {
|
||||
const allPadding = paddingArr[0];
|
||||
this.padding = {
|
||||
"top": allPadding,
|
||||
"right": allPadding,
|
||||
"bottom": allPadding,
|
||||
"left": allPadding
|
||||
};
|
||||
} else if (paddingArr.length === 2) {
|
||||
const [verticalPadding, horizontalPadding] = paddingArr;
|
||||
this.padding = {
|
||||
"top": verticalPadding,
|
||||
"right": horizontalPadding,
|
||||
"bottom": verticalPadding,
|
||||
"left": horizontalPadding
|
||||
};
|
||||
} else if (paddingArr.length === 4) {
|
||||
const [topPadding, rightPadding, bottomPadding, leftPadding] = paddingArr;
|
||||
this.padding = {
|
||||
"top": topPadding,
|
||||
"right": rightPadding,
|
||||
"bottom": bottomPadding,
|
||||
"left": leftPadding
|
||||
};
|
||||
}
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
// inject: ['list'],
|
||||
data() {
|
||||
return {
|
||||
isFirstChild: false,
|
||||
padding: {
|
||||
top: "",
|
||||
right: "",
|
||||
bottom: "",
|
||||
left: ""
|
||||
}
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.list = this.getForm();
|
||||
if (this.list) {
|
||||
if (!this.list.firstChildAppend) {
|
||||
this.list.firstChildAppend = true;
|
||||
this.isFirstChild = true;
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 获取父元素实例
|
||||
*/
|
||||
getForm(name = "uniList") {
|
||||
let parent = this.$parent;
|
||||
let parentName = parent.$options.name;
|
||||
while (parentName !== name) {
|
||||
parent = parent.$parent;
|
||||
if (!parent) return false;
|
||||
parentName = parent.$options.name;
|
||||
}
|
||||
return parent;
|
||||
},
|
||||
onClick() {
|
||||
if (this.to !== "") {
|
||||
this.openPage();
|
||||
return;
|
||||
}
|
||||
if (this.clickable || this.link) {
|
||||
this.$emit("click", {
|
||||
data: {}
|
||||
});
|
||||
}
|
||||
},
|
||||
onSwitchChange(e) {
|
||||
this.$emit("switchChange", e.detail);
|
||||
},
|
||||
openPage() {
|
||||
if (["navigateTo", "redirectTo", "reLaunch", "switchTab"].indexOf(this.link) !== -1) {
|
||||
this.pageApi(this.link);
|
||||
} else {
|
||||
this.pageApi("navigateTo");
|
||||
}
|
||||
},
|
||||
pageApi(api) {
|
||||
let callback = {
|
||||
url: this.to,
|
||||
success: (res) => {
|
||||
this.$emit("click", {
|
||||
data: res
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
this.$emit("click", {
|
||||
data: err
|
||||
});
|
||||
}
|
||||
};
|
||||
switch (api) {
|
||||
case "navigateTo":
|
||||
common_vendor.index.navigateTo(callback);
|
||||
break;
|
||||
case "redirectTo":
|
||||
common_vendor.index.redirectTo(callback);
|
||||
break;
|
||||
case "reLaunch":
|
||||
common_vendor.index.reLaunch(callback);
|
||||
break;
|
||||
case "switchTab":
|
||||
common_vendor.index.switchTab(callback);
|
||||
break;
|
||||
default:
|
||||
common_vendor.index.navigateTo(callback);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
|
||||
const _easycom_uni_badge2 = common_vendor.resolveComponent("uni-badge");
|
||||
(_easycom_uni_icons2 + _easycom_uni_badge2)();
|
||||
}
|
||||
const _easycom_uni_icons = () => "../../../uni-icons/components/uni-icons/uni-icons.js";
|
||||
const _easycom_uni_badge = () => "../../../uni-badge/components/uni-badge/uni-badge.js";
|
||||
if (!Math) {
|
||||
(_easycom_uni_icons + _easycom_uni_badge)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: !$data.isFirstChild
|
||||
}, !$data.isFirstChild ? {
|
||||
b: $props.border ? 1 : ""
|
||||
} : {}, {
|
||||
c: $props.thumb
|
||||
}, $props.thumb ? {
|
||||
d: $props.thumb,
|
||||
e: common_vendor.n("uni-list--" + $props.thumbSize)
|
||||
} : $props.showExtraIcon ? {
|
||||
g: common_vendor.p({
|
||||
customPrefix: $props.extraIcon.customPrefix,
|
||||
color: $props.extraIcon.color,
|
||||
size: $props.extraIcon.size,
|
||||
type: $props.extraIcon.type
|
||||
})
|
||||
} : {}, {
|
||||
f: $props.showExtraIcon,
|
||||
h: $props.title
|
||||
}, $props.title ? {
|
||||
i: common_vendor.t($props.title),
|
||||
j: common_vendor.n($props.ellipsis !== 0 && $props.ellipsis <= 2 ? "uni-ellipsis-" + $props.ellipsis : "")
|
||||
} : {}, {
|
||||
k: $props.note
|
||||
}, $props.note ? {
|
||||
l: common_vendor.t($props.note)
|
||||
} : {}, {
|
||||
m: $props.thumb || $props.showExtraIcon || $props.showBadge || $props.showSwitch ? 1 : "",
|
||||
n: $props.rightText || $props.showBadge || $props.showSwitch
|
||||
}, $props.rightText || $props.showBadge || $props.showSwitch ? common_vendor.e({
|
||||
o: $props.rightText
|
||||
}, $props.rightText ? {
|
||||
p: common_vendor.t($props.rightText)
|
||||
} : {}, {
|
||||
q: $props.showBadge
|
||||
}, $props.showBadge ? {
|
||||
r: common_vendor.p({
|
||||
type: $props.badgeType,
|
||||
text: $props.badgeText,
|
||||
["custom-style"]: $props.badgeStyle
|
||||
})
|
||||
} : {}, {
|
||||
s: $props.showSwitch
|
||||
}, $props.showSwitch ? {
|
||||
t: $props.disabled,
|
||||
v: $props.switchChecked,
|
||||
w: common_vendor.o((...args) => $options.onSwitchChange && $options.onSwitchChange(...args))
|
||||
} : {}, {
|
||||
x: $props.direction === "column" ? 1 : ""
|
||||
}) : {}, {
|
||||
y: $props.showArrow || $props.link ? 1 : "",
|
||||
z: $props.direction === "column" ? 1 : "",
|
||||
A: $data.padding.top,
|
||||
B: $data.padding.left,
|
||||
C: $data.padding.right,
|
||||
D: $data.padding.bottom,
|
||||
E: $props.showArrow || $props.link
|
||||
}, $props.showArrow || $props.link ? {
|
||||
F: common_vendor.p({
|
||||
size: 16,
|
||||
color: "#bbb",
|
||||
type: "arrowright"
|
||||
})
|
||||
} : {}, {
|
||||
G: $props.disabled ? 1 : "",
|
||||
H: $props.customStyle.backgroundColor,
|
||||
I: !$props.clickable && !$props.link || $props.disabled || $props.showSwitch ? "" : "uni-list-item--hover",
|
||||
J: common_vendor.o((...args) => $options.onClick && $options.onClick(...args))
|
||||
});
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/gxwebsoft/APP/gxtyzx-uniapp-cli/src/uni_modules/uni-list/components/uni-list-item/uni-list-item.vue"]]);
|
||||
wx.createComponent(Component);
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-icons": "../../../uni-icons/components/uni-icons/uni-icons",
|
||||
"uni-badge": "../../../uni-badge/components/uni-badge/uni-badge"
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<view class="{{[G && 'uni-list-item--disabled', 'uni-list-item']}}" style="{{'background-color:' + H}}" hover-class="{{I}}" bindtap="{{J}}"><view wx:if="{{a}}" class="{{['border--left', b && 'uni-list--border']}}"></view><view class="{{['uni-list-item__container', y && 'container--right', z && 'flex--direction']}}" style="{{'padding-top:' + A + ';' + ('padding-left:' + B) + ';' + ('padding-right:' + C) + ';' + ('padding-bottom:' + D)}}"><block wx:if="{{$slots.header}}"><slot name="header"></slot></block><block wx:else><view class="uni-list-item__header"><view wx:if="{{c}}" class="uni-list-item__icon"><image src="{{d}}" class="{{['uni-list-item__icon-img', e]}}"/></view><view wx:elif="{{f}}" class="uni-list-item__icon"><uni-icons wx:if="{{g}}" u-i="1b82e48a-0" bind:__l="__l" u-p="{{g}}"/></view></view></block><block wx:if="{{$slots.body}}"><slot name="body"></slot></block><block wx:else><view class="{{['uni-list-item__content', m && 'uni-list-item__content--center']}}"><text wx:if="{{h}}" class="{{['uni-list-item__content-title', j]}}">{{i}}</text><text wx:if="{{k}}" class="uni-list-item__content-note">{{l}}</text></view></block><block wx:if="{{$slots.footer}}"><slot name="footer"></slot></block><block wx:else><view wx:if="{{n}}" class="{{['uni-list-item__extra', x && 'flex--justify']}}"><text wx:if="{{o}}" class="uni-list-item__extra-text">{{p}}</text><uni-badge wx:if="{{q}}" u-i="1b82e48a-1" bind:__l="__l" u-p="{{r}}"/><switch wx:if="{{s}}" disabled="{{t}}" checked="{{v}}" bindchange="{{w}}"/></view></block></view><uni-icons wx:if="{{E}}" class="uni-icon-wrapper" u-i="1b82e48a-2" bind:__l="__l" u-p="{{F}}"/></view>
|
||||
+154
@@ -0,0 +1,154 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.uni-list-item {
|
||||
display: flex;
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
flex-direction: row;
|
||||
}
|
||||
.uni-list-item--disabled {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.uni-list-item--hover {
|
||||
background-color: #f1f1f1 !important;
|
||||
}
|
||||
.uni-list-item__container {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 12px 15px;
|
||||
padding-left: 15px;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.container--right {
|
||||
padding-right: 0;
|
||||
}
|
||||
.uni-list--border {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
.uni-list--border:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 1px;
|
||||
content: "";
|
||||
transform: scaleY(0.5);
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
.uni-list-item__content {
|
||||
display: flex;
|
||||
padding-right: 8px;
|
||||
flex: 1;
|
||||
color: #3b4144;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
}
|
||||
.uni-list-item__content--center {
|
||||
justify-content: center;
|
||||
}
|
||||
.uni-list-item__content-title {
|
||||
font-size: 14px;
|
||||
color: #3b4144;
|
||||
overflow: hidden;
|
||||
}
|
||||
.uni-list-item__content-note {
|
||||
margin-top: 6rpx;
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.uni-list-item__extra {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
.uni-list-item__header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.uni-list-item__icon {
|
||||
margin-right: 18rpx;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.uni-list-item__icon-img {
|
||||
display: block;
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.uni-icon-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.flex--direction {
|
||||
flex-direction: column;
|
||||
align-items: initial;
|
||||
}
|
||||
.flex--justify {
|
||||
justify-content: initial;
|
||||
}
|
||||
.uni-list--lg {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
.uni-list--base {
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
}
|
||||
.uni-list--sm {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
.uni-list-item__extra-text {
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
}
|
||||
.uni-ellipsis-1 {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.uni-ellipsis-2 {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "uniList",
|
||||
"mp-weixin": {
|
||||
options: {
|
||||
multipleSlots: false
|
||||
}
|
||||
},
|
||||
props: {
|
||||
stackFromEnd: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
enableBackToTop: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
scrollY: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
border: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
renderReverse: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
// provide() {
|
||||
// return {
|
||||
// list: this
|
||||
// };
|
||||
// },
|
||||
created() {
|
||||
this.firstChildAppend = false;
|
||||
},
|
||||
methods: {
|
||||
loadMore(e) {
|
||||
this.$emit("scrolltolower");
|
||||
},
|
||||
scroll(e) {
|
||||
this.$emit("scroll", e);
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: $props.border
|
||||
}, $props.border ? {} : {}, {
|
||||
b: $props.border
|
||||
}, $props.border ? {} : {});
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/gxwebsoft/APP/gxtyzx-uniapp-cli/src/uni_modules/uni-list/components/uni-list/uni-list.vue"]]);
|
||||
wx.createComponent(Component);
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="uni-list uni-border-top-bottom"><view wx:if="{{a}}" class="uni-list--border-top"></view><slot/><view wx:if="{{b}}" class="uni-list--border-bottom"></view></view>
|
||||
@@ -0,0 +1,54 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.uni-list {
|
||||
display: flex;
|
||||
background-color: #ffffff;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
}
|
||||
.uni-list--border {
|
||||
position: relative;
|
||||
z-index: -1;
|
||||
}
|
||||
.uni-list--border-top {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 1px;
|
||||
transform: scaleY(0.5);
|
||||
background-color: #e5e5e5;
|
||||
z-index: 1;
|
||||
}
|
||||
.uni-list--border-bottom {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 1px;
|
||||
transform: scaleY(0.5);
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
Reference in New Issue
Block a user