微信小程序完整项目实战(前端+后端)

基于微信小程序的在线商城点单系统

前言：闲来无事，制作一个微信小程序商城。系统采用Java语言作为后端实现与小程序的交互，给用来学习或者想自己开个小店的朋友当个参考。

前言

项目功能及技术

小程序主要有首页、商品详情、商品分类、商品评价、购物车、个人中心等模块。
管理端主要有人员管理、权限管理、商品管理、订单管理等模块。

html+css+js：微信小程序界面。
SpringBoot框架+Java程序语言：小程序及后台管理系统API的实现。
Layui前端框架：web后台管理界面样式及数据渲染框架。
MySQL数据库：数据支持。
1
2
3
4
5
6
7

效果图

小程序

管理端

API

SpringBoot框架搭建

1.创建maven project，先创建一个名为SpringBootDemo的项目，选择【New Project】

然后在弹出的下图窗口中，选择左侧菜单的【New Project】

在project下创建module，点击右键选择【new】—【Module…】

左侧选择【Spring initializr】，通过idea中集成的Spring initializr工具进行spring boot项目的快速创建。窗口右侧：name可根据自己喜好设置，group和artifact和上面一样的规则，其他选项保持默认值即可，【next】

Developer Tools模块勾选【Spring Boot DevTools】，web模块勾选【Spring Web】，此时，一个Springboot项目已经搭建完成，可开发后续功能

实体映射创建Mapper

创建一个entity实体类文件夹，并在该文件夹下创建项目用到的实体类

package com.example.demo.entity;

import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId;
import lombok.Data;

import java.time.LocalDateTime;
import java.util.ArrayList;
import java.util.List;

@Data
public class User {
    @TableId(type = IdType.AUTO)
    private Long id;

    private String account;

    private String pwd;

    private String userDesc;

    private String userHead;

    private LocalDateTime createTime;

    private Long role;

    private String nickname;

    private String email;

    private String tags;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

接口封装

由于我们使用mybatis-plus，所以简单的增删改查不用自己写，框架自带了，只需要实现或者继承他的Mapper、Service

创建控制器Controller

整合Swagger

添加依赖

先导入spring boot的web包

    io.springfox
    springfox-swagger2
    2.9.2


    io.springfox
    springfox-swagger-ui
    2.9.2

1
2
3
4
5
6
7
8
9
10
11

配置Swagger

创建一个swagger的配置类，命名为SwaggerConfig.java

/*
     *用于定义API主界面的信息，比如可以声明所有的API的总标题、描述、版本
     */
    private ApiInfo apiDemo() {
        return new ApiInfoBuilder()
                //用来自定义API的标题
                .title("SpringBoot项目SwaggerAPIAPI标题测试")
                //用来描述整体的API
                .description("SpringBoot项目SwaggerAPI描述测试")
                //创建人信息
                .contact(new Contact("测试员张三","http://localhost:8080/springboot/swagger-ui.html","xxxxxxxx@163.com"))
                //用于定义服务的域名
                //.termsOfServiceUrl("")
                .version("1.0") //可以用来定义版本
                .build();
    }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

接口测试

运行Spring Boot项目，默认端口8080，通过地址栏访问url

接口组定义

根据不同的业务区分不同的接口组，使用@API来划分

@Api(tags = "用户管理") //  tags：组名称
@RestController
public class RoleController {
}
1
2
3
4

接口定义

使用@ApiModel来标注实体类，同时在接口中定义入参为实体类作为参数。

• @ApiModel：用来标类

• 常用配置项：value：实体类简称；description：实体类说明

• @ApiModelProperty：用来描述类的字段的含义。

常用字段类型

参考代码块

<view class="yx-custom" style="padding-top:{{statusBarHeight}}px;background-image: linear-gradient(43deg, #12C206,#00C90F);">
  <view class="headerBox">
    <view class="leftAddress">
      <image class="leftAddressIcon" src="{{imgUrl}}/upload/20220608/addressIcon.png" lazy-load="true">image>
      <view class="leftAddressText little">橘猫餐厅view>
      <image class="rightJtIcon" src="{{imgUrl}}/upload/20220608/jtBottom.png" lazy-load="true">image>
    view>
    <view class="appletsTitle">view>
  view>
view>

<view class="yx-empty_custom" style="padding-top:{{statusBarHeight}}px;">view>

<view style="background: url({{imgUrl}}/upload/20220608/topBackImg.png);background-size: 100% 100%;width:750rpx;height:324rpx;">
  <view class="bannerBottom">view>
view>

<view class="containerBox" style="height:{{nowEquipmentHeight-((statusBarHeight*2)+162)}}px;">
  <scroll-view class="menu-left" scroll-y="true" style="height:{{nowEquipmentHeight-((statusBarHeight*2)+162)}}px;">
    <view wx:for="{{menuList}}" class="little {{menuIndex==index?'menu-item-check':'menu-item'}}  {{item.prevClass}} {{item.nextClass}}" 
    bindtap="clickMenu" data-index="{{index}}">{{item.title}}view>
    <view class="bottomHeightBox">view>
  scroll-view>
  <scroll-view class="menu-right" scroll-y="true" style="height:{{nowEquipmentHeight-((statusBarHeight*2)+162)}}px;">
    <view class="menuTitleBox">
      <text>热门推荐text>
    view>
    <view class="productContainer">
      <view class="productItem" wx:for="{{20}}" bindtap="goDetail">
        <view class="productImage" style="background: url({{imgUrl}}/upload/20220608/ky.jpg);background-size: 100% 100%;">view>
        <view class="productName little">超级无敌好吃美味烤鸭view>
        <view class="productPriceBox">
          <view class="salePrice">
            <text style="font-size:22rpx;">￥text>
            <text>58.88text>
            <text style="font-weight:400;">/gtext>
          view>
          <view class="oldPrice middleLine">￥98view>
        view>
      view>
    view>
    <view class="bottomHeightBox">view>
  scroll-view>
view>
{imgUrl}}/Areas/dfapi/Content/images/cp.png" lazy-load="true"> -->
<image class="scanIcon" src="{{imgUrl}}{{scanUrl}}" lazy-load="true" bindtap="scanTableCode">image>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

