iuu/cmgd-mini-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

处理待办事项

Browse Source
This commit is contained in:
建超
2026-01-15 17:12:46 +08:00
parent 1a0f43b1bd
commit 7ee44c0663
29 changed files with 3215 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
unpackage/dist/dev/mp-weixin/pages/todo/index.js vendored Normal file
View File

@@ -0,0 +1,109 @@
"use strict";
const common_vendor = require("../../common/vendor.js");
const api_index = require("../../api/index.js");
const utils_helper = require("../../utils/helper.js");
if (!Array) {
const _easycom_nut_button2 = common_vendor.resolveComponent("nut-button");
const _easycom_nut_tag2 = common_vendor.resolveComponent("nut-tag");
const _easycom_z_paging2 = common_vendor.resolveComponent("z-paging");
(_easycom_nut_button2 + _easycom_nut_tag2 + _easycom_z_paging2)();
}
const _easycom_nut_button = () => "../../uni_modules/nutui-uni/components/button/button.js";
const _easycom_nut_tag = () => "../../uni_modules/nutui-uni/components/tag/tag.js";
const _easycom_z_paging = () => "../../uni_modules/z-paging/components/z-paging/z-paging.js";
if (!Math) {
(_easycom_nut_button + _easycom_nut_tag + _easycom_z_paging)();
}
const _sfc_main = {
__name: "index",
setup(__props) {
const paging = common_vendor.ref(null);
const dataList = common_vendor.ref([]);
const queryList = (pageNo, pageSize) => {
const params = {
pageSize,
page: pageNo
};
common_vendor.index.__f__("log", "at pages/todo/index.vue:91", params);
api_index.fetchTodoList(params).then((res) => {
common_vendor.index.__f__("log", "at pages/todo/index.vue:93", "res=>", res.list);
paging.value.complete(res.list);
}).catch((res) => {
paging.value.complete(false);
});
};
const init = () => {
common_vendor.index.__f__("log", "at pages/todo/index.vue:110", "init111");
};
common_vendor.onShow(() => {
common_vendor.index.__f__("log", "at pages/todo/index.vue:132", "onshow---");
common_vendor.index.__f__("log", "at pages/todo/index.vue:133", "paging.value", paging.value);
if (paging.value) {
paging.value.refresh();
}
});
common_vendor.onMounted(() => {
init();
});
return (_ctx, _cache) => {
return {
a: common_vendor.o(($event) => common_vendor.unref(utils_helper.navigateTo)("/pages/config/goodsAdd")),
b: common_vendor.p({
type: "primary",
block: true,
plain: true
}),
c: common_vendor.s("top:0px"),
d: common_vendor.f(dataList.value, (item, index, i0) => {
return common_vendor.e({
a: common_vendor.t(item.user.staff_name),
b: "7167769e-2-" + i0 + ",7167769e-0",
c: common_vendor.t(item.content),
d: item.status.value === 0
}, item.status.value === 0 ? {
e: common_vendor.t(item.status.text)
} : {
f: common_vendor.t(item.status.text)
}, {
g: item.status.value == 0
}, item.status.value == 0 ? {
h: common_vendor.o(($event) => common_vendor.unref(utils_helper.navigateTo)("/pages/config/goodsEdit?id=" + item.goods_id), index),
i: "7167769e-3-" + i0 + ",7167769e-0",
j: common_vendor.p({
size: "small",
type: "success"
})
} : {}, {
k: item.status.value == 1
}, item.status.value == 1 ? {
l: common_vendor.o(($event) => common_vendor.unref(utils_helper.navigateTo)("/pages/config/goodsEdit?id=" + item.goods_id), index),
m: "7167769e-4-" + i0 + ",7167769e-0",
n: common_vendor.p({
size: "small",
type: "danger"
})
} : {}, {
o: index
});
}),
e: common_vendor.p({
["custom-color"]: "#1a1a1a"
}),
f: common_vendor.sr(paging, "7167769e-0", {
"k": "paging"
}),
g: common_vendor.o(queryList),
h: common_vendor.o(($event) => dataList.value = $event),
i: common_vendor.p({
["refresher-enabled"]: false,
["auto-clean-list-when-reload"]: false,
["auto-scroll-to-top-when-reload"]: false,
modelValue: dataList.value
})
};
};
}
};
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7167769e"]]);
wx.createPage(MiniProgramPage);
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/todo/index.js.map

