商品浏览页构建前最后一次更新
This commit is contained in:
Vendored
+51
-39
@@ -28,33 +28,42 @@
|
||||
|
||||
|
||||
|
||||
// 成品展示数据
|
||||
// 成品展示配图（从 img 里取对应实物图）
|
||||
|
||||
var SHOWCASES = [{
|
||||
var SHOWCASE_LIST = [{
|
||||
title: '毕业纪念笔记本',
|
||||
desc: '全班名字组成校徽',
|
||||
color: '#FFE4EC'
|
||||
image: '/img/book_small/The1.jpg'
|
||||
}, {
|
||||
title: '铜质杯垫',
|
||||
desc: '金属质感桌面艺术',
|
||||
color: '#E8D5C4'
|
||||
image: '/img/cup/The1.jpg'
|
||||
}, {
|
||||
title: '竹制笔盒',
|
||||
desc: '自然竹纹文房雅器',
|
||||
color: '#E0F0D9'
|
||||
image: '/img/penbox/The1.jpg'
|
||||
}, {
|
||||
title: '书本型灯',
|
||||
desc: '温暖光影点亮心意',
|
||||
color: '#FFF3CD'
|
||||
image: '/img/booklight/The1.jpg'
|
||||
}, {
|
||||
title: '情侣定制礼',
|
||||
desc: '两个人的名字交织',
|
||||
color: '#FCE4EC'
|
||||
image: '/img/book_big/The1.jpg'
|
||||
}, {
|
||||
title: '企业年会礼',
|
||||
desc: '员工名字组成Logo',
|
||||
color: '#E3F2FD'
|
||||
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;
|
||||
@@ -89,9 +98,10 @@ function Index() {
|
||||
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__.Text, {
|
||||
className: "search-icon",
|
||||
children: "\uD83D\uDD0D"
|
||||
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",
|
||||
@@ -123,7 +133,7 @@ function Index() {
|
||||
previousMargin: "40rpx",
|
||||
nextMargin: "40rpx",
|
||||
indicatorDots: true,
|
||||
children: SHOWCASES.map(function (item, idx) {
|
||||
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, {
|
||||
@@ -132,25 +142,26 @@ function Index() {
|
||||
className: "star-badge"
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.View, {
|
||||
className: "showcase-image-wrapper",
|
||||
style: {
|
||||
background: item.color
|
||||
},
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
|
||||
className: "showcase-emoji",
|
||||
children: "\uD83C\uDF81"
|
||||
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-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
|
||||
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"
|
||||
})]
|
||||
}), /*#__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);
|
||||
@@ -166,18 +177,18 @@ function Index() {
|
||||
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",
|
||||
onClick: function onClick() {
|
||||
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"
|
||||
}), cat.images && cat.images.length > 0 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Image, {
|
||||
className: "category-icon-img",
|
||||
src: cat.images[0],
|
||||
mode: "aspectFit"
|
||||
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_7__.Text, {
|
||||
className: "category-icon",
|
||||
children: cat.icon
|
||||
}), /*#__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
|
||||
@@ -192,9 +203,10 @@ function Index() {
|
||||
})
|
||||
}), 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__.Text, {
|
||||
className: "empty-icon",
|
||||
children: "\uD83D\uDD0D"
|
||||
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"
|
||||
|
||||
Reference in New Issue
Block a user