<view class="product-banner">
  <swiper class="product-banner" bindchange='onSlideChange' indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}"
    interval="{{interval}}" duration="{{duration}}" circular="{{circular}}">
    <block wx:for="{{productBanner}}" wx:key="id">
      <swiper-item>
        <view>
          <image src="{{item}}" class="product-banner" alt="" lazy-load="true" />
        view>
      swiper-item>
    block>
  swiper>
view>

<view wx:if="{{productActiviType==0}}" class="activeBox"
  style="background: url({{imgUrl}}/upload/20220608/kill-pro-back.png);background-size: 100% 100%;">
  <view class="kill-leftBox">
    <view class="product-priceBox">
      <view style="height:35rpx;line-height: 35rpx;">
        <text class="symbol-kill">￥text>
        <text class="price-kill">58.8text>
        <text class="throuth-kill">￥98text>
      view>
      <view class="num-kill displayBox">限量200份view>
    view>
    <view class="justNum-kill">
      <text>已售198份text><text
        class="just-rightText">每人限购1份text>
    view>
  view>
  <view class="kill-rightBox">
    <view class="just-text">距秒杀结束仅剩view>
    <view class="kill-timeBox">
      <view class="clockBox margin-one displayBox">{{hour}}view>
      <view class="littleClock">:view>
      <view class="clockBox displayBox">{{min}}view>
      <view class="littleClock">:view>
      <view class="clockBox displayBox">{{second}}view>
    view>
  view>
view>

<view class="productName-box littleTwo">
  超级无敌好吃美味烤鸭
view>

<view class="productDesc-box littleTwo">
  色泽红艳，肉质细嫩，味道醇厚，肥而不腻
view>

<view class="productShare-money" bindtap="shareProduct">
  <view class="left-Share">
    <text>该商品分享可得奖励￥10text>
  view>
  <view class="right-Share">
    <image src="{{imgUrl}}/upload/20220608/share.png" lazy-load="true">image>
    <text>立即分享text>
  view>
view>

{imgUrl}}/upload/20220608/rightJt.png" lazy-load="true">
  
 -->


<view class="services-box">
  <view class="services-left">服务view>
  <view class="services-right">新鲜品质 配送到家 售后无忧view>
view>