9
unpackage/dist/dev/mp-weixin/pages/todo/index.json vendored Normal file
View File

@@ -0,0 +1,9 @@
{
"navigationBarTitleText": "待办",
"enablePullDownRefresh": false,
"usingComponents": {
"nut-button": "../../uni_modules/nutui-uni/components/button/button",
"nut-tag": "../../uni_modules/nutui-uni/components/tag/tag",
"z-paging": "../../uni_modules/z-paging/components/z-paging/z-paging"
}
}

1
unpackage/dist/dev/mp-weixin/pages/todo/index.wxml vendored Normal file
View File

@@ -0,0 +1 @@
<view class="page-content data-v-7167769e"><z-paging wx:if="{{i}}" class="r data-v-7167769e" u-s="{{['d']}}" u-r="paging" bindquery="{{g}}" u-i="7167769e-0" bind:__l="__l" bindupdateModelValue="{{h}}" u-p="{{i}}"><view class="data-v-7167769e" style="{{'z-index:10000;position:sticky' + ';' + c}}"><view class="top-bar data-v-7167769e"><nut-button wx:if="{{b}}" class="data-v-7167769e" u-s="{{['d']}}" bindclick="{{a}}" u-i="7167769e-1,7167769e-0" bind:__l="__l" u-p="{{b}}"> 新增备忘录 </nut-button></view></view><view wx:for="{{d}}" wx:for-item="item" wx:key="o" class="todo-item data-v-7167769e"><view class="goods-item-content data-v-7167769e"><view class="goods-item-content-header data-v-7167769e"><view class="data-v-7167769e" style="font-size:24rpx">记录人:</view><nut-tag wx:if="{{e}}" class="data-v-7167769e" u-s="{{['d']}}" u-i="{{item.b}}" bind:__l="__l" u-p="{{e}}">{{item.a}}</nut-tag></view><view class="goods-item-content-body data-v-7167769e"><view class="goods-item-content-body-desc data-v-7167769e">{{item.c}}</view></view><view class="goods-item-content-footer data-v-7167769e"><view wx:if="{{item.d}}" class="data-v-7167769e" style="font-size:24rpx;color:red"> 状态:<text class="data-v-7167769e">{{item.e}}</text></view><view wx:else class="data-v-7167769e" style="font-size:24rpx;color:chartreuse"> 状态:<text class="data-v-7167769e">{{item.f}}</text></view><view class="goods-item-content-footer-btn data-v-7167769e"><nut-button wx:if="{{item.g}}" class="data-v-7167769e" u-s="{{['d']}}" bindclick="{{item.h}}" u-i="{{item.i}}" bind:__l="__l" u-p="{{item.j}}"> 标记已办 </nut-button><nut-button wx:if="{{item.k}}" class="data-v-7167769e" u-s="{{['d']}}" bindclick="{{item.l}}" u-i="{{item.m}}" bind:__l="__l" u-p="{{item.n}}"> 标记未办 </nut-button></view></view></view></view></z-paging></view>

304
unpackage/dist/dev/mp-weixin/pages/todo/index.wxss vendored Normal file
View File

