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

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

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

目录

• 前言
• • 项目功能及技术
  • 效果图
  • • 小程序
    • 管理端
• API
• • SpringBoot框架搭建
  • 实体映射创建Mapper
  • 接口封装
  • 整合Swagger
  • 常用字段类型
• 参考代码块

前言

项目功能及技术

小程序主要有首页、商品详情、商品分类、商品评价、购物车、个人中心等模块。 管理端主要有人员管理、权限管理、商品管理、订单管理等模块。 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：用来描述类的字段的含义。

常用字段类型

字段类型	所占字节	存储范围	最大存储值	使用场景
TINYINT	1	-128~127	127	存储小整数
INT	4	-2147483648~2147483647	2147483647	存储大整数
BIGINT	8	-9223372036854775808~9223372036854775807	9223372036854775807	存储极大整数
DECIMAL	可变长度			存储精度要求高的数值
CHAR	固定长度	最多255字节	255个字符	存储长度固定的字符串
VARCHAR	可变长度	最多65535字节	65535个字符	存储长度不固定的字符串
DATETIME	8	‘1000-01-01 00:00:00’~‘9999-12-31 23:59:59’	‘9999-12-31 23:59:59’	存储日期和时间

参考代码块

<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