<view class="product-reply" >
  <view class="reply-title">
    <view class="leftReolyCount">
      评价(2824)
    view>
    <view class="middleSeeMore">
      <view>查看全部评价view>
    view>
    <image class="grayRight" src="{{imgUrl}}/upload/20220608/rightJt.png" lazy-load="true">image>
  view>
  <view class="replyUserInfo">

    <image  class="replyUserHead" src="{{imgUrl}}/upload/20220608/jocker.jpg" lazy-load="true">image>
    <view class="rightUserName">
      <view class="userName little">橘猫大侠view>
      <view class="starBox">
        <image src="{{imgUrl}}/upload/20220608/star5.png" class="starImg">
        image>
      view>
    view>
  view>
  <view class="replyContet littleTwo">
    味道好，配送快，值得信赖！
  view>
view> 


<image class="proImgDetail" src="{{imgUrl}}/upload/20220608/prodetailImg.png" lazy-load="true">image>

<view style="height:56rpx;">view>

<view class="productDetailTable" wx:if="{{spuList.length>0}}">

  <view wx:if="{{!isShowDetail}}">
    <view class="productTableTr">
      <view class="leftTr">
        <view class="little leftTrText">{{spuList[0].name}}view>
      view>
      <view class="rightTr little">{{spuList[0].content}}view>
    view>
  view>

  <view wx:if="{{isShowDetail}}" class="productTableTr" wx:for="{{spuList}}">
    <view class="leftTr">
      <view class="little leftTrText">{{item.name}}view>
    view>
    <view class="rightTr little">{{item.content}}view>
  view>

view>

<view class="DetailArrow displayBox" wx:if="{{spuList.length>0}}">
  <image wx:if="{{!isShowDetail}}" bindtap="clickArrow" class="arrowImg"
    src="{{imgUrl}}/upload/20220608/nextJt.png" lazy-load="true">image>
  <text wx:if="{{!isShowDetail}}" bindtap="clickArrow" style="margin-left:10rpx;">展开text>

  <image wx:if="{{isShowDetail}}" bindtap="clickArrow" class="arrowImg"
    src="{{imgUrl}}/upload/20220608/topJt.png" lazy-load="true">image>
  <text wx:if="{{isShowDetail}}" bindtap="clickArrow" style="margin-left:10rpx;">收起text>
view>
<view style="height:56rpx;">view>
<image src="{{imgUrl}}/upload/20220608/explain.png" class="explain">image>

<view class="maybeLike">
  <image src="{{imgUrl}}/upload/20220608/2323-2.png" class="maybeLikePng">image>

  
  <view class="indexProductList">
    <view class="productItemBottom" wx:for="{{4}}">
      <view style="background: url({{imgUrl}}/upload/20220608/ky.jpg);background-size: 100% 100%;" class="productImgBottom">view>
      <view class="bottom-productName little">北京烤鸭view>
      <view class="iconBox little">
        干净又卫生
      view>
      <view class="buyBox-bottom">
        <view class="leftPrice-bottom">
          <text class="priceFh">￥text>
          <text class="bottom-price">58text>
          <text class="bottom-oldPrice">￥98text>
        view>
        <view class="rightAdd-bottom"  data-index="{{index}}" >
          <image class="rightAdd-bottom" src="{{imgUrl}}/upload/20220608/addcart.png" lazy-load="true">
          image>
        view>
      view>
    view>
  view>
view>
<view style="height:162rpx;">view>
<view class="footer">
  <view class="leftFooter">
    <view bindtap="GoHome">
      <view style="background: url({{imgUrl}}/upload/20220608/6-1.png);background-size: 100% 100%;"
        class="footImg">view>
      <view class="footText">首页view>
    view>
    <view bindtap="GoShopping">
      <view style="background: url({{imgUrl}}/upload/20220608/6-5.png);background-size: 100% 100%;"
        class="footImg2">view>
      <view class="footText2">购物车view>
    view>
  view>
  <view class="rightFooter">
    <view class="displayShow" >
      <view class="addCart-btn displayBox" catchtap="btnAddCart_footer">加入购物车view>
      <view class="purchase-btn displayBox" bindtap="rightNowBuy">立即购买view>
    view>
  view>
view>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187

