EIEI/wechat_wc
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
lhmin0604
2026-08-03 13:34:03 +08:00
parent e423ab2d73
commit a091664cee
77 changed files with 1882 additions and 22045 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/pages/index/index.js
Vendored
+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()}]);
dist/pages/index/index.js.map
Vendored
-1
View File
File diff suppressed because one or more lines are too long
dist/pages/index/index.wxss
Vendored
+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}