商品浏览页构建上传1.1.0版本

This commit is contained in:
2026-08-03 13:34:03 +08:00
parent e423ab2d73
commit a091664cee
77 changed files with 1882 additions and 22045 deletions
+1 -351
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -211
View File
@@ -1,211 +1 @@
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/@tarojs/webpack5-runner/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/address/index.scss ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.address-page {
padding: 0 24rpx 24rpx;
}
.back-btn {
font-size: 40rpx;
padding: 10rpx;
}
.address-list {
margin-top: 20rpx;
}
.address-card {
padding: 24rpx;
margin-bottom: 20rpx;
}
.address-header {
margin-bottom: 20rpx;
}
.address-user {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12rpx;
}
.address-name {
font-size: 32rpx;
font-weight: 700;
color: var(--text-primary);
margin-right: 16rpx;
}
.address-phone {
font-size: 28rpx;
color: var(--text-secondary);
}
.default-tag {
margin-left: 12rpx;
background: var(--accent-pink);
color: #fff;
font-size: 20rpx;
padding: 2rpx 10rpx;
border-radius: 8rpx;
}
.address-full {
font-size: 28rpx;
color: var(--text-secondary);
line-height: 1.5;
}
.address-actions {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 24rpx;
padding-top: 16rpx;
border-top: 1rpx dashed rgba(0, 0, 0, 0.06);
}
.address-act {
font-size: 26rpx;
color: var(--accent-blue);
}
.address-act.delete {
color: #ff6b6b;
}
/* 表单弹窗 */
.address-form {
width: 100%;
max-width: 600rpx;
padding: 40rpx;
}
.form-input {
width: 100%;
height: 80rpx;
background: var(--bg-input);
border: 3rpx dashed var(--line-star);
border-radius: 16rpx;
padding: 0 24rpx;
font-size: 28rpx;
color: var(--text-primary);
margin-bottom: 20rpx;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-picker {
width: 100%;
height: 80rpx;
background: var(--bg-input);
border: 3rpx dashed var(--line-star);
border-radius: 16rpx;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 24rpx;
margin-bottom: 20rpx;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-picker-val {
font-size: 28rpx;
color: var(--text-primary);
}
.form-picker-ph {
font-size: 28rpx;
color: var(--text-secondary);
}
.form-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 32rpx;
}
.form-label {
font-size: 28rpx;
color: var(--text-primary);
}
.checkbox {
width: 44rpx;
height: 44rpx;
border: 3rpx dashed var(--line-star);
border-radius: 10rpx;
}
.checkbox.checked {
background: var(--accent-pink);
border-color: var(--accent-pink);
}
.form-actions {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 20rpx;
}
.form-actions .btn-outline,
.form-actions .btn-gradient {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 20rpx 0;
text-align: center;
}
/* 空状态(主题适配) */
.empty-state {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 120rpx 40rpx;
text-align: center;
}
.empty-icon-img {
width: 48rpx;
height: 48rpx;
margin-bottom: 24rpx;
}
.empty-text {
font-size: 32rpx;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 12rpx;
}
.empty-sub {
font-size: 26rpx;
color: var(--text-secondary);
}
.address-page{padding:0 24rpx 24rpx}.back-btn{font-size:40rpx;padding:10rpx}.address-list{margin-top:20rpx}.address-card{margin-bottom:20rpx;padding:24rpx}.address-header{margin-bottom:20rpx}.address-user{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:12rpx}.address-name{color:var(--text-primary);font-size:32rpx;font-weight:700;margin-right:16rpx}.address-phone{color:var(--text-secondary);font-size:28rpx}.default-tag{background:var(--accent-pink);border-radius:8rpx;color:#fff;font-size:20rpx;margin-left:12rpx;padding:2rpx 10rpx}.address-full{color:var(--text-secondary);font-size:28rpx;line-height:1.5}.address-actions{-ms-flex-pack:end;border-top:1rpx dashed rgba(0,0,0,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:flex-end;justify-content:flex-end;padding-top:16rpx}.address-act{color:var(--accent-blue);font-size:26rpx}.address-act.delete{color:#ff6b6b}.address-form{max-width:600rpx;padding:40rpx;width:100%}.form-input{background:var(--bg-input);border:3rpx dashed var(--line-star);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;height:80rpx;margin-bottom:20rpx;padding:0 24rpx;width:100%}.form-picker{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:3rpx dashed var(--line-star);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:80rpx;margin-bottom:20rpx;padding:0 24rpx;width:100%}.form-picker-val{color:var(--text-primary);font-size:28rpx}.form-picker-ph{color:var(--text-secondary);font-size:28rpx}.form-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx}.form-label{color:var(--text-primary);font-size:28rpx}.checkbox{border:3rpx dashed var(--line-star);border-radius:10rpx;height:44rpx;width:44rpx}.checkbox.checked{background:var(--accent-pink);border-color:var(--accent-pink)}.form-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.form-actions .btn-gradient,.form-actions .btn-outline{-webkit-flex:1;-ms-flex:1;flex:1;padding:20rpx 0;text-align:center}.empty-state{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:120rpx 40rpx;text-align:center}.empty-icon-img{height:48rpx;margin-bottom:24rpx;width:48rpx}.empty-text{color:var(--text-primary);font-size:32rpx;font-weight:700;margin-bottom:12rpx}.empty-sub{color:var(--text-secondary);font-size:26rpx}
+1 -94
View File
@@ -1,94 +1 @@
"use strict";
(wx["webpackJsonp"] = wx["webpackJsonp"] || []).push([["pages/agreement/index"],{
/***/ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/agreement/index!./src/pages/agreement/index.tsx":
/*!************************************************************************************************************************!*\
!*** ./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/agreement/index!./src/pages/agreement/index.tsx ***!
\************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* binding */ AgreementPage; }
/* harmony export */ });
/* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
/* harmony import */ var _components_ThemeToggle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/ThemeToggle */ "./src/components/ThemeToggle/index.tsx");
/* harmony import */ var _context_ThemeContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../context/ThemeContext */ "./src/context/ThemeContext.tsx");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/cjs/react-jsx-runtime.production.min.js");
function AgreementPage() {
var _useThemeContext = (0,_context_ThemeContext__WEBPACK_IMPORTED_MODULE_1__.useThemeContext)(),
theme = _useThemeContext.theme;
var SECTIONS = [{
title: '一、用户权责',
content: '用户确认提交的设计内容不侵犯第三方知识产权,定制商品一经确认下单即进入生产流程,非质量问题不支持退换。'
}, {
title: '二、隐私保护',
content: '我们严格保护用户个人信息,头像与昵称仅用于提升服务体验,不与第三方分享。'
}, {
title: '三、售后说明',
content: '收到商品后如有质量问题,请在7天内联系客服,我们将为您免费重做或退款。'
}, {
title: '四、定制流程',
content: "1. \u9009\u62E9\u5546\u54C1\u54C1\u7C7B\u5E76\u52A0\u5165\u8BBE\u8BA1\u6E05\u5355\n2. \u5728DIY\u5DE5\u4F5C\u53F0\u4E0A\u4F20\u56FE\u7247\u6216\u8F93\u5165\u6587\u5B57\n3. \u786E\u8BA4\u8BBE\u8BA1\u6548\u679C\u5E76\u63D0\u4EA4\u8BA2\u5355\n4. \u652F\u4ED8\u540E\u8FDB\u5165\u751F\u4EA7\uFF0C\u7EA63-7\u4E2A\u5DE5\u4F5C\u65E5\u53D1\u8D27\n5. \u7269\u6D41\u8DDF\u8E2A\u81F3\u786E\u8BA4\u6536\u8D27"
}];
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_3__.View, {
className: "theme-".concat(theme),
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_3__.View, {
className: "agreement-page",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_ThemeToggle__WEBPACK_IMPORTED_MODULE_0__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_3__.View, {
className: "agreement-content",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_3__.Text, {
className: "agreement-title",
children: "\u5B9A\u5236\u534F\u8BAE"
}), SECTIONS.map(function (sec, idx) {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_3__.View, {
className: "agreement-section",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_3__.Text, {
className: "agreement-h3",
children: sec.title
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_3__.Text, {
className: "agreement-p",
children: sec.content
})]
}, idx);
})]
})]
})
});
}
/***/ }),
/***/ "./src/pages/agreement/index.tsx":
/*!***************************************!*\
!*** ./src/pages/agreement/index.tsx ***!
\***************************************/
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
/* harmony import */ var _tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tarojs/runtime */ "./node_modules/@tarojs/runtime/dist/runtime.esm.js");
/* harmony import */ var _node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_agreement_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !!../../../node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/agreement/index!./index.tsx */ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/agreement/index!./src/pages/agreement/index.tsx");
var config = {"navigationBarTitleText":"定制协议"};
var inst = Page((0,_tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__.createPageConfig)(_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_agreement_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"], 'pages/agreement/index', {root:{cn:[]}}, config || {}))
/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_agreement_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ })
},
/******/ function(__webpack_require__) { // webpackRuntimeModules
/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
/******/ __webpack_require__.O(0, ["taro","vendors","common"], function() { return __webpack_exec__("./src/pages/agreement/index.tsx"); });
/******/ var __webpack_exports__ = __webpack_require__.O();
/******/ }
]);
//# sourceMappingURL=index.js.map
"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[301],{6855:function(e,n,t){var a=t(7842),s=t(118),c=t(1268),r=t(9703),i=t(4848);function l(){var e=(0,r.wR)(),n=e.theme,t=[{title:"\u4e00\u3001\u7528\u6237\u6743\u8d23",content:"\u7528\u6237\u786e\u8ba4\u63d0\u4ea4\u7684\u8bbe\u8ba1\u5185\u5bb9\u4e0d\u4fb5\u72af\u7b2c\u4e09\u65b9\u77e5\u8bc6\u4ea7\u6743\uff0c\u5b9a\u5236\u5546\u54c1\u4e00\u7ecf\u786e\u8ba4\u4e0b\u5355\u5373\u8fdb\u5165\u751f\u4ea7\u6d41\u7a0b\uff0c\u975e\u8d28\u91cf\u95ee\u9898\u4e0d\u652f\u6301\u9000\u6362\u3002"},{title:"\u4e8c\u3001\u9690\u79c1\u4fdd\u62a4",content:"\u6211\u4eec\u4e25\u683c\u4fdd\u62a4\u7528\u6237\u4e2a\u4eba\u4fe1\u606f\uff0c\u5934\u50cf\u4e0e\u6635\u79f0\u4ec5\u7528\u4e8e\u63d0\u5347\u670d\u52a1\u4f53\u9a8c\uff0c\u4e0d\u4e0e\u7b2c\u4e09\u65b9\u5206\u4eab\u3002"},{title:"\u4e09\u3001\u552e\u540e\u8bf4\u660e",content:"\u6536\u5230\u5546\u54c1\u540e\u5982\u6709\u8d28\u91cf\u95ee\u9898\uff0c\u8bf7\u57287\u5929\u5185\u8054\u7cfb\u5ba2\u670d\uff0c\u6211\u4eec\u5c06\u4e3a\u60a8\u514d\u8d39\u91cd\u505a\u6216\u9000\u6b3e\u3002"},{title:"\u56db\u3001\u5b9a\u5236\u6d41\u7a0b",content:"1. \u9009\u62e9\u5546\u54c1\u54c1\u7c7b\u5e76\u52a0\u5165\u8bbe\u8ba1\u6e05\u5355\n2. \u5728DIY\u5de5\u4f5c\u53f0\u4e0a\u4f20\u56fe\u7247\u6216\u8f93\u5165\u6587\u5b57\n3. \u786e\u8ba4\u8bbe\u8ba1\u6548\u679c\u5e76\u63d0\u4ea4\u8ba2\u5355\n4. \u652f\u4ed8\u540e\u8fdb\u5165\u751f\u4ea7\uff0c\u7ea63-7\u4e2a\u5de5\u4f5c\u65e5\u53d1\u8d27\n5. \u7269\u6d41\u8ddf\u8e2a\u81f3\u786e\u8ba4\u6536\u8d27"}];return(0,i.jsx)(s.Ss,{className:"theme-".concat(n),children:(0,i.jsxs)(s.Ss,{className:"agreement-page",children:[(0,i.jsx)(c.A,{}),(0,i.jsxs)(s.Ss,{className:"agreement-content",children:[(0,i.jsx)(s.EY,{className:"agreement-title",children:"\u5b9a\u5236\u534f\u8bae"}),t.map(function(e,n){return(0,i.jsxs)(s.Ss,{className:"agreement-section",children:[(0,i.jsx)(s.EY,{className:"agreement-h3",children:e.title}),(0,i.jsx)(s.EY,{className:"agreement-p",children:e.content})]},n)})]})]})})}var o={navigationBarTitleText:"\u5b9a\u5236\u534f\u8bae"};Page((0,a.createPageConfig)(l,"pages/agreement/index",{root:{cn:[]}},o||{}))}},function(e){var n=function(n){return e(e.s=n)};e.O(0,[907,96,76],function(){return n(6855)});e.O()}]);
-1
View File
@@ -1 +0,0 @@
{"version":3,"file":"pages/agreement/index.js","mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AC7CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["webpack://smart-engraving-miniapp/./src/pages/agreement/index.tsx?6fa1","webpack://smart-engraving-miniapp/._src_pages_agreement_index.tsx"],"sourcesContent":["import { View, Text } from '@tarojs/components';\nimport './index.scss';\nimport ThemeToggle from '../../components/ThemeToggle';\nimport { useThemeContext } from '../../context/ThemeContext';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function AgreementPage() {\n var _useThemeContext = useThemeContext(),\n theme = _useThemeContext.theme;\n var SECTIONS = [{\n title: '一、用户权责',\n content: '用户确认提交的设计内容不侵犯第三方知识产权,定制商品一经确认下单即进入生产流程,非质量问题不支持退换。'\n }, {\n title: '二、隐私保护',\n content: '我们严格保护用户个人信息,头像与昵称仅用于提升服务体验,不与第三方分享。'\n }, {\n title: '三、售后说明',\n content: '收到商品后如有质量问题,请在7天内联系客服,我们将为您免费重做或退款。'\n }, {\n title: '四、定制流程',\n content: \"1. \\u9009\\u62E9\\u5546\\u54C1\\u54C1\\u7C7B\\u5E76\\u52A0\\u5165\\u8BBE\\u8BA1\\u6E05\\u5355\\n2. \\u5728DIY\\u5DE5\\u4F5C\\u53F0\\u4E0A\\u4F20\\u56FE\\u7247\\u6216\\u8F93\\u5165\\u6587\\u5B57\\n3. \\u786E\\u8BA4\\u8BBE\\u8BA1\\u6548\\u679C\\u5E76\\u63D0\\u4EA4\\u8BA2\\u5355\\n4. \\u652F\\u4ED8\\u540E\\u8FDB\\u5165\\u751F\\u4EA7\\uFF0C\\u7EA63-7\\u4E2A\\u5DE5\\u4F5C\\u65E5\\u53D1\\u8D27\\n5. \\u7269\\u6D41\\u8DDF\\u8E2A\\u81F3\\u786E\\u8BA4\\u6536\\u8D27\"\n }];\n return /*#__PURE__*/_jsx(View, {\n className: \"theme-\".concat(theme),\n children: /*#__PURE__*/_jsxs(View, {\n className: \"agreement-page\",\n children: [/*#__PURE__*/_jsx(ThemeToggle, {}), /*#__PURE__*/_jsxs(View, {\n className: \"agreement-content\",\n children: [/*#__PURE__*/_jsx(Text, {\n className: \"agreement-title\",\n children: \"\\u5B9A\\u5236\\u534F\\u8BAE\"\n }), SECTIONS.map(function (sec, idx) {\n return /*#__PURE__*/_jsxs(View, {\n className: \"agreement-section\",\n children: [/*#__PURE__*/_jsx(Text, {\n className: \"agreement-h3\",\n children: sec.title\n }), /*#__PURE__*/_jsx(Text, {\n className: \"agreement-p\",\n children: sec.content\n })]\n }, idx);\n })]\n })]\n })\n });\n}","import { createPageConfig } from '@tarojs/runtime'\nimport component from \"!!../../../node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/agreement/index!./index.tsx\"\nvar config = {\"navigationBarTitleText\":\"定制协议\"};\n\n\nvar inst = Page(createPageConfig(component, 'pages/agreement/index', {root:{cn:[]}}, config || {}))\n\n\nexport default component\n"],"names":[],"sourceRoot":""}
+1 -39
View File
@@ -1,39 +1 @@
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/@tarojs/webpack5-runner/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/agreement/index.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.agreement-page {
padding: 0 24rpx 24rpx;
}
.agreement-title {
font-size: 40rpx;
font-weight: 800;
color: var(--text-primary);
display: block;
margin-bottom: 32rpx;
padding-top: 24rpx;
}
.agreement-content {
padding: 40rpx 32rpx;
line-height: 1.8;
}
.agreement-section {
margin-bottom: 32rpx;
}
.agreement-h3 {
font-size: 32rpx;
font-weight: 700;
color: var(--text-primary);
display: block;
margin-bottom: 16rpx;
}
.agreement-p {
font-size: 28rpx;
color: var(--text-secondary);
line-height: 1.8;
display: block;
}
.agreement-page{padding:0 24rpx 24rpx}.agreement-title{color:var(--text-primary);display:block;font-size:40rpx;font-weight:800;margin-bottom:32rpx;padding-top:24rpx}.agreement-content{line-height:1.8;padding:40rpx 32rpx}.agreement-section{margin-bottom:32rpx}.agreement-h3{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:16rpx}.agreement-p{color:var(--text-secondary);display:block;font-size:28rpx;line-height:1.8}
+1 -389
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -279
View File
@@ -1,279 +1 @@
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/@tarojs/webpack5-runner/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/checkout/index.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.checkout-page {
padding: 0 24rpx 24rpx;
}
.back-btn {
font-size: 40rpx;
padding: 10rpx;
}
/* 画布展示区 */
.checkout-canvas {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 40rpx;
}
.canvas-area {
position: relative;
overflow: hidden;
background: rgba(0, 0, 0, 0.03);
border: 2rpx dashed var(--line-star);
}
.checkout-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* 商品信息 */
.checkout-info {
padding: 24rpx;
}
.info-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20rpx 0;
border-bottom: 1rpx dashed rgba(0, 0, 0, 0.06);
}
.info-row:last-child {
border-bottom: none;
}
.info-label {
font-size: 28rpx;
color: var(--text-secondary);
}
.info-value {
font-size: 28rpx;
color: var(--text-primary);
font-weight: 500;
}
.total-row {
padding-top: 24rpx;
margin-top: 8rpx;
}
.info-total {
font-size: 40rpx;
font-weight: 800;
color: var(--accent-pink);
}
/* 地址卡片 */
.checkout-address-card {
padding: 24rpx;
}
.checkout-address-header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 16rpx;
}
.address-change {
padding: 6rpx 16rpx;
border-radius: 8rpx;
background: rgba(91, 140, 255, 0.08);
}
.change-text {
font-size: 24rpx;
color: var(--accent-blue);
}
.checkout-address-body {
padding-top: 8rpx;
}
.addr-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 16rpx;
margin-bottom: 8rpx;
}
.addr-name {
font-size: 28rpx;
font-weight: 700;
color: var(--text-primary);
}
.addr-phone {
font-size: 26rpx;
color: var(--text-secondary);
}
.addr-detail {
font-size: 26rpx;
color: var(--text-secondary);
line-height: 1.5;
}
.checkout-address-empty {
padding: 32rpx 0;
text-align: center;
}
.empty-text {
font-size: 26rpx;
color: var(--text-secondary);
}
/* 底部弹窗 — 地址选择(样式复用 app.scss 全局定义,移除非必要覆写) */
.addr-picker-header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20rpx;
}
.addr-picker-title {
font-size: 32rpx;
font-weight: 700;
color: var(--text-primary);
}
.addr-picker-close {
font-size: 28rpx;
color: var(--text-secondary);
padding: 8rpx;
}
.addr-picker-list {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: auto;
}
.addr-picker-item {
padding: 20rpx 16rpx;
border-bottom: 1rpx dashed rgba(0, 0, 0, 0.05);
}
.addr-picker-item.active {
background: rgba(91, 140, 255, 0.06);
border-radius: 12rpx;
}
.addr-picker-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 16rpx;
margin-bottom: 8rpx;
}
.addr-picker-name {
font-size: 28rpx;
font-weight: 700;
color: var(--text-primary);
}
.addr-picker-phone {
font-size: 26rpx;
color: var(--text-secondary);
}
.addr-picker-default {
font-size: 22rpx;
color: var(--accent-pink);
border: 1rpx solid var(--accent-pink);
padding: 2rpx 8rpx;
border-radius: 6rpx;
}
.addr-picker-detail {
font-size: 26rpx;
color: var(--text-secondary);
}
.addr-picker-empty {
padding: 40rpx;
text-align: center;
color: var(--text-secondary);
font-size: 28rpx;
}
.addr-picker-add {
margin-top: 16rpx;
padding: 20rpx;
text-align: center;
border: 2rpx dashed var(--accent-blue);
border-radius: 12rpx;
}
.addr-picker-add-text {
font-size: 28rpx;
color: var(--accent-blue);
}
/* 底部操作 */
.checkout-actions {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: var(--bg-card);
border-top: var(--line-card);
padding: 20rpx 32rpx calc(20rpx + env(safe-area-inset-bottom));
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 24rpx;
z-index: 500;
}
.checkout-actions .btn-outline,
.checkout-actions .btn-gradient {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
}
.checkout-page{padding:0 24rpx 24rpx}.back-btn{font-size:40rpx;padding:10rpx}.checkout-canvas{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding:40rpx}.canvas-area{background:rgba(0,0,0,.03);border:2rpx dashed var(--line-star);overflow:hidden;position:relative}.checkout-image{height:100%;left:0;position:absolute;top:0;width:100%}.checkout-info{padding:24rpx}.info-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1rpx dashed rgba(0,0,0,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:20rpx 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:28rpx}.info-value{color:var(--text-primary);font-size:28rpx;font-weight:500}.total-row{margin-top:8rpx;padding-top:24rpx}.info-total{color:var(--accent-pink);font-size:40rpx;font-weight:800}.checkout-address-card{padding:24rpx}.checkout-address-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:16rpx}.address-change{background:rgba(91,140,255,.08);border-radius:8rpx;padding:6rpx 16rpx}.change-text{color:var(--accent-blue);font-size:24rpx}.checkout-address-body{padding-top:8rpx}.addr-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.addr-name{color:var(--text-primary);font-size:28rpx;font-weight:700}.addr-phone{color:var(--text-secondary);font-size:26rpx}.addr-detail{color:var(--text-secondary);font-size:26rpx;line-height:1.5}.checkout-address-empty{padding:32rpx 0;text-align:center}.empty-text{color:var(--text-secondary);font-size:26rpx}.addr-picker-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:20rpx}.addr-picker-title{color:var(--text-primary);font-size:32rpx;font-weight:700}.addr-picker-close{color:var(--text-secondary);font-size:28rpx;padding:8rpx}.addr-picker-list{-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.addr-picker-item{border-bottom:1rpx dashed rgba(0,0,0,.05);padding:20rpx 16rpx}.addr-picker-item.active{background:rgba(91,140,255,.06);border-radius:12rpx}.addr-picker-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.addr-picker-name{color:var(--text-primary);font-size:28rpx;font-weight:700}.addr-picker-phone{color:var(--text-secondary);font-size:26rpx}.addr-picker-default{border:1rpx solid var(--accent-pink);border-radius:6rpx;color:var(--accent-pink);font-size:22rpx;padding:2rpx 8rpx}.addr-picker-detail{color:var(--text-secondary);font-size:26rpx}.addr-picker-empty{color:var(--text-secondary);font-size:28rpx;padding:40rpx;text-align:center}.addr-picker-add{border:2rpx dashed var(--accent-blue);border-radius:12rpx;margin-top:16rpx;padding:20rpx;text-align:center}.addr-picker-add-text{color:var(--accent-blue);font-size:28rpx}.checkout-actions{background:var(--bg-card);border-top:var(--line-card);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;left:0;padding:20rpx 32rpx calc(20rpx + env(safe-area-inset-bottom));position:fixed;right:0;z-index:500}.checkout-actions .btn-gradient,.checkout-actions .btn-outline{-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}
+1 -277
View File
@@ -1,277 +1 @@
"use strict";
(wx["webpackJsonp"] = wx["webpackJsonp"] || []).push([["pages/designList/index"],{
/***/ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/designList/index!./src/pages/designList/index.tsx":
/*!**************************************************************************************************************************!*\
!*** ./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/designList/index!./src/pages/designList/index.tsx ***!
\**************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* binding */ DesignListPage; }
/* harmony export */ });
/* harmony import */ var F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
/* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
/* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tarojs/taro */ "./node_modules/@tarojs/taro/index.js");
/* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tarojs_taro__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/cjs/react.production.min.js");
/* harmony import */ var _utils_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/store */ "./src/utils/store.ts");
/* harmony import */ var _utils_productConfig__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/productConfig */ "./src/utils/productConfig.ts");
/* harmony import */ var _components_ThemeToggle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/ThemeToggle */ "./src/components/ThemeToggle/index.tsx");
/* harmony import */ var _context_ThemeContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../context/ThemeContext */ "./src/context/ThemeContext.tsx");
/* harmony import */ var _components_LoginGuard__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/LoginGuard */ "./src/components/LoginGuard/index.tsx");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/cjs/react-jsx-runtime.production.min.js");
var STATUS_TABS = [{
code: 'all',
label: '全部'
}, {
code: 'toDesign',
label: '待设计'
}, {
code: 'undesigned',
label: '未设计'
}, {
code: 'designing',
label: '设计中'
}, {
code: 'ordered',
label: '已下单'
}];
var STATUS_STYLE = {
undesigned: {
label: '未设计',
cls: 'badge-pink'
},
designing: {
label: '设计中',
cls: 'badge-blue'
},
ordered: {
label: '已下单',
cls: 'badge-green'
}
};
function DesignListPage() {
var _useThemeContext = (0,_context_ThemeContext__WEBPACK_IMPORTED_MODULE_5__.useThemeContext)(),
theme = _useThemeContext.theme;
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('all'),
_useState2 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_8__["default"])(_useState, 2),
activeTab = _useState2[0],
setActiveTab = _useState2[1];
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),
_useState4 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_8__["default"])(_useState3, 2),
list = _useState4[0],
setList = _useState4[1];
var load = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
setList((0,_utils_store__WEBPACK_IMPORTED_MODULE_2__.getDesignList)());
}, []);
// 自动读取外部传入的筛选状态
var init = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
var filter = _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().getStorageSync('designList:filter');
if (filter && STATUS_TABS.some(function (t) {
return t.code === filter;
})) {
setActiveTab(filter);
_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().removeStorageSync('designList:filter');
}
load();
}, [load]);
// 页面每次显示时刷新
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
var page = _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().getCurrentInstance().page;
if (page) {
var orig = page.onShow;
page.onShow = function () {
init();
if (orig) orig.apply(this);
};
}
init();
}, [init]);
var filtered = activeTab === 'all' ? list : activeTab === 'toDesign' ? list.filter(function (d) {
return d.status === 'undesigned' || d.status === 'designing';
}) : list.filter(function (d) {
return d.status === activeTab;
});
var goDesign = function goDesign(item) {
if (item.status === 'ordered') {
_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({
title: '该商品已下单,请查看订单',
icon: 'none'
});
return;
}
_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().navigateTo({
url: "/pages/diy/index?source=designList&designId=".concat(item.id)
});
};
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "theme-".concat(theme),
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_components_LoginGuard__WEBPACK_IMPORTED_MODULE_6__["default"], {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "design-page",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_components_ThemeToggle__WEBPACK_IMPORTED_MODULE_4__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "page-header dashed-card mt-20",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "star-badge"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Text, {
className: "page-title",
children: "\u6211\u7684\u8BBE\u8BA1\u6E05\u5355"
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "status-tabs",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.ScrollView, {
className: "tabs-scroll",
scrollX: true,
children: STATUS_TABS.map(function (tab) {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "tab-item ".concat(activeTab === tab.code ? 'active' : ''),
onTap: function onTap() {
return setActiveTab(tab.code);
},
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Text, {
className: "tab-label",
children: tab.label
}), activeTab === tab.code && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "tab-underline"
})]
}, tab.code);
})
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.ScrollView, {
className: "design-list",
scrollY: true,
children: [filtered.map(function (item) {
var _item$productIcon;
var style = STATUS_STYLE[item.status];
var iconSrc = (_item$productIcon = item.productIcon) !== null && _item$productIcon !== void 0 && _item$productIcon.startsWith('/icon/') ? item.productIcon : _utils_productConfig__WEBPACK_IMPORTED_MODULE_3__.PRODUCT_ICON_MAP[item.productId] || '/icon/四角星.png';
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "design-card dashed-card",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "star-badge"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "design-body",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Image, {
className: "design-icon-img",
src: iconSrc,
mode: "aspectFit"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "design-info",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "design-title-row",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Text, {
className: "design-name",
children: item.productName
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Text, {
className: "badge ".concat(style.cls),
children: style.label
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Text, {
className: "design-meta",
children: ["\u6570\u91CF: ", item.count, " \u4EF6 | \u5355\u4EF7: \xA5", item.unitPrice]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Text, {
className: "design-total",
children: ["\u5C0F\u8BA1: \xA5", (item.unitPrice * item.count).toFixed(2)]
})]
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "design-actions",
children: [item.status !== 'ordered' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "btn-gradient design-btn",
onTap: function onTap() {
return goDesign(item);
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Text, {
children: item.status === 'undesigned' ? '开始设计' : '继续设计'
})
}), item.status === 'ordered' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "btn-outline design-btn",
onTap: function onTap() {
return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().switchTab({
url: '/pages/orders/index'
});
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Text, {
children: "\u67E5\u770B\u8BA2\u5355"
})
})]
})]
}, item.id);
}), filtered.length === 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "empty-state",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Image, {
className: "empty-icon-img",
src: "/icon/\u8C03\u8272\u76D8.png",
mode: "aspectFit"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Text, {
className: "empty-text",
children: "\u8FD8\u6CA1\u6709\u8BBE\u8BA1\u6E05\u5355"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Text, {
className: "empty-sub",
children: "\u53BB\u9996\u9875\u901B\u901B\uFF0C\u627E\u5230\u559C\u6B22\u7684\u5B9A\u5236\u54C1"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
className: "btn-gradient",
onTap: function onTap() {
return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().switchTab({
url: '/pages/index/index'
});
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.Text, {
children: "\u53BB\u901B\u901B"
})
})]
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_9__.View, {
style: {
height: '40px'
}
})]
})
})
});
}
/***/ }),
/***/ "./src/pages/designList/index.tsx":
/*!****************************************!*\
!*** ./src/pages/designList/index.tsx ***!
\****************************************/
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
/* harmony import */ var _tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tarojs/runtime */ "./node_modules/@tarojs/runtime/dist/runtime.esm.js");
/* harmony import */ var _node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_designList_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !!../../../node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/designList/index!./index.tsx */ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/designList/index!./src/pages/designList/index.tsx");
var config = {};
var inst = Page((0,_tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__.createPageConfig)(_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_designList_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"], 'pages/designList/index', {root:{cn:[]}}, config || {}))
/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_designList_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ })
},
/******/ function(__webpack_require__) { // webpackRuntimeModules
/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
/******/ __webpack_require__.O(0, ["taro","vendors","common"], function() { return __webpack_exec__("./src/pages/designList/index.tsx"); });
/******/ var __webpack_exports__ = __webpack_require__.O();
/******/ }
]);
//# sourceMappingURL=index.js.map
"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[319],{3512:function(e,s,n){var a=n(7842),t=n(5544),c=n(118),i=n(758),l=n.n(i),d=n(6540),r=n(8594),o=n(5234),u=n(1268),g=n(9703),m=n(7723),x=n(4848),h=[{code:"all",label:"\u5168\u90e8"},{code:"toDesign",label:"\u5f85\u8bbe\u8ba1"},{code:"undesigned",label:"\u672a\u8bbe\u8ba1"},{code:"designing",label:"\u8bbe\u8ba1\u4e2d"},{code:"ordered",label:"\u5df2\u4e0b\u5355"}],b={undesigned:{label:"\u672a\u8bbe\u8ba1",cls:"badge-pink"},designing:{label:"\u8bbe\u8ba1\u4e2d",cls:"badge-blue"},ordered:{label:"\u5df2\u4e0b\u5355",cls:"badge-green"}};function j(){var e=(0,g.wR)(),s=e.theme,n=(0,d.useState)("all"),a=(0,t.A)(n,2),i=a[0],j=a[1],p=(0,d.useState)([]),N=(0,t.A)(p,2),f=N[0],S=N[1],v=(0,d.useCallback)(function(){S((0,r.p_)())},[]),E=(0,d.useCallback)(function(){var e=l().getStorageSync("designList:filter");e&&h.some(function(s){return s.code===e})&&(j(e),l().removeStorageSync("designList:filter")),v()},[v]);(0,d.useEffect)(function(){var e=l().getCurrentInstance().page;if(e){var s=e.onShow;e.onShow=function(){E(),s&&s.apply(this)}}E()},[E]);var Y="all"===i?f:"toDesign"===i?f.filter(function(e){return"undesigned"===e.status||"designing"===e.status}):f.filter(function(e){return e.status===i}),w=function(e){"ordered"!==e.status?l().navigateTo({url:"/pages/diy/index?source=designList&designId=".concat(e.id)}):l().showToast({title:"\u8be5\u5546\u54c1\u5df2\u4e0b\u5355\uff0c\u8bf7\u67e5\u770b\u8ba2\u5355",icon:"none"})};return(0,x.jsx)(c.Ss,{className:"theme-".concat(s),children:(0,x.jsx)(m.A,{children:(0,x.jsxs)(c.Ss,{className:"design-page",children:[(0,x.jsx)(u.A,{}),(0,x.jsxs)(c.Ss,{className:"page-header dashed-card mt-20",children:[(0,x.jsx)(c.Ss,{className:"star-badge"}),(0,x.jsx)(c.EY,{className:"page-title",children:"\u6211\u7684\u8bbe\u8ba1\u6e05\u5355"})]}),(0,x.jsx)(c.Ss,{className:"status-tabs",children:(0,x.jsx)(c.BM,{className:"tabs-scroll",scrollX:!0,children:h.map(function(e){return(0,x.jsxs)(c.Ss,{className:"tab-item ".concat(i===e.code?"active":""),onTap:function(){return j(e.code)},children:[(0,x.jsx)(c.EY,{className:"tab-label",children:e.label}),i===e.code&&(0,x.jsx)(c.Ss,{className:"tab-underline"})]},e.code)})})}),(0,x.jsxs)(c.BM,{className:"design-list",scrollY:!0,children:[Y.map(function(e){var s,n=b[e.status],a=null!==(s=e.productIcon)&&void 0!==s&&s.startsWith("/icon/")?e.productIcon:o.rj[e.productId]||"/icon/\u56db\u89d2\u661f.png";return(0,x.jsxs)(c.Ss,{className:"design-card dashed-card",children:[(0,x.jsx)(c.Ss,{className:"star-badge"}),(0,x.jsxs)(c.Ss,{className:"design-body",children:[(0,x.jsx)(c._V,{className:"design-icon-img",src:a,mode:"aspectFit"}),(0,x.jsxs)(c.Ss,{className:"design-info",children:[(0,x.jsxs)(c.Ss,{className:"design-title-row",children:[(0,x.jsx)(c.EY,{className:"design-name",children:e.productName}),(0,x.jsx)(c.EY,{className:"badge ".concat(n.cls),children:n.label})]}),(0,x.jsxs)(c.EY,{className:"design-meta",children:["\u6570\u91cf: ",e.count," \u4ef6 | \u5355\u4ef7: \xa5",e.unitPrice]}),(0,x.jsxs)(c.EY,{className:"design-total",children:["\u5c0f\u8ba1: \xa5",(e.unitPrice*e.count).toFixed(2)]})]})]}),(0,x.jsxs)(c.Ss,{className:"design-actions",children:["ordered"!==e.status&&(0,x.jsx)(c.Ss,{className:"btn-gradient design-btn",onTap:function(){return w(e)},children:(0,x.jsx)(c.EY,{children:"undesigned"===e.status?"\u5f00\u59cb\u8bbe\u8ba1":"\u7ee7\u7eed\u8bbe\u8ba1"})}),"ordered"===e.status&&(0,x.jsx)(c.Ss,{className:"btn-outline design-btn",onTap:function(){return l().switchTab({url:"/pages/orders/index"})},children:(0,x.jsx)(c.EY,{children:"\u67e5\u770b\u8ba2\u5355"})})]})]},e.id)}),0===Y.length&&(0,x.jsxs)(c.Ss,{className:"empty-state",children:[(0,x.jsx)(c._V,{className:"empty-icon-img",src:"/icon/\u8c03\u8272\u76d8.png",mode:"aspectFit"}),(0,x.jsx)(c.EY,{className:"empty-text",children:"\u8fd8\u6ca1\u6709\u8bbe\u8ba1\u6e05\u5355"}),(0,x.jsx)(c.EY,{className:"empty-sub",children:"\u53bb\u9996\u9875\u901b\u901b\uff0c\u627e\u5230\u559c\u6b22\u7684\u5b9a\u5236\u54c1"}),(0,x.jsx)(c.Ss,{className:"btn-gradient",onTap:function(){return l().switchTab({url:"/pages/index/index"})},children:(0,x.jsx)(c.EY,{children:"\u53bb\u901b\u901b"})})]})]}),(0,x.jsx)(c.Ss,{style:{height:"40px"}})]})})})}var p={};Page((0,a.createPageConfig)(j,"pages/designList/index",{root:{cn:[]}},p||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(3512)});e.O()}]);
File diff suppressed because one or more lines are too long
+1 -168
View File
@@ -1,168 +1 @@
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/@tarojs/webpack5-runner/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/designList/index.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.design-page {
padding: 0 24rpx 24rpx;
}
/* 状态 Tab */
.status-tabs {
margin: 20rpx 0;
}
.tabs-scroll {
white-space: nowrap;
}
.tab-item {
display: inline-block;
padding: 20rpx 32rpx;
position: relative;
}
.tab-label {
font-size: 28rpx;
color: var(--text-secondary);
font-weight: 500;
}
.tab-item.active .tab-label {
color: var(--accent-pink);
font-weight: 700;
}
.tab-underline {
position: absolute;
bottom: 8rpx;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 40rpx;
height: 4rpx;
background: var(--accent-pink);
border-radius: 2rpx;
}
/* 设计卡片列表 */
.design-list {
padding-bottom: 24rpx;
}
.design-card {
margin-bottom: 20rpx;
padding: 28rpx;
}
.design-body {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 20rpx;
margin-bottom: 20rpx;
}
.design-icon {
font-size: 56rpx;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.design-icon-img {
width: 56rpx;
height: 56rpx;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.design-info {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.design-title-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 12rpx;
}
.design-name {
font-size: 32rpx;
font-weight: 700;
color: var(--text-primary);
}
.design-meta {
font-size: 24rpx;
color: var(--text-secondary);
display: block;
margin-bottom: 8rpx;
}
.design-total {
font-size: 26rpx;
font-weight: 600;
color: var(--accent-pink);
}
.design-actions {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.design-btn {
padding: 16rpx 40rpx;
font-size: 26rpx;
}
/* 空状态 */
.empty-state {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 100rpx 40rpx;
text-align: center;
}
.empty-icon-img {
width: 56rpx;
height: 56rpx;
margin-bottom: 24rpx;
}
.empty-text {
font-size: 32rpx;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 12rpx;
}
.empty-sub {
font-size: 26rpx;
color: var(--text-secondary);
margin-bottom: 32rpx;
}
.design-page{padding:0 24rpx 24rpx}.status-tabs{margin:20rpx 0}.tabs-scroll{white-space:nowrap}.tab-item{display:inline-block;padding:20rpx 32rpx;position:relative}.tab-label{color:var(--text-secondary);font-size:28rpx;font-weight:500}.tab-item.active .tab-label{color:var(--accent-pink);font-weight:700}.tab-underline{background:var(--accent-pink);border-radius:2rpx;bottom:8rpx;height:4rpx;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:40rpx}.design-list{padding-bottom:24rpx}.design-card{margin-bottom:20rpx;padding:28rpx}.design-body{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx;margin-bottom:20rpx}.design-icon{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;font-size:56rpx}.design-icon-img{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:56rpx;width:56rpx}.design-info{-webkit-flex:1;-ms-flex:1;flex:1}.design-title-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:12rpx}.design-name{color:var(--text-primary);font-size:32rpx;font-weight:700}.design-meta{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:8rpx}.design-total{color:var(--accent-pink);font-size:26rpx;font-weight:600}.design-actions{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.design-btn{font-size:26rpx;padding:16rpx 40rpx}.empty-state{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:100rpx 40rpx;text-align:center}.empty-icon-img{height:56rpx;margin-bottom:24rpx;width:56rpx}.empty-text{color:var(--text-primary);font-size:32rpx;font-weight:700;margin-bottom:12rpx}.empty-sub{color:var(--text-secondary);font-size:26rpx;margin-bottom:32rpx}
+1 -597
View File
File diff suppressed because one or more lines are too long
-1
View File
File diff suppressed because one or more lines are too long
+1 -340
View File
File diff suppressed because one or more lines are too long
+1 -255
View File
@@ -1,255 +1 @@
"use strict";
(wx["webpackJsonp"] = wx["webpackJsonp"] || []).push([["pages/index/index"],{
/***/ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/index/index!./src/pages/index/index.tsx":
/*!****************************************************************************************************************!*\
!*** ./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/index/index!./src/pages/index/index.tsx ***!
\****************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* binding */ Index; }
/* harmony export */ });
/* harmony import */ var F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
/* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
/* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tarojs/taro */ "./node_modules/@tarojs/taro/index.js");
/* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tarojs_taro__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/cjs/react.production.min.js");
/* harmony import */ var _utils_productConfig__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/productConfig */ "./src/utils/productConfig.ts");
/* harmony import */ var _components_ThemeToggle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/ThemeToggle */ "./src/components/ThemeToggle/index.tsx");
/* harmony import */ var _context_ThemeContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../context/ThemeContext */ "./src/context/ThemeContext.tsx");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/cjs/react-jsx-runtime.production.min.js");
// 成品展示配图(从 img 里取对应实物图)
var SHOWCASE_LIST = [{
title: '毕业纪念笔记本',
desc: '全班名字组成校徽',
image: '/img/book_small/The1.jpg'
}, {
title: '铜质杯垫',
desc: '金属质感桌面艺术',
image: '/img/cup/The1.jpg'
}, {
title: '竹制笔盒',
desc: '自然竹纹文房雅器',
image: '/img/penbox/The1.jpg'
}, {
title: '书本型灯',
desc: '温暖光影点亮心意',
image: '/img/booklight/The1.jpg'
}, {
title: '情侣定制礼',
desc: '两个人的名字交织',
image: '/img/book_big/The1.jpg'
}, {
title: '企业年会礼',
desc: '员工名字组成Logo',
image: '/img/penbox/The2.jpg'
}];
// 品类对应的实物照片映射(首页卡片顶部大图)
var PRODUCT_IMG_MAP = {
'notebook-small': '/img/book_small/The1.jpg',
'notebook-large': '/img/book_big/The1.jpg',
'coaster': '/img/cup/The1.jpg',
'penbox': '/img/penbox/The1.jpg',
'booklamp': '/img/booklight/The1.jpg'
};
function Index() {
var _useThemeContext = (0,_context_ThemeContext__WEBPACK_IMPORTED_MODULE_4__.useThemeContext)(),
theme = _useThemeContext.theme;
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''),
_useState2 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__["default"])(_useState, 2),
searchKey = _useState2[0],
setSearchKey = _useState2[1];
var navigateToProduct = function navigateToProduct(categoryId) {
_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().navigateTo({
url: "/pages/product/index?id=".concat(categoryId)
});
};
var filteredCategories = searchKey.trim() ? _utils_productConfig__WEBPACK_IMPORTED_MODULE_2__.CATEGORIES.filter(function (c) {
return c.name.includes(searchKey) || c.desc.includes(searchKey);
}) : _utils_productConfig__WEBPACK_IMPORTED_MODULE_2__.CATEGORIES;
var handleSearch = function handleSearch(e) {
setSearchKey(e.detail.value);
};
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "theme-".concat(theme),
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "index-page",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_ThemeToggle__WEBPACK_IMPORTED_MODULE_3__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "header-bar",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
className: "header-title",
children: "\u667A\u7ED8\u5FAE\u523B"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "search-card dashed-card",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "star-badge"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "search-inner",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Image, {
className: "search-icon-img",
src: "/icon/\u641C\u7D22.png",
mode: "aspectFit"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Input, {
className: "search-input",
type: "text",
placeholder: "\u641C\u7D22\u5B9A\u5236\u54C1\u7C7B\uFF1A\u7B14\u8BB0\u672C\u3001\u676F\u57AB\u3001\u4E66\u706F...",
value: searchKey,
onInput: handleSearch,
confirmType: "search"
})]
}), searchKey.trim() && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "search-result-hint",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
className: "hint-text",
children: filteredCategories.length > 0 ? "\u627E\u5230 ".concat(filteredCategories.length, " \u4E2A\u76F8\u5173\u54C1\u7C7B") : '没有找到相关品类,试试看其他关键词'
})
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "showcase-section mt-20",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
className: "section-title",
children: "\u5B9A\u5236\u6210\u54C1\u5C55\u793A"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Swiper, {
className: "showcase-swiper",
indicatorColor: "#e0e0e0",
indicatorActiveColor: "#ff9a9e",
circular: true,
autoplay: true,
interval: 3000,
duration: 500,
previousMargin: "40rpx",
nextMargin: "40rpx",
indicatorDots: true,
children: SHOWCASE_LIST.map(function (item, idx) {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.SwiperItem, {
className: "showcase-swiper-item",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "showcase-swiper-card dashed-card",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "star-badge"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "showcase-image-wrapper",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Image, {
className: "showcase-real-img",
src: item.image,
mode: "aspectFill"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "showcase-text-area",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "showcase-info",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
className: "showcase-title",
children: item.title
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
className: "showcase-desc",
children: item.desc
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "showcase-tag",
children: "\u6210\u54C1\u6848\u4F8B"
})]
})]
})
}, idx);
})
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "category-section mt-20",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
className: "section-title",
children: "\u70ED\u95E8\u54C1\u7C7B"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "category-grid",
children: filteredCategories.map(function (cat) {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "category-item dashed-card",
onTap: function onTap() {
return navigateToProduct(cat.id);
},
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "star-badge"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "category-img-wrapper",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Image, {
className: "category-img-real",
src: PRODUCT_IMG_MAP[cat.id] || '/icon/四角星.png',
mode: "aspectFill"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
className: "category-name",
children: cat.name
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
className: "category-desc",
children: cat.desc
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
className: "category-price",
children: ["\xA5", cat.price, " \u8D77"]
})]
}, cat.id);
})
}), filteredCategories.length === 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "empty-category dashed-card",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Image, {
className: "empty-icon-img",
src: "/icon/\u641C\u7D22.png",
mode: "aspectFit"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
className: "empty-text",
children: "\u672A\u627E\u5230\u5339\u914D\u7684\u54C1\u7C7B"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
className: "empty-sub",
children: "\u5C1D\u8BD5\u641C\u7D22\u201C\u7B14\u8BB0\u672C\u201D\u3001\u201C\u676F\u57AB\u201D\u7B49"
})]
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
className: "safe-bottom-placeholder"
})]
})
});
}
/***/ }),
/***/ "./src/pages/index/index.tsx":
/*!***********************************!*\
!*** ./src/pages/index/index.tsx ***!
\***********************************/
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
/* harmony import */ var _tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tarojs/runtime */ "./node_modules/@tarojs/runtime/dist/runtime.esm.js");
/* harmony import */ var _node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_index_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !!../../../node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/index/index!./index.tsx */ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/index/index!./src/pages/index/index.tsx");
var config = {};
var inst = Page((0,_tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__.createPageConfig)(_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_index_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"], 'pages/index/index', {root:{cn:[]}}, config || {}))
/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_index_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ })
},
/******/ function(__webpack_require__) { // webpackRuntimeModules
/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
/******/ __webpack_require__.O(0, ["taro","vendors","common"], function() { return __webpack_exec__("./src/pages/index/index.tsx"); });
/******/ var __webpack_exports__ = __webpack_require__.O();
/******/ }
]);
//# sourceMappingURL=index.js.map
"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[421],{7265:function(e,s,a){var c=a(7842),i=a(5544),r=a(118),t=a(758),l=a.n(t),n=a(6540),o=a(5234),m=a(1268),d=a(9703),h=a(4848),g=[{title:"\u6bd5\u4e1a\u7eaa\u5ff5\u7b14\u8bb0\u672c",desc:"\u5168\u73ed\u540d\u5b57\u7ec4\u6210\u6821\u5fbd",image:"/img/book_small/The1.jpg"},{title:"\u94dc\u8d28\u676f\u57ab",desc:"\u91d1\u5c5e\u8d28\u611f\u684c\u9762\u827a\u672f",image:"/img/cup/The1.jpg"},{title:"\u7af9\u5236\u7b14\u76d2",desc:"\u81ea\u7136\u7af9\u7eb9\u6587\u623f\u96c5\u5668",image:"/img/penbox/The1.jpg"},{title:"\u4e66\u672c\u578b\u706f",desc:"\u6e29\u6696\u5149\u5f71\u70b9\u4eae\u5fc3\u610f",image:"/img/booklight/The1.jpg"},{title:"\u60c5\u4fa3\u5b9a\u5236\u793c",desc:"\u4e24\u4e2a\u4eba\u7684\u540d\u5b57\u4ea4\u7ec7",image:"/img/book_big/The1.jpg"},{title:"\u4f01\u4e1a\u5e74\u4f1a\u793c",desc:"\u5458\u5de5\u540d\u5b57\u7ec4\u6210Logo",image:"/img/penbox/The2.jpg"}],p={"notebook-small":"/img/book_small/The1.jpg","notebook-large":"/img/book_big/The1.jpg",coaster:"/img/cup/The1.jpg",penbox:"/img/penbox/The1.jpg",booklamp:"/img/booklight/The1.jpg"};function x(){var e=(0,d.wR)(),s=e.theme,a=(0,n.useState)(""),c=(0,i.A)(a,2),t=c[0],x=c[1],j=function(e){l().navigateTo({url:"/pages/product/index?id=".concat(e)})},N=t.trim()?o.R6.filter(function(e){return e.name.includes(t)||e.desc.includes(t)}):o.R6,u=function(e){x(e.detail.value)};return(0,h.jsx)(r.Ss,{className:"theme-".concat(s),children:(0,h.jsxs)(r.Ss,{className:"index-page",children:[(0,h.jsx)(m.A,{}),(0,h.jsx)(r.Ss,{className:"header-bar",children:(0,h.jsx)(r.EY,{className:"header-title",children:"\u667a\u7ed8\u5fae\u523b"})}),(0,h.jsxs)(r.Ss,{className:"search-card dashed-card",children:[(0,h.jsx)(r.Ss,{className:"star-badge"}),(0,h.jsxs)(r.Ss,{className:"search-inner",children:[(0,h.jsx)(r._V,{className:"search-icon-img",src:"/icon/\u641c\u7d22.png",mode:"aspectFit"}),(0,h.jsx)(r.pd,{className:"search-input",type:"text",placeholder:"\u641c\u7d22\u5b9a\u5236\u54c1\u7c7b\uff1a\u7b14\u8bb0\u672c\u3001\u676f\u57ab\u3001\u4e66\u706f...",value:t,onInput:u,confirmType:"search"})]}),t.trim()&&(0,h.jsx)(r.Ss,{className:"search-result-hint",children:(0,h.jsx)(r.EY,{className:"hint-text",children:N.length>0?"\u627e\u5230 ".concat(N.length," \u4e2a\u76f8\u5173\u54c1\u7c7b"):"\u6ca1\u6709\u627e\u5230\u76f8\u5173\u54c1\u7c7b\uff0c\u8bd5\u8bd5\u770b\u5176\u4ed6\u5173\u952e\u8bcd"})})]}),(0,h.jsxs)(r.Ss,{className:"showcase-section mt-20",children:[(0,h.jsx)(r.EY,{className:"section-title",children:"\u5b9a\u5236\u6210\u54c1\u5c55\u793a"}),(0,h.jsx)(r.RC,{className:"showcase-swiper",indicatorColor:"#e0e0e0",indicatorActiveColor:"#ff9a9e",circular:!0,autoplay:!0,interval:3e3,duration:500,previousMargin:"40rpx",nextMargin:"40rpx",indicatorDots:!0,children:g.map(function(e,s){return(0,h.jsx)(r.wu,{className:"showcase-swiper-item",children:(0,h.jsxs)(r.Ss,{className:"showcase-swiper-card dashed-card",children:[(0,h.jsx)(r.Ss,{className:"star-badge"}),(0,h.jsx)(r.Ss,{className:"showcase-image-wrapper",children:(0,h.jsx)(r._V,{className:"showcase-real-img",src:e.image,mode:"aspectFill"})}),(0,h.jsxs)(r.Ss,{className:"showcase-text-area",children:[(0,h.jsxs)(r.Ss,{className:"showcase-info",children:[(0,h.jsx)(r.EY,{className:"showcase-title",children:e.title}),(0,h.jsx)(r.EY,{className:"showcase-desc",children:e.desc})]}),(0,h.jsx)(r.Ss,{className:"showcase-tag",children:"\u6210\u54c1\u6848\u4f8b"})]})]})},s)})})]}),(0,h.jsxs)(r.Ss,{className:"category-section mt-20",children:[(0,h.jsx)(r.EY,{className:"section-title",children:"\u70ed\u95e8\u54c1\u7c7b"}),(0,h.jsx)(r.Ss,{className:"category-grid",children:N.map(function(e){return(0,h.jsxs)(r.Ss,{className:"category-item dashed-card",onTap:function(){return j(e.id)},children:[(0,h.jsx)(r.Ss,{className:"star-badge"}),(0,h.jsx)(r.Ss,{className:"category-img-wrapper",children:(0,h.jsx)(r._V,{className:"category-img-real",src:p[e.id]||"/icon/\u56db\u89d2\u661f.png",mode:"aspectFill"})}),(0,h.jsx)(r.EY,{className:"category-name",children:e.name}),(0,h.jsx)(r.EY,{className:"category-desc",children:e.desc}),(0,h.jsxs)(r.EY,{className:"category-price",children:["\xa5",e.price," \u8d77"]})]},e.id)})}),0===N.length&&(0,h.jsxs)(r.Ss,{className:"empty-category dashed-card",children:[(0,h.jsx)(r._V,{className:"empty-icon-img",src:"/icon/\u641c\u7d22.png",mode:"aspectFit"}),(0,h.jsx)(r.EY,{className:"empty-text",children:"\u672a\u627e\u5230\u5339\u914d\u7684\u54c1\u7c7b"}),(0,h.jsx)(r.EY,{className:"empty-sub",children:"\u5c1d\u8bd5\u641c\u7d22\u201c\u7b14\u8bb0\u672c\u201d\u3001\u201c\u676f\u57ab\u201d\u7b49"})]})]}),(0,h.jsx)(r.Ss,{className:"safe-bottom-placeholder"})]})})}var j={};Page((0,c.createPageConfig)(x,"pages/index/index",{root:{cn:[]}},j||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(7265)});e.O()}]);
-1
View File
File diff suppressed because one or more lines are too long
+1 -327
View File
@@ -1,327 +1 @@
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/@tarojs/webpack5-runner/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/index/index.scss ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.index-page {
padding: 0 24rpx 24rpx;
}
/* 顶部标题栏 */
.header-bar {
padding: 20rpx 0 16rpx;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-title {
font-size: 48rpx;
font-weight: 800;
color: var(--text-primary);
letter-spacing: 4rpx;
}
/* 搜索框卡片 */
.search-card {
padding: 20rpx 24rpx;
}
.search-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #f8f9fa;
border: 1rpx dashed rgba(0, 0, 0, 0.06);
border-radius: 40rpx;
padding: 16rpx 24rpx;
}
.search-icon {
font-size: 28rpx;
margin-right: 16rpx;
}
.search-icon-img {
width: 28rpx;
height: 28rpx;
margin-right: 16rpx;
}
.search-input {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 28rpx;
color: var(--text-primary);
background: transparent;
border: none;
outline: none;
}
.search-input::-webkit-input-placeholder {
color: var(--text-secondary);
font-size: 26rpx;
}
.search-input::-moz-placeholder {
color: var(--text-secondary);
font-size: 26rpx;
}
.search-input:-ms-input-placeholder {
color: var(--text-secondary);
font-size: 26rpx;
}
.search-input::-ms-input-placeholder {
color: var(--text-secondary);
font-size: 26rpx;
}
.search-input::placeholder {
color: var(--text-secondary);
font-size: 26rpx;
}
.search-result-hint {
margin-top: 16rpx;
padding-top: 16rpx;
border-top: 2rpx dashed var(--line-star);
}
.hint-text {
font-size: 24rpx;
color: var(--text-secondary);
}
/* 成品展示轮播 */
.showcase-section {
margin-top: 20rpx;
}
.showcase-swiper {
height: 520rpx;
}
.showcase-swiper-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 10rpx;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.showcase-swiper-card {
width: 100%;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 24rpx;
overflow: hidden;
-webkit-box-shadow: var(--shadow-card);
box-shadow: var(--shadow-card);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.showcase-image-wrapper {
width: 100%;
height: 320rpx;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
}
.showcase-real-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.showcase-text-area {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
background: var(--bg-card);
padding: 16rpx 20rpx;
position: relative;
}
.showcase-info .showcase-title {
font-size: 32rpx;
font-weight: 700;
color: var(--text-primary);
display: block;
margin-bottom: 8rpx;
}
.showcase-info .showcase-desc {
font-size: 24rpx;
color: var(--text-secondary);
display: block;
}
.showcase-tag {
position: absolute;
top: 16rpx;
right: 16rpx;
background: rgba(255, 154, 158, 0.9);
color: #ffffff;
font-size: 20rpx;
padding: 4rpx 16rpx;
border-radius: 20rpx;
font-weight: 600;
z-index: 2;
}
/* 热门品类 */
.category-section {
margin-top: 20rpx;
}
.category-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20rpx;
}
.category-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding: 0 0 24rpx;
overflow: hidden;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.category-item:active {
-webkit-transform: scale(0.96);
-ms-transform: scale(0.96);
transform: scale(0.96);
}
/* 品类顶部实物照片 */
.category-img-wrapper {
width: 100%;
height: 180rpx;
overflow: hidden;
border-radius: 16rpx;
margin-bottom: 16rpx;
position: relative;
}
.category-img-real {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.category-name {
font-size: 28rpx;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 8rpx;
}
.category-desc {
font-size: 22rpx;
color: var(--text-secondary);
}
.category-price {
font-size: 30rpx;
font-weight: 700;
color: var(--accent-pink);
margin-top: 8rpx;
}
/* 空状态 */
.empty-category {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 60rpx 40rpx;
text-align: center;
}
.empty-icon-img {
width: 48rpx;
height: 48rpx;
margin-bottom: 16rpx;
}
.empty-text {
font-size: 30rpx;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 8rpx;
}
.empty-sub {
font-size: 24rpx;
color: var(--text-secondary);
}
/* 底部安全区 */
.safe-bottom-placeholder {
height: 160rpx;
}
.index-page{padding:0 24rpx 24rpx}.header-bar{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:20rpx 0 16rpx}.header-title{color:var(--text-primary);font-size:48rpx;font-weight:800;letter-spacing:4rpx}.search-card{padding:20rpx 24rpx}.search-inner{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#f8f9fa;border:1rpx dashed rgba(0,0,0,.06);border-radius:40rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16rpx 24rpx}.search-icon{font-size:28rpx;margin-right:16rpx}.search-icon-img{height:28rpx;margin-right:16rpx;width:28rpx}.search-input{background:transparent;border:none;color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;outline:none}.search-input::-webkit-input-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input::-moz-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input:-ms-input-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input::-ms-input-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input::placeholder{color:var(--text-secondary);font-size:26rpx}.search-result-hint{border-top:2rpx dashed var(--line-star);margin-top:16rpx;padding-top:16rpx}.hint-text{color:var(--text-secondary);font-size:24rpx}.showcase-section{margin-top:20rpx}.showcase-swiper{height:520rpx}.showcase-swiper-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding:0 10rpx}.showcase-swiper-card{border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;width:100%}.showcase-image-wrapper{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:320rpx;-webkit-justify-content:center;justify-content:center;overflow:hidden;position:relative;width:100%}.showcase-real-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.showcase-text-area{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:16rpx 20rpx;position:relative;text-align:center}.showcase-info .showcase-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:8rpx}.showcase-info .showcase-desc{color:var(--text-secondary);display:block;font-size:24rpx}.showcase-tag{background:rgba(255,154,158,.9);border-radius:20rpx;color:#fff;font-size:20rpx;font-weight:600;padding:4rpx 16rpx;position:absolute;right:16rpx;top:16rpx;z-index:2}.category-section{margin-top:20rpx}.category-grid{display:grid;gap:20rpx;grid-template-columns:1fr 1fr}.category-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:0 0 24rpx;text-align:center;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.category-item:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.category-img-wrapper{border-radius:16rpx;height:180rpx;margin-bottom:16rpx;overflow:hidden;position:relative;width:100%}.category-img-real{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.category-name{color:var(--text-primary);font-size:28rpx;font-weight:700;margin-bottom:8rpx}.category-desc{color:var(--text-secondary);font-size:22rpx}.category-price{color:var(--accent-pink);font-size:30rpx;font-weight:700;margin-top:8rpx}.empty-category{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:60rpx 40rpx;text-align:center}.empty-icon-img{height:48rpx;margin-bottom:16rpx;width:48rpx}.empty-text{color:var(--text-primary);font-size:30rpx;font-weight:600;margin-bottom:8rpx}.empty-sub{color:var(--text-secondary);font-size:24rpx}.safe-bottom-placeholder{height:160rpx}
+1 -439
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -577
View File
File diff suppressed because one or more lines are too long
+1 -359
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -228
View File
@@ -1,228 +1 @@
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/@tarojs/webpack5-runner/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/orders/index.scss ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.orders-page {
padding: 0 24rpx 24rpx;
min-height: 100vh;
}
.page-header {
padding: 50rpx 32rpx 24rpx;
margin: 20rpx 0 0;
}
/* 状态Tab */
.status-tabs {
margin: 20rpx 0;
}
.tabs-scroll {
white-space: nowrap;
}
.tab-item {
display: inline-block;
padding: 20rpx 32rpx;
position: relative;
}
.tab-label {
font-size: 28rpx;
color: #b08d8d;
font-weight: 500;
}
.tab-item.active .tab-label {
color: #ff9a9e;
font-weight: 700;
}
.tab-underline {
position: absolute;
bottom: 8rpx;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 40rpx;
height: 4rpx;
background: #ff9a9e;
border-radius: 4rpx;
}
/* 订单卡片 */
.orders-list {
padding: 0;
}
.order-card {
margin-bottom: 24rpx;
padding: 28rpx;
}
.order-header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 20rpx;
border-bottom: 2rpx dashed #fce4ec;
margin-bottom: 20rpx;
}
.order-date {
font-size: 24rpx;
color: #b08d8d;
}
.order-body {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 20rpx;
}
.order-icon-wrapper {
width: 120rpx;
height: 120rpx;
background: -webkit-linear-gradient(315deg, #fff0f5 0%, #e3f2fd 100%);
background: linear-gradient(135deg, #fff0f5 0%, #e3f2fd 100%);
border-radius: 16rpx;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 20rpx;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.order-icon {
font-size: 56rpx;
}
.order-icon-img {
width: 56rpx;
height: 56rpx;
}
.order-info {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.order-product {
font-size: 30rpx;
font-weight: 700;
color: #5c3a3a;
display: block;
margin-bottom: 8rpx;
}
.order-sku {
font-size: 24rpx;
color: #b08d8d;
display: block;
margin-bottom: 8rpx;
}
.order-meta {
font-size: 22rpx;
color: #ccc;
display: block;
}
.order-footer {
padding-top: 16rpx;
border-top: 2rpx dashed #fce4ec;
}
.order-price-bar {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 20rpx;
}
.price-label {
font-size: 24rpx;
color: #b08d8d;
margin-right: 8rpx;
}
.price-value {
font-size: 36rpx;
font-weight: 800;
color: #ff6b81;
}
.order-actions {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 16rpx;
}
.order-btn {
padding: 14rpx 28rpx !important;
font-size: 26rpx !important;
border-radius: 40rpx !important;
}
/* 空状态 */
.empty-state {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 120rpx 40rpx;
}
.empty-icon-img {
width: 56rpx;
height: 56rpx;
margin-bottom: 24rpx;
}
.empty-text {
font-size: 36rpx;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 12rpx;
}
.empty-sub {
font-size: 28rpx;
color: var(--text-secondary);
margin-bottom: 40rpx;
}
.orders-page{min-height:100vh;padding:0 24rpx 24rpx}.page-header{margin:20rpx 0 0;padding:50rpx 32rpx 24rpx}.status-tabs{margin:20rpx 0}.tabs-scroll{white-space:nowrap}.tab-item{display:inline-block;padding:20rpx 32rpx;position:relative}.tab-label{color:#b08d8d;font-size:28rpx;font-weight:500}.tab-item.active .tab-label{color:#ff9a9e;font-weight:700}.tab-underline{background:#ff9a9e;border-radius:4rpx;bottom:8rpx;height:4rpx;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:40rpx}.orders-list{padding:0}.order-card{margin-bottom:24rpx;padding:28rpx}.order-header{-ms-flex-pack:justify;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:2rpx dashed #fce4ec;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:20rpx;padding-bottom:20rpx}.order-date{color:#b08d8d;font-size:24rpx}.order-body{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:20rpx}.order-icon-wrapper{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:-webkit-linear-gradient(315deg,#fff0f5,#e3f2fd);background:linear-gradient(135deg,#fff0f5,#e3f2fd);border-radius:16rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:120rpx;-webkit-justify-content:center;justify-content:center;margin-right:20rpx;width:120rpx}.order-icon{font-size:56rpx}.order-icon-img{height:56rpx;width:56rpx}.order-info{-webkit-flex:1;-ms-flex:1;flex:1}.order-product{color:#5c3a3a;display:block;font-size:30rpx;font-weight:700;margin-bottom:8rpx}.order-sku{color:#b08d8d;display:block;font-size:24rpx;margin-bottom:8rpx}.order-meta{color:#ccc;display:block;font-size:22rpx}.order-footer{border-top:2rpx dashed #fce4ec;padding-top:16rpx}.order-price-bar{-ms-flex-align:baseline;-ms-flex-pack:end;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:20rpx}.price-label{color:#b08d8d;font-size:24rpx;margin-right:8rpx}.price-value{color:#ff6b81;font-size:36rpx;font-weight:800}.order-actions{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:flex-end;justify-content:flex-end}.order-btn{border-radius:40rpx!important;font-size:26rpx!important;padding:14rpx 28rpx!important}.empty-state{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:120rpx 40rpx}.empty-icon-img{height:56rpx;margin-bottom:24rpx;width:56rpx}.empty-text{color:var(--text-primary);font-size:36rpx;font-weight:700;margin-bottom:12rpx}.empty-sub{color:var(--text-secondary);font-size:28rpx;margin-bottom:40rpx}
+1 -335
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -298
View File
@@ -1,298 +1 @@
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/@tarojs/webpack5-runner/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/product/index.scss ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.product-page {
padding: 0 24rpx 24rpx;
padding-bottom: 184rpx;
/* 为底部 action-bar 留空 */
}
/* 返回按钮 */
.back-btn {
font-size: 40rpx;
padding: 10rpx;
}
/* Hero 轮播 */
.hero-section {
margin-top: 20rpx;
}
.hero-swiper {
height: 400rpx;
}
.hero-card {
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.hero-icon {
font-size: 100rpx;
margin-bottom: 16rpx;
}
.hero-icon-img {
width: 100rpx;
height: 100rpx;
margin-bottom: 16rpx;
}
.hero-name {
font-size: 36rpx;
font-weight: 700;
color: var(--text-primary);
}
.hero-image {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
/* 基本信息 */
.info-section {
padding: 24rpx;
}
.info-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20rpx 0;
border-bottom: 1rpx dashed rgba(0, 0, 0, 0.06);
}
.info-row:last-child {
border-bottom: none;
}
.info-label {
font-size: 28rpx;
color: var(--text-secondary);
}
.info-price {
font-size: 40rpx;
font-weight: 800;
color: var(--accent-pink);
}
.info-value {
font-size: 28rpx;
color: var(--text-primary);
}
/* 详细介绍 */
.detail-section {
padding: 24rpx;
}
.detail-text {
font-size: 28rpx;
color: var(--text-secondary);
line-height: 1.8;
}
/* 底部操作栏 */
.action-bar .price-summary {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.summary-label {
font-size: 22rpx;
color: var(--text-secondary);
display: block;
}
.summary-price {
font-size: 36rpx;
font-weight: 700;
color: var(--accent-pink);
}
/* 弹窗 */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1000;
padding: 48rpx;
}
.modal-card {
width: 100%;
max-width: 600rpx;
padding: 40rpx;
}
.modal-title {
font-size: 36rpx;
font-weight: 700;
color: var(--text-primary);
text-align: center;
margin-bottom: 24rpx;
display: block;
}
.modal-product {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 16rpx;
margin-bottom: 32rpx;
}
.modal-icon {
font-size: 48rpx;
}
.modal-icon-img {
width: 48rpx;
height: 48rpx;
}
.modal-name {
font-size: 32rpx;
color: var(--text-primary);
font-weight: 600;
}
.quantity-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 32rpx;
}
.qty-label {
font-size: 28rpx;
color: var(--text-secondary);
}
.qty-control {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 24rpx;
}
.qty-btn {
width: 60rpx;
height: 60rpx;
border-radius: 12rpx;
background: var(--bg-input);
border: var(--line-card);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 32rpx;
color: var(--text-primary);
font-weight: 600;
}
.qty-num {
font-size: 32rpx;
font-weight: 700;
color: var(--text-primary);
min-width: 48rpx;
text-align: center;
}
.modal-total {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 32rpx;
padding-top: 24rpx;
border-top: 1rpx dashed rgba(0, 0, 0, 0.06);
}
.total-label {
font-size: 28rpx;
color: var(--text-secondary);
}
.total-price {
font-size: 36rpx;
font-weight: 800;
color: var(--accent-pink);
}
.modal-actions {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 20rpx;
}
.modal-actions .btn-outline,
.modal-actions .btn-gradient {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 20rpx 0;
}
.product-page{padding:0 24rpx 184rpx}.back-btn{font-size:40rpx;padding:10rpx}.hero-section{margin-top:20rpx}.hero-swiper{height:400rpx}.hero-card{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:center;justify-content:center;text-align:center}.hero-icon{font-size:100rpx;margin-bottom:16rpx}.hero-icon-img{height:100rpx;margin-bottom:16rpx;width:100rpx}.hero-name{color:var(--text-primary);font-size:36rpx;font-weight:700}.hero-image{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.info-section{padding:24rpx}.info-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1rpx dashed rgba(0,0,0,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:20rpx 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:28rpx}.info-price{color:var(--accent-pink);font-size:40rpx;font-weight:800}.info-value{color:var(--text-primary);font-size:28rpx}.detail-section{padding:24rpx}.detail-text{color:var(--text-secondary);font-size:28rpx;line-height:1.8}.action-bar .price-summary{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.summary-label{color:var(--text-secondary);display:block;font-size:22rpx}.summary-price{color:var(--accent-pink);font-size:36rpx;font-weight:700}.modal-overlay{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.5);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;padding:48rpx;position:fixed;right:0;top:0;z-index:1000}.modal-card{max-width:600rpx;padding:40rpx;width:100%}.modal-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:24rpx;text-align:center}.modal-product{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:center;justify-content:center;margin-bottom:32rpx}.modal-icon{font-size:48rpx}.modal-icon-img{height:48rpx;width:48rpx}.modal-name{color:var(--text-primary);font-size:32rpx;font-weight:600}.quantity-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx}.qty-label{color:var(--text-secondary);font-size:28rpx}.qty-control{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx}.qty-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:var(--line-card);border-radius:12rpx;color:var(--text-primary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:32rpx;font-weight:600;height:60rpx;-webkit-justify-content:center;justify-content:center;width:60rpx}.qty-num{color:var(--text-primary);font-size:32rpx;font-weight:700;min-width:48rpx;text-align:center}.modal-total{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-top:1rpx dashed rgba(0,0,0,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx;padding-top:24rpx}.total-label{color:var(--text-secondary);font-size:28rpx}.total-price{color:var(--accent-pink);font-size:36rpx;font-weight:800}.modal-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.modal-actions .btn-gradient,.modal-actions .btn-outline{-webkit-flex:1;-ms-flex:1;flex:1;padding:20rpx 0}
+1 -525
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -360
View File
File diff suppressed because one or more lines are too long
+1 -231
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -155
View File
@@ -1,155 +1 @@
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/@tarojs/webpack5-runner/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/service/index.scss ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.service-page {
padding: 0 24rpx 24rpx;
min-height: 100vh;
}
.page-header {
padding: 50rpx 32rpx 24rpx;
margin: 20rpx 0 0;
}
/* 客服英雄区 */
.service-hero {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding: 50rpx 40rpx;
}
.service-hero-icon {
width: 56rpx;
height: 56rpx;
margin-bottom: 20rpx;
}
.service-title {
font-size: 36rpx;
font-weight: 700;
color: var(--text-primary);
display: block;
margin-bottom: 12rpx;
}
.service-desc {
font-size: 24rpx;
color: var(--text-secondary);
display: block;
margin-bottom: 32rpx;
}
.service-btn {
padding: 24rpx 56rpx !important;
font-size: 30rpx !important;
border-radius: 50rpx !important;
}
/* 联系方式 */
.contact-list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 20rpx;
}
.contact-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 28rpx 32rpx;
}
.contact-icon {
font-size: 48rpx;
margin-right: 24rpx;
}
.contact-icon-img {
width: 32rpx;
height: 32rpx;
margin-right: 24rpx;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.contact-info {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.contact-label {
font-size: 24rpx;
color: var(--text-secondary);
display: block;
margin-bottom: 4rpx;
}
.contact-value {
font-size: 30rpx;
font-weight: 600;
color: var(--text-primary);
}
/* FAQ */
.faq-card {
margin-bottom: 20rpx;
padding: 28rpx 32rpx;
}
.faq-q {
font-size: 30rpx;
font-weight: 700;
color: var(--text-primary);
display: block;
margin-bottom: 12rpx;
}
.faq-a {
font-size: 26rpx;
color: var(--text-secondary);
line-height: 1.6;
}
/* 企业专属 */
.enterprise-service {
padding: 32rpx;
}
.enterprise-icon {
width: 28rpx;
height: 28rpx;
margin-right: 12rpx;
}
.enterprise-title {
font-size: 30rpx;
font-weight: 700;
color: var(--text-primary);
display: block;
margin-bottom: 8rpx;
}
.enterprise-desc {
font-size: 24rpx;
color: var(--text-secondary);
margin-bottom: 24rpx;
display: block;
}
.service-page{min-height:100vh;padding:0 24rpx 24rpx}.page-header{margin:20rpx 0 0;padding:50rpx 32rpx 24rpx}.service-hero{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:50rpx 40rpx;text-align:center}.service-hero-icon{height:56rpx;margin-bottom:20rpx;width:56rpx}.service-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:12rpx}.service-desc{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:32rpx}.service-btn{border-radius:50rpx!important;font-size:30rpx!important;padding:24rpx 56rpx!important}.contact-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20rpx}.contact-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:28rpx 32rpx}.contact-icon{font-size:48rpx;margin-right:24rpx}.contact-icon-img{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:32rpx;margin-right:24rpx;width:32rpx}.contact-info{-webkit-flex:1;-ms-flex:1;flex:1}.contact-label{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:4rpx}.contact-value{color:var(--text-primary);font-size:30rpx;font-weight:600}.faq-card{margin-bottom:20rpx;padding:28rpx 32rpx}.faq-q{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;margin-bottom:12rpx}.faq-a{color:var(--text-secondary);font-size:26rpx;line-height:1.6}.enterprise-service{padding:32rpx}.enterprise-icon{height:28rpx;margin-right:12rpx;width:28rpx}.enterprise-title{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;margin-bottom:8rpx}.enterprise-desc{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:24rpx}
+1 -309
View File
@@ -1,309 +1 @@
"use strict";
(wx["webpackJsonp"] = wx["webpackJsonp"] || []).push([["pages/settings/index"],{
/***/ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/settings/index!./src/pages/settings/index.tsx":
/*!**********************************************************************************************************************!*\
!*** ./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/settings/index!./src/pages/settings/index.tsx ***!
\**********************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* binding */ SettingsPage; }
/* harmony export */ });
/* harmony import */ var F_weixin_wordc_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
/* harmony import */ var F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
/* harmony import */ var _tarojs_components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @tarojs/components */ "./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js");
/* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tarojs/taro */ "./node_modules/@tarojs/taro/index.js");
/* harmony import */ var _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tarojs_taro__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/cjs/react.production.min.js");
/* harmony import */ var _components_ThemeToggle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/ThemeToggle */ "./src/components/ThemeToggle/index.tsx");
/* harmony import */ var _context_ThemeContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../context/ThemeContext */ "./src/context/ThemeContext.tsx");
/* harmony import */ var _utils_store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/store */ "./src/utils/store.ts");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/cjs/react-jsx-runtime.production.min.js");
var MENU = [{
label: '个人信息',
icon: '/icon/个人.png',
action: function action(s) {
return s.setShowEdit(true);
}
}, {
label: '账号管理',
icon: '/icon/账号管理.png',
action: function action() {
return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().navigateTo({
url: '/pages/userDatabase/index'
});
}
}, {
label: '定制协议',
icon: '/icon/定制协议.png',
action: function action() {
return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().navigateTo({
url: '/pages/agreement/index'
});
}
}, {
label: '关于我们',
icon: '/icon/关于我们.png',
action: function action() {
return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({
title: '智绘微刻 v1.0',
icon: 'none'
});
}
}];
function SettingsPage() {
var _useThemeContext = (0,_context_ThemeContext__WEBPACK_IMPORTED_MODULE_3__.useThemeContext)(),
theme = _useThemeContext.theme;
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)({}),
_useState2 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__["default"])(_useState, 2),
user = _useState2[0],
setUser = _useState2[1];
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''),
_useState4 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__["default"])(_useState3, 2),
editName = _useState4[0],
setEditName = _useState4[1];
var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''),
_useState6 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__["default"])(_useState5, 2),
editAvatar = _useState6[0],
setEditAvatar = _useState6[1];
var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
_useState8 = (0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_6__["default"])(_useState7, 2),
showEdit = _useState8[0],
setShowEdit = _useState8[1];
var loadUser = function loadUser() {
var u = (0,_utils_store__WEBPACK_IMPORTED_MODULE_4__.getUserInfo)() || {};
setUser(u);
setEditName(u.nickName || '');
setEditAvatar(u.avatarUrl || '');
};
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
loadUser();
}, []);
var handleSaveInfo = function handleSaveInfo() {
(0,_utils_store__WEBPACK_IMPORTED_MODULE_4__.setUserInfo)((0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__["default"])((0,F_weixin_wordc_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__["default"])({}, user), {}, {
nickName: editName,
avatarUrl: editAvatar
}));
_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showToast({
title: '修改成功',
icon: 'success'
});
setShowEdit(false);
loadUser();
};
var handleLogout = function handleLogout() {
_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().showModal({
title: '确认退出',
content: '退出后将清空当前登录状态,确定吗?',
success: function success(res) {
if (res.confirm) {
(0,_utils_store__WEBPACK_IMPORTED_MODULE_4__.clearUserInfo)();
_tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().switchTab({
url: '/pages/index/index'
});
}
}
});
};
var onChooseAvatar = function onChooseAvatar(e) {
setEditAvatar(e.detail.avatarUrl || '');
};
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "theme-".concat(theme),
style: {
minHeight: '100vh'
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "settings-page",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_ThemeToggle__WEBPACK_IMPORTED_MODULE_2__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "page-header dashed-card mt-20",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "star-badge"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "flex-between",
style: {
width: '100%'
},
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
className: "back-btn",
onTap: function onTap() {
return _tarojs_taro__WEBPACK_IMPORTED_MODULE_0___default().navigateBack();
},
children: "\u2190"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
className: "page-title",
children: "\u8BBE\u7F6E"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
style: {
width: '60px'
}
})]
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "settings-user dashed-card mt-20",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "flex-between",
onTap: function onTap() {
return setShowEdit(true);
},
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "flex-center",
children: [user.avatarUrl ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
className: "settings-avatar",
src: user.avatarUrl,
mode: "aspectFill"
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "settings-avatar-placeholder",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
className: "settings-avatar-icon",
src: "/icon/\u4E2A\u4EBA.png",
mode: "aspectFit"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
style: {
marginLeft: '20px'
},
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
className: "settings-name",
children: user.nickName || '未登录'
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
className: "settings-id",
children: ["ID: ", user.openid ? user.openid.slice(-8) : '---']
})]
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
className: "arrow",
children: "\u203A"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "settings-list dashed-card mt-20",
children: MENU.map(function (item, idx) {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "settings-item ".concat(idx < MENU.length - 1 ? 'bordered' : ''),
onTap: function onTap() {
return item.action({
setShowEdit: setShowEdit
});
},
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
className: "settings-item-icon-img",
src: item.icon,
mode: "aspectFit"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
className: "settings-item-label",
children: item.label
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
className: "arrow",
children: "\u203A"
})]
}, idx);
})
}), (user === null || user === void 0 ? void 0 : user.openid) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "mt-20",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "btn-outline logout-btn",
onTap: handleLogout,
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
children: "\u9000\u51FA\u767B\u5F55"
})
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
style: {
height: '40px'
}
}), showEdit && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "modal-overlay",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "modal-card dashed-card",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "star-badge"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
className: "modal-title",
children: "\u4FEE\u6539\u4FE1\u606F"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Button, {
className: "avatar-btn",
openType: "chooseAvatar",
onChooseAvatar: onChooseAvatar,
children: editAvatar ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
className: "avatar-img",
src: editAvatar,
mode: "aspectFill"
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Image, {
className: "avatar-placeholder-img",
src: "/icon/\u4E2A\u4EBA.png",
mode: "aspectFit"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Input, {
className: "nickname-input",
placeholder: "\u8BF7\u8F93\u5165\u6635\u79F0",
value: editName,
onInput: function onInput(e) {
return setEditName(e.detail.value);
}
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "form-actions",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "btn-outline",
onTap: function onTap() {
return setShowEdit(false);
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
children: "\u53D6\u6D88"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.View, {
className: "btn-gradient",
onTap: handleSaveInfo,
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_8__.Text, {
children: "\u4FDD\u5B58"
})
})]
})]
})
})]
})
});
}
/***/ }),
/***/ "./src/pages/settings/index.tsx":
/*!**************************************!*\
!*** ./src/pages/settings/index.tsx ***!
\**************************************/
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
/* harmony import */ var _tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tarojs/runtime */ "./node_modules/@tarojs/runtime/dist/runtime.esm.js");
/* harmony import */ var _node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_settings_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !!../../../node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/settings/index!./index.tsx */ "./node_modules/@tarojs/taro-loader/lib/entry-cache.js?name=pages/settings/index!./src/pages/settings/index.tsx");
var config = {"navigationBarTitleText":"设置"};
var inst = Page((0,_tarojs_runtime__WEBPACK_IMPORTED_MODULE_1__.createPageConfig)(_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_settings_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"], 'pages/settings/index', {root:{cn:[]}}, config || {}))
/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_tarojs_taro_loader_lib_entry_cache_js_name_pages_settings_index_index_tsx__WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ })
},
/******/ function(__webpack_require__) { // webpackRuntimeModules
/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
/******/ __webpack_require__.O(0, ["taro","vendors","common"], function() { return __webpack_exec__("./src/pages/settings/index.tsx"); });
/******/ var __webpack_exports__ = __webpack_require__.O();
/******/ }
]);
//# sourceMappingURL=index.js.map
"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[486],{7904:function(s,e,a){var n=a(7842),t=a(9379),c=a(5544),i=a(118),l=a(758),r=a.n(l),o=a(6540),d=a(1268),m=a(9703),u=a(8594),h=a(4848),x=[{label:"\u4e2a\u4eba\u4fe1\u606f",icon:"/icon/\u4e2a\u4eba.png",action:function(s){return s.setShowEdit(!0)}},{label:"\u8d26\u53f7\u7ba1\u7406",icon:"/icon/\u8d26\u53f7\u7ba1\u7406.png",action:function(){return r().navigateTo({url:"/pages/userDatabase/index"})}},{label:"\u5b9a\u5236\u534f\u8bae",icon:"/icon/\u5b9a\u5236\u534f\u8bae.png",action:function(){return r().navigateTo({url:"/pages/agreement/index"})}},{label:"\u5173\u4e8e\u6211\u4eec",icon:"/icon/\u5173\u4e8e\u6211\u4eec.png",action:function(){return r().showToast({title:"\u667a\u7ed8\u5fae\u523b v1.0",icon:"none"})}}];function g(){var s=(0,m.wR)(),e=s.theme,a=(0,o.useState)({}),n=(0,c.A)(a,2),l=n[0],g=n[1],p=(0,o.useState)(""),j=(0,c.A)(p,2),N=j[0],f=j[1],v=(0,o.useState)(""),S=(0,c.A)(v,2),b=S[0],w=S[1],E=(0,o.useState)(!1),T=(0,c.A)(E,2),Y=T[0],A=T[1],k=function(){var s=(0,u.ug)()||{};g(s),f(s.nickName||""),w(s.avatarUrl||"")};(0,o.useEffect)(function(){k()},[]);var y=function(){(0,u.iA)((0,t.A)((0,t.A)({},l),{},{nickName:N,avatarUrl:b})),r().showToast({title:"\u4fee\u6539\u6210\u529f",icon:"success"}),A(!1),k()},F=function(){r().showModal({title:"\u786e\u8ba4\u9000\u51fa",content:"\u9000\u51fa\u540e\u5c06\u6e05\u7a7a\u5f53\u524d\u767b\u5f55\u72b6\u6001\uff0c\u786e\u5b9a\u5417\uff1f",success:function(s){s.confirm&&((0,u.Hf)(),r().switchTab({url:"/pages/index/index"}))}})},U=function(s){w(s.detail.avatarUrl||"")};return(0,h.jsx)(i.Ss,{className:"theme-".concat(e),style:{minHeight:"100vh"},children:(0,h.jsxs)(i.Ss,{className:"settings-page",children:[(0,h.jsx)(d.A,{}),(0,h.jsxs)(i.Ss,{className:"page-header dashed-card mt-20",children:[(0,h.jsx)(i.Ss,{className:"star-badge"}),(0,h.jsxs)(i.Ss,{className:"flex-between",style:{width:"100%"},children:[(0,h.jsx)(i.EY,{className:"back-btn",onTap:function(){return r().navigateBack()},children:"\u2190"}),(0,h.jsx)(i.EY,{className:"page-title",children:"\u8bbe\u7f6e"}),(0,h.jsx)(i.Ss,{style:{width:"60px"}})]})]}),(0,h.jsx)(i.Ss,{className:"settings-user dashed-card mt-20",children:(0,h.jsxs)(i.Ss,{className:"flex-between",onTap:function(){return A(!0)},children:[(0,h.jsxs)(i.Ss,{className:"flex-center",children:[l.avatarUrl?(0,h.jsx)(i._V,{className:"settings-avatar",src:l.avatarUrl,mode:"aspectFill"}):(0,h.jsx)(i.Ss,{className:"settings-avatar-placeholder",children:(0,h.jsx)(i._V,{className:"settings-avatar-icon",src:"/icon/\u4e2a\u4eba.png",mode:"aspectFit"})}),(0,h.jsxs)(i.Ss,{style:{marginLeft:"20px"},children:[(0,h.jsx)(i.EY,{className:"settings-name",children:l.nickName||"\u672a\u767b\u5f55"}),(0,h.jsxs)(i.EY,{className:"settings-id",children:["ID: ",l.openid?l.openid.slice(-8):"---"]})]})]}),(0,h.jsx)(i.EY,{className:"arrow",children:"\u203a"})]})}),(0,h.jsx)(i.Ss,{className:"settings-list dashed-card mt-20",children:x.map(function(s,e){return(0,h.jsxs)(i.Ss,{className:"settings-item ".concat(e<x.length-1?"bordered":""),onTap:function(){return s.action({setShowEdit:A})},children:[(0,h.jsx)(i._V,{className:"settings-item-icon-img",src:s.icon,mode:"aspectFit"}),(0,h.jsx)(i.EY,{className:"settings-item-label",children:s.label}),(0,h.jsx)(i.EY,{className:"arrow",children:"\u203a"})]},e)})}),(null===l||void 0===l?void 0:l.openid)&&(0,h.jsx)(i.Ss,{className:"mt-20",children:(0,h.jsx)(i.Ss,{className:"btn-outline logout-btn",onTap:F,children:(0,h.jsx)(i.EY,{children:"\u9000\u51fa\u767b\u5f55"})})}),(0,h.jsx)(i.Ss,{style:{height:"40px"}}),Y&&(0,h.jsx)(i.Ss,{className:"modal-overlay",children:(0,h.jsxs)(i.Ss,{className:"modal-card dashed-card",children:[(0,h.jsx)(i.Ss,{className:"star-badge"}),(0,h.jsx)(i.EY,{className:"modal-title",children:"\u4fee\u6539\u4fe1\u606f"}),(0,h.jsx)(i.$n,{className:"avatar-btn",openType:"chooseAvatar",onChooseAvatar:U,children:b?(0,h.jsx)(i._V,{className:"avatar-img",src:b,mode:"aspectFill"}):(0,h.jsx)(i._V,{className:"avatar-placeholder-img",src:"/icon/\u4e2a\u4eba.png",mode:"aspectFit"})}),(0,h.jsx)(i.pd,{className:"nickname-input",placeholder:"\u8bf7\u8f93\u5165\u6635\u79f0",value:N,onInput:function(s){return f(s.detail.value)}}),(0,h.jsxs)(i.Ss,{className:"form-actions",children:[(0,h.jsx)(i.Ss,{className:"btn-outline",onTap:function(){return A(!1)},children:(0,h.jsx)(i.EY,{children:"\u53d6\u6d88"})}),(0,h.jsx)(i.Ss,{className:"btn-gradient",onTap:y,children:(0,h.jsx)(i.EY,{children:"\u4fdd\u5b58"})})]})]})})]})})}var p={navigationBarTitleText:"\u8bbe\u7f6e"};Page((0,n.createPageConfig)(g,"pages/settings/index",{root:{cn:[]}},p||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(7904)});s.O()}]);
File diff suppressed because one or more lines are too long
+1 -100
View File
@@ -1,100 +1 @@
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/@tarojs/webpack5-runner/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/settings/index.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.settings-page {
padding: 0 24rpx 24rpx;
}
.settings-user {
padding: 24rpx;
}
.settings-avatar {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
border: 3rpx dashed var(--line-star);
}
.settings-avatar-placeholder {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
background: var(--bg-input);
border: 3rpx dashed var(--line-star);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30rpx;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.settings-name {
font-size: 32rpx;
font-weight: 700;
color: var(--text-primary);
display: block;
margin-bottom: 8rpx;
}
.settings-id {
font-size: 24rpx;
color: var(--text-secondary);
}
.arrow {
font-size: 36rpx;
color: var(--text-secondary);
}
.settings-list {
padding: 0 24rpx;
}
.settings-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 28rpx 0;
}
.settings-item.bordered {
border-bottom: 1rpx dashed rgba(0, 0, 0, 0.06);
}
.settings-item-icon-img {
width: 32rpx;
height: 32rpx;
margin-right: 16rpx;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.settings-item-label {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 30rpx;
color: var(--text-primary);
}
.logout-btn {
text-align: center;
padding: 24rpx 0;
color: #ff6b6b;
border: 3rpx dashed #ff6b6b;
}
/* 弹窗复用 address 弹窗和 profile 弹窗样式 */
.settings-page{padding:0 24rpx 24rpx}.settings-user{padding:24rpx}.settings-avatar{border:3rpx dashed var(--line-star);border-radius:50%;height:100rpx;width:100rpx}.settings-avatar-placeholder{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:3rpx dashed var(--line-star);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100rpx;-webkit-justify-content:center;justify-content:center;padding:30rpx;width:100rpx}.settings-name{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:8rpx}.settings-id{color:var(--text-secondary);font-size:24rpx}.arrow{color:var(--text-secondary);font-size:36rpx}.settings-list{padding:0 24rpx}.settings-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:28rpx 0}.settings-item.bordered{border-bottom:1rpx dashed rgba(0,0,0,.06)}.settings-item-icon-img{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:32rpx;margin-right:16rpx;width:32rpx}.settings-item-label{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:30rpx}.logout-btn{border:3rpx dashed #ff6b6b;color:#ff6b6b;padding:24rpx 0;text-align:center}
+1
View File
File diff suppressed because one or more lines are too long
+1
View File
@@ -0,0 +1 @@
{"usingComponents":{"comp":"../../comp"}}
+2
View File
@@ -0,0 +1,2 @@
<import src="../../base.wxml"/>
<template is="taro_tmpl" data="{{root:root}}" />
+1
View File
File diff suppressed because one or more lines are too long
+1 -317
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -246
View File
@@ -1,246 +1 @@
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/@tarojs/webpack5-runner/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/userDatabase/index.scss ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.udb-page {
padding: 0 24rpx 40rpx;
min-height: 100vh;
}
/* 锁屏验证 */
.udb-lock-card {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 60rpx 40rpx;
text-align: center;
}
.udb-lock-icon {
font-size: 80rpx;
margin-bottom: 24rpx;
}
.udb-lock-title {
font-size: 36rpx;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 12rpx;
display: block;
}
.udb-lock-desc {
font-size: 26rpx;
color: var(--text-secondary);
margin-bottom: 32rpx;
display: block;
}
.udb-password-input {
width: 100%;
height: 80rpx;
background: var(--bg-input);
border: 2rpx solid var(--line-star);
border-radius: 16rpx;
padding: 0 24rpx;
font-size: 30rpx;
color: var(--text-primary);
text-align: center;
margin-bottom: 24rpx;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.udb-error {
font-size: 24rpx;
color: #e64340;
margin-bottom: 20rpx;
display: block;
}
.udb-btn {
width: 100%;
padding: 20rpx 0;
font-size: 30rpx;
}
/* 工具栏 */
.udb-toolbar {
margin: 20rpx 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.udb-add-btn {
padding: 14rpx 28rpx;
font-size: 26rpx;
}
/* 数据表格 */
.udb-table {
background: var(--bg-card);
border: var(--line-card);
border-radius: 24rpx;
overflow: hidden;
}
.udb-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20rpx 16rpx;
border-bottom: 1rpx solid rgba(0, 0, 0, 0.04);
}
.udb-row:last-child {
border-bottom: none;
}
.udb-header {
background: var(--bg-input);
padding: 16rpx;
}
.udb-header .udb-col {
font-weight: 700;
font-size: 24rpx;
color: var(--text-primary);
}
.udb-col {
font-size: 24rpx;
color: var(--text-secondary);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 6rpx;
}
.col-nick {
-webkit-flex: 0 0 22%;
-ms-flex: 0 0 22%;
flex: 0 0 22%;
}
.col-id {
-webkit-flex: 0 0 36%;
-ms-flex: 0 0 36%;
flex: 0 0 36%;
}
.col-stats {
-webkit-flex: 0 0 18%;
-ms-flex: 0 0 18%;
flex: 0 0 18%;
text-align: center;
}
.col-action {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 12rpx;
}
.udb-row.active {
background: rgba(91, 140, 255, 0.06);
}
.udb-link {
padding: 6rpx 14rpx;
border-radius: 8rpx;
font-size: 22rpx;
color: var(--accent-blue);
background: rgba(91, 140, 255, 0.08);
}
.udb-danger {
color: #e64340;
background: rgba(230, 67, 64, 0.08);
}
.udb-current {
font-size: 22rpx;
color: var(--accent-blue);
font-weight: 600;
}
.udb-empty {
padding: 40rpx;
text-align: center;
color: var(--text-secondary);
font-size: 28rpx;
}
/* 弹窗 */
.udb-add-card {
padding: 48rpx 36rpx;
width: 80%;
}
.udb-add-title {
font-size: 32rpx;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 24rpx;
display: block;
text-align: center;
}
.udb-add-input {
width: 100%;
height: 80rpx;
background: var(--bg-input);
border: 2rpx solid var(--line-star);
border-radius: 16rpx;
padding: 0 24rpx;
font-size: 28rpx;
color: var(--text-primary);
margin-bottom: 32rpx;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.udb-add-actions {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 20rpx;
}
.udb-add-actions .btn-outline,
.udb-add-actions .btn-gradient {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 18rpx 0;
text-align: center;
}
.udb-page{min-height:100vh;padding:0 24rpx 40rpx}.udb-lock-card{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:60rpx 40rpx;text-align:center}.udb-lock-icon{font-size:80rpx;margin-bottom:24rpx}.udb-lock-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:12rpx}.udb-lock-desc{color:var(--text-secondary);display:block;font-size:26rpx;margin-bottom:32rpx}.udb-password-input{background:var(--bg-input);border:2rpx solid var(--line-star);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:30rpx;height:80rpx;margin-bottom:24rpx;padding:0 24rpx;text-align:center;width:100%}.udb-error{color:#e64340;display:block;font-size:24rpx;margin-bottom:20rpx}.udb-btn{font-size:30rpx;padding:20rpx 0;width:100%}.udb-toolbar{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin:20rpx 0}.udb-add-btn{font-size:26rpx;padding:14rpx 28rpx}.udb-table{background:var(--bg-card);border:var(--line-card);border-radius:24rpx;overflow:hidden}.udb-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1rpx solid rgba(0,0,0,.04);display:-webkit-flex;display:-ms-flexbox;display:flex;padding:20rpx 16rpx}.udb-row:last-child{border-bottom:none}.udb-header{background:var(--bg-input);padding:16rpx}.udb-header .udb-col{color:var(--text-primary);font-size:24rpx;font-weight:700}.udb-col{-ms-flex-negative:0;color:var(--text-secondary);-webkit-flex-shrink:0;flex-shrink:0;font-size:24rpx;overflow:hidden;padding:0 6rpx;text-overflow:ellipsis;white-space:nowrap}.col-nick{-webkit-flex:0 0 22%;-ms-flex:0 0 22%;flex:0 0 22%}.col-id{-webkit-flex:0 0 36%;-ms-flex:0 0 36%;flex:0 0 36%}.col-stats{-webkit-flex:0 0 18%;-ms-flex:0 0 18%;flex:0 0 18%;text-align:center}.col-action{-ms-flex-align:center;-ms-flex-pack:end;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;gap:12rpx;-webkit-justify-content:flex-end;justify-content:flex-end}.udb-row.active{background:rgba(91,140,255,.06)}.udb-link{background:rgba(91,140,255,.08);border-radius:8rpx;color:var(--accent-blue);font-size:22rpx;padding:6rpx 14rpx}.udb-danger{background:rgba(230,67,64,.08);color:#e64340}.udb-current{color:var(--accent-blue);font-size:22rpx;font-weight:600}.udb-empty{color:var(--text-secondary);font-size:28rpx;padding:40rpx;text-align:center}.udb-add-card{padding:48rpx 36rpx;width:80%}.udb-add-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:24rpx;text-align:center}.udb-add-input{background:var(--bg-input);border:2rpx solid var(--line-star);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;height:80rpx;margin-bottom:32rpx;padding:0 24rpx;width:100%}.udb-add-actions{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.udb-add-actions .btn-gradient,.udb-add-actions .btn-outline{-webkit-flex:1;-ms-flex:1;flex:1;padding:18rpx 0;text-align:center}
+1 -362
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -400
View File
File diff suppressed because one or more lines are too long