<view class="yx-custom" style="padding-top:{{statusBarHeight}}px;background-image: linear-gradient(43deg, #12C206,#00C90F);">
  <view class="headerBox">
    <view class="leftAddress">
    view>
    <view class="appletsTitle">购物车view>
  view>
view>

<view class="yx-empty_custom" style="padding-top:{{statusBarHeight}}px;">view>

<view class="go-product">
  <view class="product-num">
    <view class="left-productNum">共有5件商品view>
    <view class="right-delProduct" bindtap="deleteProduct">
      <text>删除text>
    view>
  view>
  <view wx:for="{{2}}" wx:for-index="idx" wx:for-item="item">
    <view class="discount">
      <view class="left-discount little">热门推荐view>
      <view class="discount-jt">
        <image src="{{imgUrl}}/upload/20220608/cartJt.png" lazy-load="true">image>
      view>
    view>
    <view wx:for="2" wx:for-index="indexProduct" wx:for-item="ProItem">
      <view class="list">
        <view class="product-item  height{{indexProduct}}">
          <movable-area>
            <movable-view out-of-bounds="true" direction="horizontal" x="{{item.xmove}}" inertia="true" data-productIndex="{{indexProduct}}" bindtouchstart="handleTouchStart" bindtouchend="handleTouchEnd" bindchange="handleMovableChange">
              <view class="productItem_new ">
                <view class="checkedIconBox">
                  <view class="cart-con-item-icon">
                    <icon wx:if="{{ProItem.selected}}" type="success" color="#FFBD20" bindtap="selectList_yx" data-other="{{idx}}" data-index="{{indexProduct}}" data-cartid="{{ProItem.cartId}}" />
                    <icon wx:else type="circle" bindtap="selectList_yx" data-other="{{idx}}" data-index="{{indexProduct}}" data-cartid="{{ProItem.cartId}}" />
                  view>
                view>
                <view class="rightProductInfo">
                  <image src="{{imgUrl}}/upload/20220608/ky.jpg" class="cart-productImg">image>
                  <view class="productInfoBox">
                    <view class="cart-productName littleTwo">超级无敌好吃美味烤鸭view>
                    <view class="cart-productSku little">500gview>
                    <view class="cart-productPrice">
                      <text class="priceSymbol">￥text>
                      <text class="cart-price">58.8text>
                      <text class="cart-oldPrice">￥98text>
                    view>
                  view>
                  <view class="cart-rightNumBox">
                    <view class="cart-con-item-num">
                      <text class="cart-con-item-num-left" catchtap="bindMinus" data-other="{{idx}}" data-index="{{indexProduct}}" data-cartid="{{ProItem.cartId}}">-text>
                      <input type="cart-con-item-num-mid" bindinput="bindIptCartNum" data-index='{{indexProduct}}' value="1" disabled="{{true}}" />
                      <text class="cart-con-item-num-right" data-other="{{idx}}" data-index="{{indexProduct}}" data-cartid="{{ProItem.cartId}}" catchtap="bindPlus">+text>
                    view>
                  view>
                view>
              view>
            movable-view>
          movable-area>
          <view class="delete-btn" data-id="{{item.id}}" bindtap="handleDeleteProduct" data-other="{{idx}}" data-index="{{indexProduct}}" data-cartid="{{ProItem.cartId}}">删除view>
        view>
      view>
    view>
  view>
view>
<view class="cant-product">
  <view class="cantTitle displayBox">因配送范围，库存原因等导致失效的商品view>
  <view class="productItem_new height{{index}}" wx:for="{{2}}">
    <view class="cantProductLeft displayBox">
      失效
    view>
    <view class="rightProductInfo">
      <view class="cart-productImg" style="background: url({{imgUrl}}/upload/20220608/ky.jpg);background-size: 100% 100%;">
        <image src="{{imgUrl}}/upload/20220608/yyyy.png" class="cart-productImg" lazy-load="true">image>
      view>
      <view class="productInfoBox">
        <view class="cart-productNameYY littleTwo">曾经好吃的烤鸭view>
        <view class="cart-productYyy little">抱歉，该商品已售罄或下架view>
        <view class="cart-productPrice">
          <text class="priceSymbolYY">￥text>
          <text class="cart-priceYY">0text>
        view>
      view>
      <view class="cart-rightNumBox">
      view>
    view>
  view>
  <view class="clearBox">
    <view class="clear displayBox" bindtap="clearProduct">清空失效宝贝view>
    <view class="switchAddress displayBox" bindtap="switchAdd">切换地址view>
  view>