@@ -0,0 +1,304 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.page-content.data-v-7167769e {
min-height: 100vh;
background-color: #f2f3f5;
--nut-menu-bar-box-shadow: none;
--nut-menu-item-content-padding: 20rpx;
--nut-menu-item-content-max-height: 900rpx;
--nut-searchbar-input-height: 40px;
}
.data-v-7167769e .titleClass .nut-menu__title-text {
font-size: 30rpx;
font-weight: bold;
color: black;
}
.top-bar.data-v-7167769e {
background: #fff;
align-items: center;
text-align: center;
padding: 20rpx 60rpx;
}
.todo-item.data-v-7167769e {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 20rpx;
background-color: #ffffff;
margin-bottom: 20rpx;
gap: 20rpx;
}
.todo-item .goods-item-content.data-v-7167769e {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
/* 首尾贴边，中间均分 */
}
.todo-item .goods-item-content .goods-item-content-header.data-v-7167769e {
display: flex;
align-items: center;
padding: 6rpx 0;
gap: 20rpx;
}
.todo-item .goods-item-content .goods-item-content-body.data-v-7167769e {
padding: 6rpx 0;
}
.todo-item .goods-item-content .goods-item-content-body .goods-item-content-body-desc.data-v-7167769e {
color: #7c7c7c;
font-size: 26rpx;
/* 关键属性 */
display: -webkit-box;
/* 使用弹性盒子布局 */
-webkit-box-orient: vertical;
/* 垂直方向排列 */
-webkit-line-clamp: 2;
/* 限制显示两行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出时显示省略号 */
}
.todo-item .goods-item-content .goods-item-content-stock.data-v-7167769e {
display: flex;
justify-content: space-between;
}
.todo-item .goods-item-content .goods-item-content-stock .goods-item-content-stock-desc.data-v-7167769e {
font-size: 26rpx;
color: #999999;
}
.todo-item .goods-item-content .goods-item-content-stock .goods-item-content-status-desc.data-v-7167769e {
font-size: 26rpx;
color: red;
}
.todo-item .goods-item-content .goods-item-content-footer.data-v-7167769e {
padding: 6rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.todo-item .goods-item-content .goods-item-content-footer .goods-item-content-footer-btn.data-v-7167769e {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10rpx;
}
.todo-item .goods-item-content .goods-item-content-footer .goods-item-content-footer-btn .share-btn.data-v-7167769e {
border-radius: 50rpx;
border: 2rpx solid red;
font-size: 26rpx;
align-items: center;
height: 54rpx;
color: red;
display: flex;
justify-content: center;
}
.filter-types.data-v-7167769e {
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: center;
overflow: auto;
gap: 10rpx;
padding: 10rpx;
height: 60rpx;
background-color: #fff;
border-bottom: 2rpx solid gainsboro;
border-top: 2rpx solid gainsboro;
}
.filter-types .filter-type-inner.data-v-7167769e {
align-items: center;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 16rpx;
box-sizing: border-box;
display: flex;
flex: 0 0 auto;
font-size: 28rpx;
gap: 15rpx;
padding: 10rpx 20rpx;
}
.filter-types .filter-type-inner.active.data-v-7167769e {
background-color: rgba(250, 44, 25, 0.1);
color: var(--nutui-color-primary);
}
.tabs-container.data-v-7167769e {
display: flex;
}
.tabs-container .tab-pane-inner.data-v-7167769e {
height: 600rpx;
}
.tabs-container .tabs-inner.data-v-7167769e {
overflow-y: scroll;
height: 600rpx;
width: 160rpx;
background-color: #F5F5F5;
}
.tabs-container .tabs-inner .tab-inner.data-v-7167769e {
display: flex;
height: 60rpx;
padding: 10rpx;
font-size: 28rpx;
display: flex;
align-items: center;
background: #F5F5F5;
}
.tabs-container .tabs-inner .tab-inner text.data-v-7167769e {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.tabs-container .tabs-inner .tab-inner-active.data-v-7167769e {
background-color: rgba(250, 44, 25, 0.1);
color: var(--nutui-color-primary);
}
.degree-inner.data-v-7167769e {
display: flex;
flex: 1;
flex-wrap: wrap;
gap: 10rpx;
width: 100%;
margin-bottom: 60rpx;
}
.degree-item.data-v-7167769e {
align-items: center;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 10rpx;
box-sizing: border-box;
display: flex;
flex: 0 0 auto;
font-size: 26rpx;
gap: 10rpx;
justify-content: center;
min-height: 80rpx;
width: calc(50% - 10rpx);
}
.degree-item.active.data-v-7167769e {
background-color: rgba(250, 44, 25, 0.1);
color: var(--nutui-color-primary);
}
.product-btns.data-v-7167769e {
display: flex;
width: 100%;
padding: 20rpx 0;
}
.product-btns .reset.data-v-7167769e {
flex: 1;
}
.product-btns .confirm.data-v-7167769e {
flex: 2;
}
.degree-btns.data-v-7167769e {
display: flex;
width: 100%;
}
.degree-btns .reset.data-v-7167769e {
flex: 1;
/* 重置按钮占 1 份 */
}
.degree-btns .confirm.data-v-7167769e {
flex: 2;
/* 确认按钮占 2 份 */
}
.main-nav-container.data-v-7167769e {
display: flex;
justify-content: space-between;
background-color: #fff;
padding: 20rpx;
}
.nav-button.data-v-7167769e {
display: flex;
align-items: center;
width: 45%;
height: 160rpx;
border-radius: 20rpx;
overflow: hidden;
padding: 0 10rpx;
}
.phone-button.data-v-7167769e {
background: linear-gradient(135deg, #6a5ae0, #8d7bfb);
color: white;
}
.parts-button.data-v-7167769e {
background: linear-gradient(135deg, #ff6b6b, #ee5253);
color: white;
}
.nav-button-bg.data-v-7167769e {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50%;
opacity: 0.2;
object-fit: cover;
}
.nav-button-icon.data-v-7167769e {
width: 90rpx;
height: 90rpx;
margin-right: 20rpx;
z-index: 2;
}
.nav-button-content.data-v-7167769e {
z-index: 2;
display: flex;
flex-direction: column;
}
.nav-button-title.data-v-7167769e {
font-size: 34rpx;
font-weight: bold;
margin-bottom: 8rpx;
}
.nav-button-desc.data-v-7167769e {
font-size: 24rpx;
opacity: 0.85;
}

109
unpackage/dist/dev/mp-weixin/pages/todo/todoList.js vendored Normal file
View File

@@ -0,0 +1,109 @@
"use strict";
const common_vendor = require("../../common/vendor.js");
const api_index = require("../../api/index.js");
const utils_helper = require("../../utils/helper.js");
if (!Array) {
const _easycom_nut_button2 = common_vendor.resolveComponent("nut-button");
const _easycom_nut_tag2 = common_vendor.resolveComponent("nut-tag");
const _easycom_z_paging2 = common_vendor.resolveComponent("z-paging");
(_easycom_nut_button2 + _easycom_nut_tag2 + _easycom_z_paging2)();
}
const _easycom_nut_button = () => "../../uni_modules/nutui-uni/components/button/button.js";
const _easycom_nut_tag = () => "../../uni_modules/nutui-uni/components/tag/tag.js";
const _easycom_z_paging = () => "../../uni_modules/z-paging/components/z-paging/z-paging.js";
if (!Math) {
(_easycom_nut_button + _easycom_nut_tag + _easycom_z_paging)();
}
const _sfc_main = {
__name: "todoList",
setup(__props) {
const paging = common_vendor.ref(null);
const dataList = common_vendor.ref([]);
const queryList = (pageNo, pageSize) => {
const params = {
pageSize,
page: pageNo
};
common_vendor.index.__f__("log", "at pages/todo/todoList.vue:91", params);
api_index.fetchTodoList(params).then((res) => {
common_vendor.index.__f__("log", "at pages/todo/todoList.vue:93", "res=>", res.list);
paging.value.complete(res.list);
}).catch((res) => {
paging.value.complete(false);
});
};
const init = () => {
common_vendor.index.__f__("log", "at pages/todo/todoList.vue:106", "init111");
};
common_vendor.onShow(() => {
common_vendor.index.__f__("log", "at pages/todo/todoList.vue:128", "onshow---");
common_vendor.index.__f__("log", "at pages/todo/todoList.vue:129", "paging.value", paging.value);
if (paging.value) {
paging.value.refresh();
}
});
common_vendor.onMounted(() => {
init();
});
return (_ctx, _cache) => {
return {
a: common_vendor.o(($event) => common_vendor.unref(utils_helper.navigateTo)("/pages/config/goodsAdd")),
b: common_vendor.p({
type: "primary",
block: true,
plain: true
}),
c: common_vendor.s("top:0px"),
d: common_vendor.f(dataList.value, (item, index, i0) => {
return common_vendor.e({
a: common_vendor.t(item.user.staff_name),
b: "2f35fb20-2-" + i0 + ",2f35fb20-0",
c: common_vendor.t(item.content),
d: item.status.value === 0
}, item.status.value === 0 ? {
e: common_vendor.t(item.status.text)
} : {
f: common_vendor.t(item.status.text)
}, {
g: item.status.value == 0
}, item.status.value == 0 ? {
h: common_vendor.o(($event) => _ctx.onMark(item.goods_id, "1"), index),
i: "2f35fb20-3-" + i0 + ",2f35fb20-0",
j: common_vendor.p({
size: "small",
type: "success"
})
} : {}, {
k: item.status.value == 1
}, item.status.value == 1 ? {
l: common_vendor.o(($event) => _ctx.onMark(item.goods_id, "0"), index),
m: "2f35fb20-4-" + i0 + ",2f35fb20-0",
n: common_vendor.p({
size: "small",
type: "danger"
})
} : {}, {
o: index
});
}),
e: common_vendor.p({
["custom-color"]: "#1a1a1a"
}),
f: common_vendor.sr(paging, "2f35fb20-0", {
"k": "paging"
}),
g: common_vendor.o(queryList),
h: common_vendor.o(($event) => dataList.value = $event),
i: common_vendor.p({
["refresher-enabled"]: false,
["auto-clean-list-when-reload"]: false,
["auto-scroll-to-top-when-reload"]: false,
modelValue: dataList.value
})
};
};
}
};
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-2f35fb20"]]);
wx.createPage(MiniProgramPage);
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/todo/todoList.js.map

9
unpackage/dist/dev/mp-weixin/pages/todo/todoList.json vendored Normal file
View File

@@ -0,0 +1,9 @@
{
"navigationBarTitleText": "待办",
"enablePullDownRefresh": false,
"usingComponents": {
"nut-button": "../../uni_modules/nutui-uni/components/button/button",
"nut-tag": "../../uni_modules/nutui-uni/components/tag/tag",
"z-paging": "../../uni_modules/z-paging/components/z-paging/z-paging"
}
}

1
unpackage/dist/dev/mp-weixin/pages/todo/todoList.wxml vendored Normal file
View File

@@ -0,0 +1 @@
<view class="page-content data-v-2f35fb20"><z-paging wx:if="{{i}}" class="r data-v-2f35fb20" u-s="{{['d']}}" u-r="paging" bindquery="{{g}}" u-i="2f35fb20-0" bind:__l="__l" bindupdateModelValue="{{h}}" u-p="{{i}}"><view class="data-v-2f35fb20" style="{{'z-index:10000;position:sticky' + ';' + c}}"><view class="top-bar data-v-2f35fb20"><nut-button wx:if="{{b}}" class="data-v-2f35fb20" u-s="{{['d']}}" bindclick="{{a}}" u-i="2f35fb20-1,2f35fb20-0" bind:__l="__l" u-p="{{b}}"> 新增备忘录 </nut-button></view></view><view wx:for="{{d}}" wx:for-item="item" wx:key="o" class="todo-item data-v-2f35fb20"><view class="goods-item-content data-v-2f35fb20"><view class="goods-item-content-header data-v-2f35fb20"><view class="data-v-2f35fb20" style="font-size:24rpx">记录人:</view><nut-tag wx:if="{{e}}" class="data-v-2f35fb20" u-s="{{['d']}}" u-i="{{item.b}}" bind:__l="__l" u-p="{{e}}">{{item.a}}</nut-tag></view><view class="goods-item-content-body data-v-2f35fb20"><view class="goods-item-content-body-desc data-v-2f35fb20">{{item.c}}</view></view><view class="goods-item-content-footer data-v-2f35fb20"><view wx:if="{{item.d}}" class="data-v-2f35fb20" style="font-size:24rpx;color:red"> 状态:<text class="data-v-2f35fb20">{{item.e}}</text></view><view wx:else class="data-v-2f35fb20" style="font-size:24rpx;color:chartreuse"> 状态:<text class="data-v-2f35fb20">{{item.f}}</text></view><view class="goods-item-content-footer-btn data-v-2f35fb20"><nut-button wx:if="{{item.g}}" class="data-v-2f35fb20" u-s="{{['d']}}" bindclick="{{item.h}}" u-i="{{item.i}}" bind:__l="__l" u-p="{{item.j}}"> 标记已办 </nut-button><nut-button wx:if="{{item.k}}" class="data-v-2f35fb20" u-s="{{['d']}}" bindclick="{{item.l}}" u-i="{{item.m}}" bind:__l="__l" u-p="{{item.n}}"> 标记未办 </nut-button></view></view></view></view></z-paging></view>

304
unpackage/dist/dev/mp-weixin/pages/todo/todoList.wxss vendored Normal file
View File

@@ -0,0 +1,304 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.page-content.data-v-2f35fb20 {
min-height: 100vh;
background-color: #f2f3f5;
--nut-menu-bar-box-shadow: none;
--nut-menu-item-content-padding: 20rpx;
--nut-menu-item-content-max-height: 900rpx;
--nut-searchbar-input-height: 40px;
}
.data-v-2f35fb20 .titleClass .nut-menu__title-text {
font-size: 30rpx;
font-weight: bold;
color: black;
}
.top-bar.data-v-2f35fb20 {
background: #fff;
align-items: center;
text-align: center;
padding: 20rpx 60rpx;
}
.todo-item.data-v-2f35fb20 {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 20rpx;
background-color: #ffffff;
margin-bottom: 20rpx;
gap: 20rpx;
}
.todo-item .goods-item-content.data-v-2f35fb20 {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
/* 首尾贴边，中间均分 */
}
.todo-item .goods-item-content .goods-item-content-header.data-v-2f35fb20 {
display: flex;
align-items: center;
padding: 6rpx 0;
gap: 20rpx;
}
.todo-item .goods-item-content .goods-item-content-body.data-v-2f35fb20 {
padding: 6rpx 0;
}
.todo-item .goods-item-content .goods-item-content-body .goods-item-content-body-desc.data-v-2f35fb20 {
color: #7c7c7c;
font-size: 26rpx;
/* 关键属性 */
display: -webkit-box;
/* 使用弹性盒子布局 */
-webkit-box-orient: vertical;
/* 垂直方向排列 */
-webkit-line-clamp: 2;
/* 限制显示两行 */
overflow: hidden;
/* 超出部分隐藏 */
text-overflow: ellipsis;
/* 超出时显示省略号 */
}
.todo-item .goods-item-content .goods-item-content-stock.data-v-2f35fb20 {
display: flex;
justify-content: space-between;
}
.todo-item .goods-item-content .goods-item-content-stock .goods-item-content-stock-desc.data-v-2f35fb20 {
font-size: 26rpx;
color: #999999;
}
.todo-item .goods-item-content .goods-item-content-stock .goods-item-content-status-desc.data-v-2f35fb20 {
font-size: 26rpx;
color: red;
}
.todo-item .goods-item-content .goods-item-content-footer.data-v-2f35fb20 {
padding: 6rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.todo-item .goods-item-content .goods-item-content-footer .goods-item-content-footer-btn.data-v-2f35fb20 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10rpx;
}
.todo-item .goods-item-content .goods-item-content-footer .goods-item-content-footer-btn .share-btn.data-v-2f35fb20 {
border-radius: 50rpx;
border: 2rpx solid red;
font-size: 26rpx;
align-items: center;
height: 54rpx;
color: red;
display: flex;
justify-content: center;
}
.filter-types.data-v-2f35fb20 {
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: center;
overflow: auto;
gap: 10rpx;
padding: 10rpx;
height: 60rpx;
background-color: #fff;
border-bottom: 2rpx solid gainsboro;
border-top: 2rpx solid gainsboro;
}
.filter-types .filter-type-inner.data-v-2f35fb20 {
align-items: center;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 16rpx;
box-sizing: border-box;
display: flex;
flex: 0 0 auto;
font-size: 28rpx;
gap: 15rpx;
padding: 10rpx 20rpx;
}
.filter-types .filter-type-inner.active.data-v-2f35fb20 {
background-color: rgba(250, 44, 25, 0.1);
color: var(--nutui-color-primary);
}
.tabs-container.data-v-2f35fb20 {
display: flex;
}
.tabs-container .tab-pane-inner.data-v-2f35fb20 {
height: 600rpx;
}
.tabs-container .tabs-inner.data-v-2f35fb20 {
overflow-y: scroll;
height: 600rpx;
width: 160rpx;
background-color: #F5F5F5;
}
.tabs-container .tabs-inner .tab-inner.data-v-2f35fb20 {
display: flex;
height: 60rpx;
padding: 10rpx;
font-size: 28rpx;
display: flex;
align-items: center;
background: #F5F5F5;
}
.tabs-container .tabs-inner .tab-inner text.data-v-2f35fb20 {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.tabs-container .tabs-inner .tab-inner-active.data-v-2f35fb20 {
background-color: rgba(250, 44, 25, 0.1);
color: var(--nutui-color-primary);
}
.degree-inner.data-v-2f35fb20 {
display: flex;
flex: 1;
flex-wrap: wrap;
gap: 10rpx;
width: 100%;
margin-bottom: 60rpx;
}
.degree-item.data-v-2f35fb20 {
align-items: center;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 10rpx;
box-sizing: border-box;
display: flex;
flex: 0 0 auto;
font-size: 26rpx;
gap: 10rpx;
justify-content: center;
min-height: 80rpx;
width: calc(50% - 10rpx);
}
.degree-item.active.data-v-2f35fb20 {
background-color: rgba(250, 44, 25, 0.1);
color: var(--nutui-color-primary);
}
.product-btns.data-v-2f35fb20 {
display: flex;
width: 100%;
padding: 20rpx 0;
}
.product-btns .reset.data-v-2f35fb20 {
flex: 1;
}
.product-btns .confirm.data-v-2f35fb20 {
flex: 2;
}
.degree-btns.data-v-2f35fb20 {
display: flex;
width: 100%;
}
.degree-btns .reset.data-v-2f35fb20 {
flex: 1;
/* 重置按钮占 1 份 */
}
.degree-btns .confirm.data-v-2f35fb20 {
flex: 2;
/* 确认按钮占 2 份 */
}
.main-nav-container.data-v-2f35fb20 {
display: flex;
justify-content: space-between;
background-color: #fff;
padding: 20rpx;
}
.nav-button.data-v-2f35fb20 {
display: flex;
align-items: center;
width: 45%;
height: 160rpx;
border-radius: 20rpx;
overflow: hidden;
padding: 0 10rpx;
}
.phone-button.data-v-2f35fb20 {
background: linear-gradient(135deg, #6a5ae0, #8d7bfb);
color: white;
}
.parts-button.data-v-2f35fb20 {
background: linear-gradient(135deg, #ff6b6b, #ee5253);
color: white;
}
.nav-button-bg.data-v-2f35fb20 {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50%;
opacity: 0.2;
object-fit: cover;
}
.nav-button-icon.data-v-2f35fb20 {
width: 90rpx;
height: 90rpx;
margin-right: 20rpx;
z-index: 2;
}
.nav-button-content.data-v-2f35fb20 {
z-index: 2;
display: flex;
flex-direction: column;
}
.nav-button-title.data-v-2f35fb20 {
font-size: 34rpx;
font-weight: bold;
margin-bottom: 8rpx;
}
.nav-button-desc.data-v-2f35fb20 {
font-size: 24rpx;
opacity: 0.85;
}