This commit is contained in:
chenyuwu
2026-08-15 17:13:39 +08:00
parent a10fc51c02
commit 72b18009ff
9 changed files with 63 additions and 82 deletions
+4 -4
View File
@@ -2,9 +2,9 @@
App<IAppOption>({
globalData: {},
onLaunch() {
const envVersion = wx.getAccountInfoSync().miniProgram.envVersion
if (envVersion !== 'release') {
wx.reLaunch({ url: '/pages/tools/index' })
}
// const envVersion = wx.getAccountInfoSync().miniProgram.envVersion
// if (envVersion !== 'release') {
// wx.reLaunch({ url: '/pages/tools/index' })
// }
},
})
Binary file not shown.

Before

Width:  |  Height:  |  Size: 180 KiB

After

Width:  |  Height:  |  Size: 245 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 384 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 124 KiB

-11
View File
@@ -34,17 +34,6 @@ page {
border-radius: 36rpx;
}
.overlay-blur-top {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 72rpx;
border-radius: 36rpx 36rpx 0 0;
background: linear-gradient(to bottom, rgba(245, 245, 245, 0.6), rgba(245, 245, 245, 0) 100%);
pointer-events: none;
}
/* ========== 弹窗 ========== */
.popup-mask {
position: fixed;
+4 -4
View File
@@ -18,16 +18,16 @@ Component({
// 转发给好友
onShareAppMessage() {
return {
title: '2024新款男士轻薄羽绒服 限时5折¥299',
title: '吉林敖东控糖胶囊 辅助降血糖 ¥89.22起',
path: '/pages/index/index',
imageUrl: '/pages/index/assets/test.png',
imageUrl: '/pages/index/assets/test.jpg',
}
},
// 分享到朋友圈
onShareTimeline() {
return {
title: '2024新款男士轻薄羽绒服 限时5折¥299',
imageUrl: '/pages/index/assets/test.png',
title: '吉林敖东控糖胶囊 辅助降血糖 ¥89.22起',
imageUrl: '/pages/index/assets/test.jpg',
}
},
preventTouchMove() {},
+27 -42
View File
@@ -1,15 +1,14 @@
<!-- 全屏遮蔽层 -->
<view class="overlay-mask" catchtouchmove="preventTouchMove" bindtap="onOverlayTap">
<view class="overlay-image-wrap">
<image class="overlay-image" src="./assets/get.png" mode="aspectFit"></image>
<view class="overlay-blur-top"></view>
<image class="overlay-image" src="./assets/get.png" mode="aspectFill"></image>
</view>
</view>
<!-- 淘宝风格商品详情页 -->
<!-- 商品主图 -->
<view class="product-image-wrap">
<image class="product-image" src="./assets/test.png" mode="aspectFill"></image>
<image class="product-image" src="./assets/test.jpg" mode="aspectFill"></image>
</view>
<!-- 商品信息区域 -->
@@ -18,14 +17,14 @@
<view class="price-section">
<view class="price-row">
<text class="price-symbol">¥</text>
<text class="price-value">299</text>
<text class="price-decimal">.00</text>
<text class="price-original">¥599.00</text>
<view class="discount-tag">限时5折</view>
<text class="price-value">89</text>
<text class="price-decimal">.22起</text>
<text class="price-original">优惠前¥258起</text>
<view class="discount-tag">已售1000+</view>
</view>
<view class="promo-row">
<view class="promo-tag">跨店满减</view>
<text class="promo-text">每满200减30</text>
<view class="promo-tag">平台礼金补贴</view>
<text class="promo-text">补贴21元 即时到账</text>
</view>
</view>
@@ -34,9 +33,9 @@
<view class="title-tags">
<text class="tag tag-brand">品牌</text>
<text class="tag tag-guarantee">正品保证</text>
<text class="tag tag-shipping">24h发货</text>
<text class="tag tag-shipping">药房直售</text>
</view>
<text class="product-title">2024新款男士轻薄羽绒服 短款立领保暖外套 秋冬季百搭休闲潮牌上衣 加厚防风防水</text>
<text class="product-title">吉林敖东控糖胶囊益壹生牌怡络和胶囊官方旗舰店正品药房直售 9gv</text>
</view>
<!-- 优惠与配送 -->
@@ -45,9 +44,9 @@
<text class="info-label">促销</text>
<view class="info-content">
<view class="coupon-row">
<view class="coupon-tag">满299减20</view>
<view class="coupon-tag">满499减50</view>
<view class="coupon-tag">店铺券</view>
<view class="coupon-tag">淘金币已抵2.58元</view>
<view class="coupon-tag">限时立减145.2</view>
<view class="coupon-tag">国家贴息3期免息</view>
</view>
</view>
<text class="info-arrow">›</text>
@@ -55,14 +54,14 @@
<view class="info-item">
<text class="info-label">配送</text>
<view class="info-content">
<text class="info-text">广东广州 | 快递: 免运费</text>
<text class="info-text">预计明天发货 | 承诺48小时内发货 | 多仓发货</text>
</view>
<text class="info-arrow">›</text>
</view>
<view class="info-item">
<text class="info-label">服务</text>
<view class="info-content">
<text class="info-text">7天无理由 · 运费险 · 极速退款</text>
<text class="info-text">假一赔四 · 退货宝 · 极速退款 · 7天无理由退换</text>
</view>
<text class="info-arrow">›</text>
</view>
@@ -71,22 +70,12 @@
<!-- SKU选择区域 -->
<view class="sku-section">
<view class="sku-item">
<text class="sku-label">颜色分类</text>
<text class="sku-label">规格</text>
<view class="sku-options">
<view class="sku-option sku-option-selected">黑色</view>
<view class="sku-option">深灰色</view>
<view class="sku-option">卡其色</view>
<view class="sku-option">军绿色</view>
</view>
</view>
<view class="sku-item">
<text class="sku-label">尺码</text>
<view class="sku-options">
<view class="sku-option sku-option-selected">M</view>
<view class="sku-option">L</view>
<view class="sku-option">XL</view>
<view class="sku-option">2XL</view>
<view class="sku-option">3XL</view>
<view class="sku-option sku-option-selected">1盒</view>
<view class="sku-option">2盒装</view>
<view class="sku-option">3盒装</view>
<view class="sku-option">5盒装</view>
</view>
</view>
<view class="sku-item">
@@ -105,12 +94,12 @@
<image class="shop-logo" src="https://img.alicdn.com/imgextra/i3/O1CN01Wr5Kxq1NqSGZXMKBf_!!6000000001621-2-tps-120-120.png" mode="aspectFill"></image>
<view class="shop-detail">
<view class="shop-name-row">
<text class="shop-name">潮流前线官方旗舰店</text>
<view class="shop-badge">品牌店</view>
<text class="shop-name">吉林敖东大药房官方旗舰店</text>
<view class="shop-badge">旗舰店</view>
</view>
<view class="shop-stats">
<text class="shop-stat">描述 4.8</text>
<text class="shop-stat">服务 4.8</text>
<text class="shop-stat">服务 4.9</text>
<text class="shop-stat">物流 4.9</text>
</view>
</view>
@@ -125,17 +114,13 @@
<!-- 商品详情 Tab -->
<view class="detail-tabs">
<view class="detail-tab detail-tab-active">商品详情</view>
<view class="detail-tab">用户评价(1280)</view>
<view class="detail-tab">用户评价(15)</view>
<view class="detail-tab">问大家</view>
</view>
<!-- 商品详情图片 -->
<view class="detail-images">
<image class="detail-img" src="https://via.placeholder.com/750x800/FFF5F0/333333?text=产品细节图1" mode="widthFix"></image>
<image class="detail-img" src="https://via.placeholder.com/750x600/FFF5F0/333333?text=产品细节图2" mode="widthFix"></image>
<image class="detail-img" src="https://via.placeholder.com/750x900/FFF5F0/333333?text=产品细节图3" mode="widthFix"></image>
<image class="detail-img" src="https://via.placeholder.com/750x700/FFF5F0/333333?text=尺码表" mode="widthFix"></image>
<image class="detail-img" src="https://via.placeholder.com/750x800/FFF5F0/333333?text=产品实拍图4" mode="widthFix"></image>
<image class="detail-img" src="./assets/test.jpg" mode="widthFix"></image>
</view>
<!-- 底部占位 -->
@@ -147,7 +132,7 @@
<view class="bar-icons">
<view class="bar-icon">
<text class="bar-icon-symbol">♡</text>
<text class="bar-icon-label">收藏</text>
<text class="bar-icon-label">收藏 94</text>
</view>
<view class="bar-icon">
<text class="bar-icon-symbol">◐</text>
@@ -160,6 +145,6 @@
</view>
<view class="bar-buttons">
<view class="bar-btn bar-btn-cart">加入购物车</view>
<view class="bar-btn bar-btn-buy">立即购买</view>
<view class="bar-btn bar-btn-buy">领券购买</view>
</view>
</view>
+7 -2
View File
@@ -32,7 +32,11 @@
"condition": false,
"swc": false,
"disableSWC": true,
"disableUseStrict": false
"disableUseStrict": false,
"sassSetting": {
"sassCommonUseFilePath": "global.sass",
"scssCommonUseFilePath": "global.scss"
}
},
"simulatorType": "wechat",
"simulatorPluginLibVersion": {},
@@ -47,5 +51,6 @@
"ignore": [],
"include": []
},
"appid": "wx0527b2d9e540919e"
"appid": "wx0527b2d9e540919e",
"isGameTourist": false
}
+21 -19
View File
@@ -1,21 +1,23 @@
{
"libVersion": "2.32.3",
"projectname": "redirect",
"setting": {
"urlCheck": true,
"coverView": false,
"lazyloadPlaceholderEnable": false,
"skylineRenderEnable": true,
"preloadBackgroundData": false,
"autoAudits": false,
"useApiHook": true,
"showShadowRootInWxmlPanel": false,
"useStaticServer": false,
"useLanDebug": false,
"showES6CompileOption": false,
"compileHotReLoad": true,
"bigPackageSizeSupport": false,
"checkInvalidKey": true,
"ignoreDevUnusedFiles": true
}
"libVersion": "2.32.3",
"projectname": "redirect",
"setting": {
"urlCheck": true,
"coverView": false,
"lazyloadPlaceholderEnable": false,
"skylineRenderEnable": true,
"preloadBackgroundData": false,
"autoAudits": false,
"useApiHook": true,
"showShadowRootInWxmlPanel": false,
"useStaticServer": false,
"useLanDebug": false,
"showES6CompileOption": false,
"compileHotReLoad": true,
"bigPackageSizeSupport": false,
"checkInvalidKey": true,
"ignoreDevUnusedFiles": true,
"useGlassEaselForWxml": false
},
"condition": {}
}