view>
<view class="maybeLike" wx:if="{{recommendProduct.length>0}}">
  <image src="{{imgUrl}}/upload/20220608/2323-2.png" class="maybeLikePng">image>

  <view class="indexProductList">
    <view class="productItemBottom" wx:for="{{recommendProduct}}">
      <view style="background: url({{item.productPic}});background-size: 100% 100%;" class="productImgBottom">view>
      <view class="bottom-productName little">{{item.productName}}view>
      <view class="iconBox little">
        {{item.remark}}
      view>
      <view class="buyBox-bottom">
        <view class="leftPrice-bottom">
          <text class="priceFh">￥text>
          <text class="bottom-price">{{item.price}}text>
          <text class="bottom-oldPrice">￥{{item.proSalePrice}}text>
        view>
        <view class="rightAdd-bottom" catchtap="btnAddCart" data-index="{{index}}" data-goodsid="{{item.productId}}">
          <image class="rightAdd-bottom" src="{{imgUrl}}/Areas/dfapi/Content/images/addcart.png" lazy-load="true">
          image>
        view>
      view>
    view>
  view>
view>
<view class="seeDetailPriceBox" wx:if="{{isShowDetailPrice}}" catchtap="btnHideDetail">
  <view class="shareb2">
    <view class="shareb2-con">
      <viwe class="detailTitle displayBox">优惠明细viwe>
      <view class="orderAllPrice">
        <view class="leftTitle">
          <text>商品总额text>
        view>
        <view class="rightTitle">
          <text>￥{{totalPrice}}text>
        view>
      view>
      <view class="orderAllPrice">
        <view class="leftTitle">
          <text>运费text>
        view>
        <view class="rightTitle">
          <text>+￥{{freight}}text>
        view>
      view>
      <view class="orderAllPrice">
        <view class="leftTitle">
          <text>优惠券text>
        view>
        <view class="rightTitle">
          <text style="color:#FF4C0E;">-￥{{couponAmount}}text>
        view>
      view>
      <view class="orderAllPrice">
        <view class="leftTitle">
          <text>折扣text>
        view>
        <view class="rightTitle">
          <text style="color:#FF4C0E;">-￥{{discountMoney}}text>
        view>
      view>
      <view class="orderAllPriceFinal">
        <view class="leftTitle">
          <text>合计text>
        view>
        <view class="rightTitle">
          <text>￥{{amountPayable}}text>
        view>
      view>
    view>
  view>
view>

<view class="cart-foter">
  <view class="allChecked">
    <image wx:if="{{!isCheckAll}}" src="{{imgUrl}}/upload/20220608/uncheck.png" bindtap="selectAll" lazy-load="true" class="checkImg">image>
    <image wx:else src="{{imgUrl}}/upload/20220608/checked.png" lazy-load="true" bindtap="selectAll" class="checkImg">image>
    <view class="allCheckText">全选view>
  view>

  <view class="middlePrice">

    <view class="priceBox">
      <text class="hjTitle">合计:text>
      <text class="symbol">￥text>
      <text class="priceAll">￥198text>
    view>

    <view class="coupon">
      <text>优惠:text>
      <text>￥text>
      <text>{{finalCou}}text>
      <text class="seeDetail">查看明细text>

      <image wx:if="{{isShowDetailPrice}}" src="{{imgUrl}}/upload/20220608/orangeOn.png" lazy-load="true" class="orangeJt" bindtap="seeDetailPrice">image>

      <image wx:else src="{{imgUrl}}/upload/20220608/orangeBo.png" lazy-load="true" class="orangeJt" bindtap="seeDetailPrice">image>
    view>

  view>

  <view class="right-btnJs">
    <view class="addOrder displayBox" bindtap="goBuy">结算view>
  view>


view>

<view class="bottomHeightBox">view>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201

