95 lines
2.7 KiB
JavaScript
95 lines
2.7 KiB
JavaScript
"use strict";
|
||
const common_vendor = require("../../common/vendor.js");
|
||
if (!Array) {
|
||
const _easycom_up_text2 = common_vendor.resolveComponent("up-text");
|
||
_easycom_up_text2();
|
||
}
|
||
const _easycom_up_text = () => "../../node-modules/uview-plus/components/u-text/u-text.js";
|
||
if (!Math) {
|
||
_easycom_up_text();
|
||
}
|
||
const _sfc_main = {
|
||
__name: "DiscussionsBox",
|
||
props: {
|
||
data: {
|
||
type: Object,
|
||
default: () => ({
|
||
id: 1,
|
||
children: [],
|
||
content: "内容",
|
||
createTime: "2024-06-05T11:32:09.000+08:00",
|
||
parentId: -1,
|
||
userAvatar: null,
|
||
userId: 1,
|
||
userName: "123"
|
||
})
|
||
}
|
||
},
|
||
emits: ["clickHf"],
|
||
setup(__props, { emit: __emit }) {
|
||
const emit = __emit;
|
||
const props = __props;
|
||
common_vendor.ref([]);
|
||
const isExpanded = common_vendor.ref(false);
|
||
const displayedSubDiscussions = common_vendor.computed(() => {
|
||
if (props.data.children == null) {
|
||
props.data.children = [];
|
||
}
|
||
return isExpanded.value ? props.data.children : props.data.children.slice(0, 2);
|
||
});
|
||
const toggleExpand = () => {
|
||
isExpanded.value = !isExpanded.value;
|
||
};
|
||
const handleReply = () => {
|
||
emit("clickHf", props.data.id);
|
||
};
|
||
return (_ctx, _cache) => {
|
||
return common_vendor.e({
|
||
a: common_vendor.p({
|
||
text: "回复",
|
||
type: "primary",
|
||
size: "14"
|
||
}),
|
||
b: common_vendor.o(handleReply),
|
||
c: props.data.userAvatar,
|
||
d: common_vendor.p({
|
||
text: props.data.userName,
|
||
type: "primary",
|
||
bold: true,
|
||
size: "17"
|
||
}),
|
||
e: common_vendor.p({
|
||
margin: "0 0 8px 0",
|
||
text: props.data.content
|
||
}),
|
||
f: common_vendor.f(displayedSubDiscussions.value, (item, index, i0) => {
|
||
return {
|
||
a: "d78e81b4-3-" + i0,
|
||
b: common_vendor.p({
|
||
text: item.userName + "：",
|
||
type: "secondary",
|
||
size: "15"
|
||
}),
|
||
c: "d78e81b4-4-" + i0,
|
||
d: common_vendor.p({
|
||
text: item.content,
|
||
size: "14"
|
||
}),
|
||
e: index
|
||
};
|
||
}),
|
||
g: props.data.children.length > 2
|
||
}, props.data.children.length > 2 ? {
|
||
h: common_vendor.p({
|
||
text: isExpanded.value ? "收起" : "展开更多",
|
||
type: "primary",
|
||
size: "14"
|
||
}),
|
||
i: common_vendor.o(toggleExpand)
|
||
} : {});
|
||
};
|
||
}
|
||
};
|
||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-d78e81b4"], ["__file", "D:/uniapp1/gree_leran/components/DiscussionsBox/DiscussionsBox.vue"]]);
|
||
wx.createComponent(Component);
|