微信小程序实现购物商城

一、首页

包括活动图片的轮播展示、活动商品缩略图和基本信息的展示、横向滑动tabBar、搜索框等。

                         
  
                                                    
                              {{navItem.text}}                                
                                          {{item.title}}                                                  原价：        
                
                          ￥{{item.maxLinePrice}}                    
                                                                        到手：        
                
                          ￥{{item.minSalePrice}}            
                                                                        返利：        
                
                          ￥{{item.redBag}}
                                                正在加载中......
        没有更多数据
    微信登录            {{tipMsg}}
            取消-->
    确定

二、活动详情展示页

活动详情展示页有两种，根据type进行分别跳转。一种是展示活动详情，主要包括活动图片、活动内容、活动链接等。

  
          
                    {{title}}                    {{activityDesc}}        
            {{showType}}  “{{title}}”  活动链接                    复制商品链接

另一种是展示活动商品，包括活动图片、活动内容和活动商品列表。

  
          
                    {{title}}                    {{activityDesc}}        
            拼多多{{title}}活动商品库        
                                          {{item.title}}                                                  原价：        
                
                          ￥{{item.maxLinePrice}}                    
                                                                        到手：        
                
                          ￥{{item.minSalePrice}}            
                                                                        返利：        
                
                          ￥{{item.redBag}}
                                                正在加载中......
        没有更多数据

三、商品详情展示页

商品详情展示了商品轮播图和商品信息。

  
                                          
                            起                    好评{{goodComments}}%                                  {{item.title}}                            {{name}}        
            详情介绍         0}}" wx:for="{{imgUrls}}" wx:key="index">
                        复制链接购买      京东小程序购买

四、搜索页，支持按销量、价格等进行排序

      综合
        {{configData.soldNumMsg}}
            {{configData.priceSortMsg}}
                                      {{item.title}}                                                                    {{configData.pddOrignal}}：        
                    
                                    {{configData.priceFlag}}{{item.maxLinePrice}}                    
                                                                                                {{configData.tbSubtraction}}：        
                    
                                    -{{configData.priceFlag}}{{item.differ}}            
                                                                                                {{configData.tbDiscount}}：        
                    
                                    {{configData.priceFlag}}{{item.minSalePrice}}
                                            正在加载中......    没有更多数据

五、我的页面

展示用户余额、返利总额等信息。

                {{userInfo.nickName}}        ID: {{userId}}                                                      {{ item.userName }}在{{ item.minute }}分钟前成功{{configData.drawCash}} {{ item.amount }} 元至微信余额        
                                             {{presentAmount}}            {{configData.presentRebate}}                                                {{actualAmount}}            {{configData.accumulativeRebate}}                 
            {{waitAmount}}            {{configData.profitRebate}}            
                             {{configData.myOrders}}
                            查看全部        
                 
                                {{configData.toAwardOrders}}                             
            {{configData.toAwardOrdersInfo}}    
                                {{configData.awardOrders}}                             
            {{configData.awardOrdersInfo}}    
                          联系客服                     
            任何问题和建议都可以与我们沟通    
                  微信登录            {{tipMsg}}
            取消-->
    确定

六、订单页面

展示待返利订单、已返利订单列表

    待奖励        已奖励            {{configData.toAwardOrdersMsg}}    
            
                {{configData.awardOrdersMsg}}    
                                     {{ item.shopName }}              {{ status == 'waitAward' ? '等待确认收货' : '奖励成功发放'}}                 
                                                                                    {{item.itemName}}                                        
                            共计 {{item.itemList.length}} 件商品，确认收货后奖励：{{item.total}}