chenyuwu/ruo-shan-cloud-redirect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/pages/index/index.wxml
+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>