<view class="center-Top">
  <view class="center-TopBack">
    <view class="userInfo-box">
      <view class="leftInfo">
        <view class="cnter-user">
          <image  src="{{imgUrl}}/upload/20220608/noUser.png" class="cnter-user" lazy-load="true">
          image>
        view>
        <view class="userNameBox">
          <view class="uNameText">
            
            
            <view >
              <text>摔跤猫子text>
              
                <button  class="kefu-btn" style="width:100%">button>
            view>
          view>
          <view class="shop">
            <text>用户text>
          view>
        view>
      view>
    view>

<view class="myOrder-menu">
  <view class="order-title">
    <view class="leftTitle">我的订单view>
    <view class="rightSeeMore" bindtap="goToOrder" data-id="0">
      <image src="{{imgUrl}}/upload/20220608/black-jt.png" lazy-load="true">image>
      <text style="float:right;padding-right:10rpx;">查看更多text>
    view>
  view>
  <view class="orderMenu-img">
    <view class="ordermenu-detail" bindtap="goToOrder" data-id="1">
      <image src="{{imgUrl}}/upload/20220608/dfk.png" lazy-load="true">image>
      <view class="num-mark" wx:if="{{toBePaid>0}}">{{toBePaid}}view>
      <view class="order-text-staus">待付款view>
    view>
    <view class="ordermenu-detail" bindtap="goToOrder" data-id="2">
      <image src="{{imgUrl}}/upload/20220608/dfh.png" lazy-load="true">image>
      <view class="num-mark" wx:if="{{toBeDelivered>0}}">{{toBeDelivered}}view>
      <view class="order-text-staus">待发货view>
    view>
    <view class="ordermenu-detail" bindtap="goToOrder" data-id="3">
      <image src="{{imgUrl}}/upload/20220608/dsh.png" lazy-load="true">image>
      <view class="num-mark" wx:if="{{toBeReceived>0}}">{{toBeReceived}}view>
      <view class="order-text-staus">待收货view>
    view>
    <view class="ordermenu-detail" bindtap="goReplyList">
      <image src="{{imgUrl}}/upload/20220608/dpj.png" lazy-load="true">image>
      <view class="num-mark" wx:if="{{toBeReply>0}}">{{toBeReply}}view>
      <view class="order-text-staus">评价view>
    view>
    <view class="ordermenu-detail" bindtap="afterSale">
      <image src="{{imgUrl}}/upload/20220608/dtk.png" lazy-load="true">image>
      <view class="num-mark" wx:if="{{cancel>0}}">{{cancel}}view>
      <view class="order-text-staus">售后/退款view>
    view>
  view>
view>
  view>
view>

<view class="tool-box">
  <view class="often-tool-title">常用工具view>
  <view class="tool-menu-one" >
    <view class="tool-menu-detail" bindtap="GotomyEarnings">
      <view style="background: url({{imgUrl}}/upload/20220608/profit.png);background-size: 100% 100%;"
        class="toolImgBack">view>
      <view class="tool-title">我的收益view>
    view>
    <view class="tool-menu-detail" bindtap="GotoMyTeam">
      <view style="background: url({{imgUrl}}/upload/20220608/myteam.png);background-size: 100% 100%;"
        class="toolImgBack">view>
      <view class="tool-title">我的团队view>
    view>
    <view class="tool-menu-detail" bindtap="goCouponList">
      <view style="background: url({{imgUrl}}/upload/20220608/myCou.png);background-size: 100% 100%;"
        class="toolImgBack">view>
      <view class="tool-title">我的优惠券view>
    view>
    <view class="tool-menu-detail" bindtap="goAddressList">
      <view style="background: url({{imgUrl}}/upload/20220608/myAdd.png);background-size: 100% 100%;"
        class="toolImgBack">view>
      <view class="tool-title">收货地址view>
    view>
  view>
  <view class="tool-menu-two">
    <view class="tool-menu-detail" style="position: relative;">
      <view style="background: url({{imgUrl}}/upload/20220608/customService.png);background-size: 100% 100%;"
        class="toolImgBack">view>
      <view class="tool-title">联系客服view>
      <button class="kefu-btn" open-type="contact" style="width:100%">button>
    view>
    <view class="tool-menu-detail" bindtap="setUp">
      <view style="background: url({{imgUrl}}/upload/20220608/set.png);background-size: 100% 100%;"
        class="toolImgBack">view>
      <view class="tool-title">设置view>
    view>
  view>
view>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105