miniprogram / shop · 提交

转到一个项目

作者 乔爽
提交 7fd7afda1c527caa3c5b4c08e8e54af2b5c6632e 1 个父辈 758b12a1

初步完成个人中心模块

内嵌 并排对比
正在显示 25 个修改的文件 包含 1175 行增加 和 20 行删除
1 { 1 {
2 "pages": [ 2 "pages": [
  3 + "pages/mine/contactUs/contactUs",
  4 + "pages/mine/eOrder/eOrder",
3 "pages/mine/myOrder/myOrder", 5 "pages/mine/myOrder/myOrder",
4 "pages/mine/addr_2/addr_2", 6 "pages/mine/addr_2/addr_2",
5 "pages/mine/addr_1/addr_1", 7 "pages/mine/addr_1/addr_1",
@@ -13,7 +13,11 @@ Page({ @@ -13,7 +13,11 @@ Page({
13 onLoad: function (options) { 13 onLoad: function (options) {
14 14
15 }, 15 },
16 - 16 + btn_newAddr(){
  17 + wx.navigateTo({
  18 + url: '/pages/mine/addr_2/addr_2',
  19 + })
  20 + },
17 /** 21 /**
18 * 生命周期函数--监听页面初次渲染完成 22 * 生命周期函数--监听页面初次渲染完成
19 */ 23 */
@@ -61,7 +61,7 @@ @@ -61,7 +61,7 @@
61 61
62 <!-- 按钮 --> 62 <!-- 按钮 -->
63 <view class='bottom'> 63 <view class='bottom'>
64 - <view class='bottom_btn'> 64 + <view class='bottom_btn' bindtap='btn_newAddr'>
65 新增收货地址 65 新增收货地址
66 </view> 66 </view>
67 </view> 67 </view>
@@ -4,7 +4,13 @@ Page({ @@ -4,7 +4,13 @@ Page({
4 * 页面的初始数据 4 * 页面的初始数据
5 */ 5 */
6 data: { 6 data: {
  7 + multiIndex: [0, 0, 0],
  8 + date: '2016-09-01',
  9 + time: '12:01',
  10 + region: ['广东省', '广州市', '海珠区'],
  11 + customItem: '全部',
7 12
  13 + status:false,
8 }, 14 },
9 15
10 /** 16 /**
@@ -13,7 +19,21 @@ Page({ @@ -13,7 +19,21 @@ Page({
13 onLoad: function (options) { 19 onLoad: function (options) {
14 20
15 }, 21 },
  22 + btn_set(e){
  23 + // console.log(e)
  24 + // var state=e.currentTarget.dataset.status
16 25
  26 + this.setData({
  27 + status:!this.data.status
  28 + })
  29 +
  30 + },
  31 + bindRegionChange: function (e) {
  32 + console.log('picker发送选择改变，携带值为', e.detail.value)
  33 + this.setData({
  34 + region: e.detail.value
  35 + })
  36 + },
17 /** 37 /**
18 * 生命周期函数--监听页面初次渲染完成 38 * 生命周期函数--监听页面初次渲染完成
19 */ 39 */
@@ -11,9 +11,17 @@ @@ -11,9 +11,17 @@
11 </view> 11 </view>
12 <view class='top_item top_between'> 12 <view class='top_item top_between'>
13 <view class='top_item_name'>省市/区</view> 13 <view class='top_item_name'>省市/区</view>
14 - <view class='top_item_right'> 14 + <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
  15 + <view class="top_item_right">
  16 + <view>{{region[0]}}，{{region[1]}}，{{region[2]}} </view>
  17 + <!-- 箭头图片 -->
  18 + <view class='top_item_right_pic'>
15 <image src='../../../img/right_1.png'></image> 19 <image src='../../../img/right_1.png'></image>
16 </view> 20 </view>
  21 +
  22 + </view>
  23 + </picker>
  24 +
17 </view> 25 </view>
18 <!-- 详细地址 --> 26 <!-- 详细地址 -->
19 <view class='top_item'> 27 <view class='top_item'>
@@ -29,9 +37,11 @@ @@ -29,9 +37,11 @@
29 <view class='mid'> 37 <view class='mid'>
30 <view class='mid_addr'> 38 <view class='mid_addr'>
31 <view class='mid_addr_set'>设为默认地址</view> 39 <view class='mid_addr_set'>设为默认地址</view>
32 - <view class='mid_addr_pic'>  
33 - <image src='../../../img/dakai@2x.png'></image> 40 + <view class='mid_addr_pic' data-status='{{status}}' bindtap='btn_set'>
  41 + <image src="{{status==true?'../../../img/dakai@2x.png':'../../../img/guanbi@2x.png'}}"></image>
34 </view> 42 </view>
  43 +
  44 +
35 </view> 45 </view>
36 </view> 46 </view>
37 47
@@ -64,14 +64,23 @@ page{ @@ -64,14 +64,23 @@ page{
64 width: 450rpx; 64 width: 450rpx;
65 } 65 }
66 .top_item_right{ 66 .top_item_right{
  67 + width: 508rpx;
  68 + display: flex;
  69 + align-items: center;
  70 + justify-content: space-between;
  71 + font-size: 32rpx;
  72 +}
  73 +.top_item_right_pic{
67 width: 16rpx; 74 width: 16rpx;
68 height: 32rpx; 75 height: 32rpx;
69 display: flex; 76 display: flex;
70 } 77 }
71 -.top_item_right image{ 78 +.top_item_right_pic image{
72 width: 100%; 79 width: 100%;
73 height: 100%; 80 height: 100%;
74 } 81 }
  82 +
  83 +
75 .top_between{ 84 .top_between{
76 justify-content: space-between; 85 justify-content: space-between;
77 } 86 }
@@ -125,3 +134,6 @@ page{ @@ -125,3 +134,6 @@ page{
125 width: 100%; 134 width: 100%;
126 height: 100%; 135 height: 100%;
127 } 136 }
  137 +.piker{
  138 + width: 300rpx;
  139 +}
@@ -84,7 +84,7 @@ @@ -84,7 +84,7 @@
84 <view class='top_left_pic'> 84 <view class='top_left_pic'>
85 <image src='../../../img/goods_1.png'></image> 85 <image src='../../../img/goods_1.png'></image>
86 </view> 86 </view>
87 - <view class='top_left_text'> 87 + <view class='text_color'>
88 距结束2时22分 88 距结束2时22分
89 </view> 89 </view>
90 </view> 90 </view>
@@ -205,3 +205,17 @@ @@ -205,3 +205,17 @@
205 color:rgba(153,153,153,1); 205 color:rgba(153,153,153,1);
206 opacity:1; 206 opacity:1;
207 } 207 }
  208 +.text_color{
  209 + width:208rpx;
  210 + height:48rpx;
  211 + line-height: 48rpx;
  212 + text-align: center;
  213 + background:rgba(204,204,204,0.7);
  214 +
  215 +
  216 + font-size:24rpx;
  217 + font-family:PingFang SC;
  218 + font-weight:400;
  219 + color:rgba(255,255,255,1);
  220 + opacity:1;
  221 +}
  1 +Page({
  2 +
  3 + /**
  4 + * 页面的初始数据
  5 + */
  6 + data: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 生命周期函数--监听页面加载
  12 + */
  13 + onLoad: function (options) {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 生命周期函数--监听页面初次渲染完成
  19 + */
  20 + onReady: function () {
  21 +
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面显示
  26 + */
  27 + onShow: function () {
  28 +
  29 + },
  30 +
  31 + /**
  32 + * 生命周期函数--监听页面隐藏
  33 + */
  34 + onHide: function () {
  35 +
  36 + },
  37 +
  38 + /**
  39 + * 生命周期函数--监听页面卸载
  40 + */
  41 + onUnload: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * 页面相关事件处理函数--监听用户下拉动作
  47 + */
  48 + onPullDownRefresh: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * 页面上拉触底事件的处理函数
  54 + */
  55 + onReachBottom: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * 用户点击右上角分享
  61 + */
  62 + onShareAppMessage: function () {
  63 +
  64 + }
  65 +})
  1 +{
  2 + "navigationBarTitleText": "联系我们",
  3 + "navigationBarBackgroundColor": "#6EAC3D",
  4 + "navigationBarTextStyle": "white"
  5 +}
  1 +
  2 +<view class='container'>
  3 + <view class='top'>
  4 + <image src='../../../img/join.png'></image>
  5 + </view>
  6 +
  7 + <view class='bottom'>
  8 + <view class='bottom_title'>
  9 + 平台介绍
  10 + </view>
  11 + <view class='bottom_text'>
  12 + 华为是全球领先的ICT（信息与通信）基础设施和智能终端提供商，致力于把数字世界带入每个人、每个家庭、每个组织，构建万物互联的智能世界。我们在通信网络、IT、智能终端和云服务等领域为客户提供有竞争力、安全可信赖的产品、解决方案与服务，与生态伙伴开放合作，持续为客户创造价值，释放个人潜能，丰富家庭生活，激发组织创新。华为坚持围绕客户需求持续创新，加大基础研究投入，厚积薄发，推动世界进步。华为成立于1987年，是一家由员工持有全部股份的民营企业，目前有18万员工，业务遍及170多个国家和地区。
  13 + </view>
  14 + <view class='bottom_tel'>
  15 + 客服电话：400-2774864
  16 + </view>
  17 + </view>
  18 +
  19 +</view>
  1 +
  2 +.container{
  3 + width: 750rpx;
  4 + display: flex;
  5 + flex-flow: column;
  6 +}
  7 +.top{
  8 + width: 750rpx;
  9 + height: 422rpx;
  10 + display: flex;
  11 +}
  12 +.top image{
  13 + width: 100%;
  14 + height: 100%;
  15 +}
  16 +.bottom{
  17 + display: flex;
  18 + flex-flow: column;
  19 + box-sizing: border-box;
  20 + padding: 50rpx 30rpx 50rpx 32rpx;
  21 +}
  22 +.bottom_title{
  23 +
  24 + font-size:34rpx;
  25 + font-family:汉真广标;
  26 + font-weight:400;
  27 + color:rgba(110,172,61,1);
  28 + opacity:1;
  29 +}
  30 +.bottom_text{
  31 + margin-top: 22rpx;
  32 + font-size:24rpx;
  33 + font-family:PingFang SC;
  34 + font-weight:400;
  35 + color:rgba(102,102,102,1);
  36 + opacity:1;
  37 +}
  38 +.bottom_tel{
  39 + margin-top: 18rpx;
  40 + font-size:28rpx;
  41 + font-family:PingFang SC;
  42 + font-weight:400;
  43 + color:rgba(51,51,51,1);
  44 + opacity:1;
  45 +}
  1 +Page({
  2 +
  3 + /**
  4 + * 页面的初始数据
  5 + */
  6 + data: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 生命周期函数--监听页面加载
  12 + */
  13 + onLoad: function (options) {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 生命周期函数--监听页面初次渲染完成
  19 + */
  20 + onReady: function () {
  21 +
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面显示
  26 + */
  27 + onShow: function () {
  28 +
  29 + },
  30 +
  31 + /**
  32 + * 生命周期函数--监听页面隐藏
  33 + */
  34 + onHide: function () {
  35 +
  36 + },
  37 +
  38 + /**
  39 + * 生命周期函数--监听页面卸载
  40 + */
  41 + onUnload: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * 页面相关事件处理函数--监听用户下拉动作
  47 + */
  48 + onPullDownRefresh: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * 页面上拉触底事件的处理函数
  54 + */
  55 + onReachBottom: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * 用户点击右上角分享
  61 + */
  62 + onShareAppMessage: function () {
  63 +
  64 + }
  65 +})
  1 +{
  2 + "navigationBarTitleText": "评价订单",
  3 + "navigationBarBackgroundColor": "#6EAC3D",
  4 + "navigationBarTextStyle": "white"
  5 +}
  1 +
  2 +<view class='container'>
  3 + <view class='top'>
  4 + <textarea placeholder='宝贝满足您的期待吗？说说您的意见或者建议把！' placeholder-style='color:#999999'></textarea>
  5 + <view class='top_bottom'>
  6 + <view></view>
  7 + <view class='top_bottom_right'>
  8 + 500/500
  9 + </view>
  10 +
  11 + </view>
  12 + <!-- 图片 -->
  13 + <view class='top_item'>
  14 + <view class='top_item_pic'>
  15 + <image src='../../../img/tianjiatupian@2x.png'></image>
  16 + </view>
  17 +
  18 + </view>
  19 +
  20 + </view>
  21 +
  22 + <view class='bottom'>
  23 + <view class='bottom_btn'>
  24 + 发表评价
  25 + </view>
  26 + </view>
  27 +
  28 +</view>
  1 +page{
  2 + background: #f7f7f7;
  3 +}
  4 +.container{
  5 + width: 750rpx;
  6 + display: flex;
  7 + flex-flow: column;
  8 +}
  9 +.top{
  10 + width: 750rpx;
  11 + display: flex;
  12 + flex-flow: column;
  13 + box-sizing: border-box;
  14 + padding: 32rpx;
  15 + background: #fff;
  16 +}
  17 +.top textarea{
  18 + width: 100%;
  19 + height:200rpx;
  20 + font-size:26rpx;
  21 + font-family:PingFang SC;
  22 + font-weight:400;
  23 + opacity:1;
  24 + /* background: rosybrown; */
  25 +
  26 +}
  27 +.top_bottom{
  28 + display: flex;
  29 + justify-content: space-between;
  30 +}
  31 +.top_item{
  32 + margin-top: 10rpx;
  33 + display: flex;
  34 + flex-wrap: wrap;
  35 +}
  36 +.top_item_pic{
  37 + width:128rpx;
  38 + height:128rpx;
  39 + opacity:1;
  40 + display: flex;
  41 + margin-top: 30rpx;
  42 + margin-right: 40rpx;
  43 +}
  44 +.top_item_pic image{
  45 + width: 100%;
  46 + height: 100%;
  47 +}
  48 +.top_bottom_right{
  49 +
  50 + font-size:22rpx;
  51 + font-family:PingFang SC;
  52 + font-weight:400;
  53 + color:rgba(51,51,51,1);
  54 + opacity:1;
  55 +}
  56 +.bottom{
  57 + display: flex;
  58 + align-items: center;
  59 + justify-content: center;
  60 +}
  61 +.bottom_btn{
  62 + margin-top: 248rpx;
  63 + width:688rpx;
  64 + height:96rpx;
  65 + line-height: 96rpx;
  66 + text-align: center;
  67 + background:linear-gradient(168deg,rgba(181,222,150,1) 0%,rgba(74,172,32,1) 100%,rgba(0,0,0,1) 100%);
  68 + opacity:1;
  69 + border-radius:48rpx;
  70 +
  71 + font-size:34rpx;
  72 + font-family:PingFang SC;
  73 + font-weight:600;
  74 + color:rgba(255,255,255,1);
  75 +}
@@ -14,7 +14,26 @@ Page({ @@ -14,7 +14,26 @@ Page({
14 onLoad: function (options) { 14 onLoad: function (options) {
15 15
16 }, 16 },
17 - 17 + btn_addr(){
  18 + wx.navigateTo({
  19 + url: '/pages/mine/addr_1/addr_1',
  20 + })
  21 + },
  22 + btn_collect(){
  23 + wx.navigateTo({
  24 + url: '/pages/mine/collect/collect',
  25 + })
  26 + },
  27 + btn_contactUs(){
  28 + wx.navigateTo({
  29 + url: '/pages/mine/contactUs/contactUs',
  30 + })
  31 + },
  32 + btn_myOrder(){
  33 + wx.navigateTo({
  34 + url: '/pages/mine/myOrder/myOrder',
  35 + })
  36 + },
18 /** 37 /**
19 * 生命周期函数--监听页面初次渲染完成 38 * 生命周期函数--监听页面初次渲染完成
20 */ 39 */
@@ -27,7 +27,7 @@ @@ -27,7 +27,7 @@
27 <view class='mid_top_left'> 27 <view class='mid_top_left'>
28 全部订单 28 全部订单
29 </view> 29 </view>
30 - <view class='mid_top_right'> 30 + <view class='mid_top_right' bindtap='btn_myOrder'>
31 查看全部订单> 31 查看全部订单>
32 </view> 32 </view>
33 </view> 33 </view>
@@ -105,7 +105,8 @@ @@ -105,7 +105,8 @@
105 105
106 <!-- 条目 --> 106 <!-- 条目 -->
107 <view class='bottom'> 107 <view class='bottom'>
108 - <view class='bottom_item'> 108 + <!-- 地址管理 -->
  109 + <view class='bottom_item' bindtap='btn_addr'>
109 <!-- 左边 --> 110 <!-- 左边 -->
110 <view class='bottom_left'> 111 <view class='bottom_left'>
111 <!-- 图片 --> 112 <!-- 图片 -->
@@ -124,7 +125,8 @@ @@ -124,7 +125,8 @@
124 <image src='../../img/right_1.png'></image> 125 <image src='../../img/right_1.png'></image>
125 </view> 126 </view>
126 </view> 127 </view>
127 - <view class='bottom_item'> 128 + <!-- 我的收藏 -->
  129 + <view class='bottom_item' bindtap='btn_collect'>
128 <!-- 左边 --> 130 <!-- 左边 -->
129 <view class='bottom_left'> 131 <view class='bottom_left'>
130 <!-- 图片 --> 132 <!-- 图片 -->
@@ -143,7 +145,8 @@ @@ -143,7 +145,8 @@
143 <image src='../../img/right_1.png'></image> 145 <image src='../../img/right_1.png'></image>
144 </view> 146 </view>
145 </view> 147 </view>
146 - <view class='bottom_item'> 148 + <!-- 联系我们 -->
  149 + <view class='bottom_item' bindtap='btn_contactUs'>
147 <!-- 左边 --> 150 <!-- 左边 -->
148 <view class='bottom_left'> 151 <view class='bottom_left'>
149 <!-- 图片 --> 152 <!-- 图片 -->
@@ -154,7 +157,7 @@ @@ -154,7 +157,7 @@
154 </view> 157 </view>
155 <!-- 文字 --> 158 <!-- 文字 -->
156 <view class='bottom_left_text'> 159 <view class='bottom_left_text'>
157 - 地址管理 160 + 联系我们
158 </view> 161 </view>
159 </view> 162 </view>
160 <!-- 右边 --> 163 <!-- 右边 -->
@@ -14,11 +14,21 @@ Page({ @@ -14,11 +14,21 @@ Page({
14 name: '待拼团' 14 name: '待拼团'
15 }, 15 },
16 { 16 {
17 - name: '代发货' 17 + name: '待发货'
18 }, 18 },
19 { 19 {
20 name: '待完成' 20 name: '待完成'
21 - }], 21 + },
  22 + {
  23 + name: '待评价'
  24 + },
  25 + // {
  26 + // name: '已完成'
  27 + // },
  28 + // {
  29 + // name: '已取消'
  30 + // }
  31 + ],
22 currentTab: 0, 32 currentTab: 0,
23 }, 33 },
24 34
@@ -35,6 +45,12 @@ Page({ @@ -35,6 +45,12 @@ Page({
35 currentTab: e.currentTarget.dataset.idx, 45 currentTab: e.currentTarget.dataset.idx,
36 }) 46 })
37 }, 47 },
  48 + //评价按钮
  49 + btn_eOrder(){
  50 + wx.navigateTo({
  51 + url: '/pages/mine/eOrder/eOrder',
  52 + })
  53 + },
38 /** 54 /**
39 * 生命周期函数--监听页面初次渲染完成 55 * 生命周期函数--监听页面初次渲染完成
40 */ 56 */
1 1
2 <view class='container'> 2 <view class='container'>
3 <!-- 顶部菜单栏 --> 3 <!-- 顶部菜单栏 -->
4 - <!-- <view class='top'>  
5 - <view class='top_item'></view>  
6 - </view> --> 4 +
7 5
8 <view class="nav mainindex_nav top"> 6 <view class="nav mainindex_nav top">
9 <view wx:for="{{navbar}}" data-idx="{{index}}" class="nav_item {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap" data-categoryid="{{item.id}}">{{item.name}} 7 <view wx:for="{{navbar}}" data-idx="{{index}}" class="nav_item {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap" data-categoryid="{{item.id}}">{{item.name}}
10 </view> 8 </view>
11 </view> 9 </view>
12 10
  11 + <!-- 中部 -->
  12 + <view class='mid'>
  13 + <!-- 待付款 -->
  14 + <view class='mid_item'>
  15 + <!-- 上 -->
  16 + <view class='mid_item_top'>
  17 + <!-- 订单号 -->
  18 + <view class='mid_item_top_left'>
  19 + <!-- 图片 -->
  20 + <view class='top_left_pic'>
  21 + <image src='../../../img/dingdan.png'></image>
  22 + </view>
  23 + <!-- 订单号 -->
  24 + <view class='top_left_text'>
  25 + 订单号：1003828041
  26 + </view>
  27 + </view>
  28 + <!-- 待付款 -->
  29 + <view class='mid_item_top_right'>
  30 + 待付款
  31 + </view>
  32 + </view>
  33 + <!-- 中 -->
  34 + <view class='mid_item_mid'>
  35 + <view class='mid_item_mid_left'>
  36 + <!-- 图片 -->
  37 + <view class='mid_left_pic'>
  38 + <image src='../../../img/goods_1.png'></image>
  39 + </view>
  40 + <!-- 文字 -->
  41 + <view class='mid_left_text'>
  42 + 距结束23时52分
  43 + </view>
  44 + </view>
  45 + <!-- 中——右边 -->
  46 + <view class='mid_item_mid_right'>
  47 + <view class='mid_right_top'>
  48 + <view class='right_top_lef'>纯进口有机菜花</view>
  49 + <view class='right_top_rig'>
  50 + <span class='price_small'>￥</span>
  51 + <span class='font_big'>52</span>
  52 + <span class='font_small'>.00</span>
  53 + </view>
  54 + </view>
  55 + <!-- 百分比 -->
  56 + <view class='mid_right_m'>
  57 + <view class='right_m_left'>
  58 + <view class='right_m_left_content'></view>
  59 + </view>
  60 +
  61 + <view class='right_m_right'>
  62 + 42%
  63 + </view>
  64 + </view>
  65 + <!-- 拼团份数 -->
  66 + <view class='mid_right_bottom'>
  67 + <view class='mid_right_bottom_lef'>
  68 + 已拼300份，目标500份
  69 + </view>
  70 + <view class='mid_right_bottom_rig'>
  71 + x4
  72 + </view>
  73 + </view>
  74 +
  75 + </view>
  76 + </view>
  77 + <!-- 下 -->
  78 + <view class='mid_item_bottom'>
  79 + <view class='mid_item_bottom_lef'>
  80 + 共2件商品,实付
  81 + <span class='color_red'>￥52</span>
  82 + </view>
  83 + <view class='mid_item_bottom_rig'>
  84 + <view class='bottom_btn_left'>取消订单</view>
  85 + <view class='bottom_btn_right'>立即付款</view>
  86 + </view>
  87 + </view>
  88 + </view>
  89 + <!-- 待拼团 -->
  90 + <view class='mid_item'>
  91 + <!-- 上 -->
  92 + <view class='mid_item_top'>
  93 + <!-- 订单号 -->
  94 + <view class='mid_item_top_left'>
  95 + <!-- 图片 -->
  96 + <view class='top_left_pic'>
  97 + <image src='../../../img/dingdan.png'></image>
  98 + </view>
  99 + <!-- 订单号 -->
  100 + <view class='top_left_text'>
  101 + 订单号：1003828041
  102 + </view>
  103 + </view>
  104 + <!-- 待拼团 -->
  105 + <view class='mid_item_top_right'>
  106 + 待拼团
  107 + </view>
  108 + </view>
  109 + <!-- 中 -->
  110 + <view class='mid_item_mid'>
  111 + <view class='mid_item_mid_left'>
  112 + <!-- 图片 -->
  113 + <view class='mid_left_pic'>
  114 + <image src='../../../img/goods_1.png'></image>
  115 + </view>
  116 + <!-- 文字 -->
  117 + <view class='mid_left_text'>
  118 + 距结束23时52分
  119 + </view>
  120 + </view>
  121 + <!-- 中——右边 -->
  122 + <view class='mid_item_mid_right'>
  123 + <view class='mid_right_top'>
  124 + <view class='right_top_lef'>纯进口有机菜花</view>
  125 + <view class='right_top_rig'>
  126 + <span class='price_small'>￥</span>
  127 + <span class='font_big'>52</span>
  128 + <span class='font_small'>.00</span>
  129 + </view>
  130 + </view>
  131 + <!-- 百分比 -->
  132 + <view class='mid_right_m'>
  133 + <view class='right_m_left'>
  134 + <view class='right_m_left_content'></view>
  135 + </view>
  136 +
  137 + <view class='right_m_right'>
  138 + 42%
  139 + </view>
  140 + </view>
  141 + <!-- 拼团份数 -->
  142 + <view class='mid_right_bottom'>
  143 + <view class='mid_right_bottom_lef'>
  144 + 已拼300份，目标500份
  145 + </view>
  146 + <view class='mid_right_bottom_rig'>
  147 + x4
  148 + </view>
  149 + </view>
  150 +
  151 + </view>
  152 + </view>
  153 +
  154 + </view>
  155 + <!-- 待发货 -->
  156 + <view class='mid_item'>
  157 + <!-- 上 -->
  158 + <view class='mid_item_top'>
  159 + <!-- 订单号 -->
  160 + <view class='mid_item_top_left'>
  161 + <!-- 图片 -->
  162 + <view class='top_left_pic'>
  163 + <image src='../../../img/dingdan.png'></image>
  164 + </view>
  165 + <!-- 订单号 -->
  166 + <view class='top_left_text'>
  167 + 订单号：1003828041
  168 + </view>
  169 + </view>
  170 + <!-- 待发货 -->
  171 + <view class='mid_item_top_right'>
  172 + 待发货
  173 + </view>
  174 + </view>
  175 + <!-- 中 -->
  176 + <view class='mid_item_mid'>
  177 + <view class='mid_item_mid_left'>
  178 + <!-- 图片 -->
  179 + <view class='mid_left_pic'>
  180 + <image src='../../../img/goods_1.png'></image>
  181 + </view>
  182 + <!-- 文字 -->
  183 + <view class='mid_left_text text_b'>
  184 + 已结束
  185 + </view>
  186 + </view>
  187 + <!-- 中——右边 -->
  188 + <view class='mid_item_mid_right'>
  189 + <view class='mid_right_top'>
  190 + <view class='right_top_lef'>纯进口有机菜花</view>
  191 + <view class='right_top_rig'>
  192 + <span class='price_small'>￥</span>
  193 + <span class='font_big'>52</span>
  194 + <span class='font_small'>.00</span>
  195 + </view>
  196 + </view>
  197 +
  198 + <!-- 拼团份数 -->
  199 + <view class='mid_right_bottom'>
  200 + <view class='mid_right_bottom_text'>
  201 + 拼团成功
  202 + </view>
  203 + <view class='mid_right_bottom_rig'>
  204 + x4
  205 + </view>
  206 + </view>
  207 +
  208 + </view>
  209 + </view>
  210 +
  211 + </view>
  212 + <!-- 待完成 -->
  213 + <view class='mid_item'>
  214 + <!-- 上 -->
  215 + <view class='mid_item_top'>
  216 + <!-- 订单号 -->
  217 + <view class='mid_item_top_left'>
  218 + <!-- 图片 -->
  219 + <view class='top_left_pic'>
  220 + <image src='../../../img/dingdan.png'></image>
  221 + </view>
  222 + <!-- 订单号 -->
  223 + <view class='top_left_text'>
  224 + 订单号：1003828041
  225 + </view>
  226 + </view>
  227 + <!-- 待完成 -->
  228 + <view class='mid_item_top_right'>
  229 + 待完成
  230 + </view>
  231 + </view>
  232 + <!-- 中 -->
  233 + <view class='mid_item_mid'>
  234 + <view class='mid_item_mid_left'>
  235 + <!-- 图片 -->
  236 + <view class='mid_left_pic'>
  237 + <image src='../../../img/goods_1.png'></image>
  238 + </view>
  239 + <!-- 文字 -->
  240 + <view class='mid_left_text text_b'>
  241 + 已结束
  242 + </view>
  243 + </view>
  244 + <!-- 中——右边 -->
  245 + <view class='mid_item_mid_right'>
  246 + <view class='mid_right_top'>
  247 + <view class='right_top_lef'>纯进口有机菜花</view>
  248 + <view class='right_top_rig'>
  249 + <span class='price_small'>￥</span>
  250 + <span class='font_big'>52</span>
  251 + <span class='font_small'>.00</span>
  252 + </view>
  253 + </view>
  254 +
  255 + <!-- 拼团份数 -->
  256 + <view class='mid_right_bottom'>
  257 + <view class='mid_right_bottom_text'>
  258 + 拼团成功
  259 + </view>
  260 + <view class='mid_right_bottom_rig'>
  261 + x4
  262 + </view>
  263 + </view>
  264 +
  265 + </view>
  266 + </view>
  267 + <!-- 下 -->
  268 + <view class='mid_item_bottom'>
  269 + <view class='mid_item_bottom_lef'>
  270 +
  271 + </view>
  272 + <view class='mid_item_bottom_rig'>
  273 + <view class='bottom_btn_left'>查看物流</view>
  274 + <view class='bottom_btn_right'>确认订单</view>
  275 + </view>
  276 + </view>
  277 + </view>
  278 + <!-- 待评价 -->
  279 + <view class='mid_item'>
  280 + <!-- 上 -->
  281 + <view class='mid_item_top'>
  282 + <!-- 订单号 -->
  283 + <view class='mid_item_top_left'>
  284 + <!-- 图片 -->
  285 + <view class='top_left_pic'>
  286 + <image src='../../../img/dingdan.png'></image>
  287 + </view>
  288 + <!-- 订单号 -->
  289 + <view class='top_left_text'>
  290 + 订单号：1003828041
  291 + </view>
  292 + </view>
  293 + <!-- 待评价 -->
  294 + <view class='mid_item_top_right'>
  295 + 待评价
  296 + </view>
  297 + </view>
  298 + <!-- 中 -->
  299 + <view class='mid_item_mid'>
  300 + <view class='mid_item_mid_left'>
  301 + <!-- 图片 -->
  302 + <view class='mid_left_pic'>
  303 + <image src='../../../img/goods_1.png'></image>
  304 + </view>
  305 + <!-- 文字 -->
  306 + <view class='mid_left_text text_b'>
  307 + 已结束
  308 + </view>
  309 + </view>
  310 + <!-- 中——右边 -->
  311 + <view class='mid_item_mid_right'>
  312 + <view class='mid_right_top'>
  313 + <view class='right_top_lef'>纯进口有机菜花</view>
  314 + <view class='right_top_rig'>
  315 + <span class='price_small'>￥</span>
  316 + <span class='font_big'>52</span>
  317 + <span class='font_small'>.00</span>
  318 + </view>
  319 + </view>
  320 +
  321 + <!-- 拼团份数 -->
  322 + <view class='mid_right_bottom'>
  323 + <view class='mid_right_bottom_text'>
  324 + 拼团成功
  325 + </view>
  326 + <view class='mid_right_bottom_rig'>
  327 + x4
  328 + </view>
  329 + </view>
  330 +
  331 + </view>
  332 + </view>
  333 + <!-- 下 -->
  334 + <view class='mid_item_bottom'>
  335 + <view class='mid_item_bottom_lef'>
  336 +
  337 + </view>
  338 + <view class='mid_item_bottom_rig'>
  339 + <view class='bottom_btn_left' bindtap='btn_eOrder'>去评价</view>
  340 + <view class='bottom_btn_right'>确认订单</view>
  341 + </view>
  342 + </view>
  343 + </view>
  344 + <!-- 已完成 -->
  345 + <view class='mid_item'>
  346 + <!-- 上 -->
  347 + <view class='mid_item_top'>
  348 + <!-- 订单号 -->
  349 + <view class='mid_item_top_left'>
  350 + <!-- 图片 -->
  351 + <view class='top_left_pic'>
  352 + <image src='../../../img/dingdan.png'></image>
  353 + </view>
  354 + <!-- 订单号 -->
  355 + <view class='top_left_text'>
  356 + 订单号：1003828041
  357 + </view>
  358 + </view>
  359 + <!-- 已完成 -->
  360 + <view class='mid_item_top_right color_text'>
  361 + 已完成
  362 + </view>
  363 + </view>
  364 + <!-- 中 -->
  365 + <view class='mid_item_mid'>
  366 + <view class='mid_item_mid_left'>
  367 + <!-- 图片 -->
  368 + <view class='mid_left_pic'>
  369 + <image src='../../../img/goods_1.png'></image>
  370 + </view>
  371 + <!-- 文字 -->
  372 + <view class='mid_left_text text_b'>
  373 + 已结束
  374 + </view>
  375 + </view>
  376 + <!-- 中——右边 -->
  377 + <view class='mid_item_mid_right'>
  378 + <view class='mid_right_top'>
  379 + <view class='right_top_lef'>纯进口有机菜花</view>
  380 + <view class='right_top_rig'>
  381 + <span class='price_small'>￥</span>
  382 + <span class='font_big'>52</span>
  383 + <span class='font_small'>.00</span>
  384 + </view>
  385 + </view>
  386 +
  387 + <!-- 拼团份数 -->
  388 + <view class='mid_right_bottom'>
  389 + <view class='mid_right_bottom_text'>
  390 + 拼团成功
  391 + </view>
  392 + <view class='mid_right_bottom_rig'>
  393 + x4
  394 + </view>
  395 + </view>
  396 +
  397 + </view>
  398 + </view>
  399 + <!-- 下 -->
  400 + <view class='mid_item_bottom'>
  401 + <view class='mid_item_bottom_lef'>
  402 +
  403 + </view>
  404 + <view class='mid_item_bottom_rig'>
  405 + <view></view>
  406 + <view class='bottom_btn_delete'>删除</view>
  407 + </view>
  408 + </view>
  409 + </view>
  410 + <!-- 已取消 -->
  411 + <view class='mid_item'>
  412 + <!-- 上 -->
  413 + <view class='mid_item_top'>
  414 + <!-- 订单号 -->
  415 + <view class='mid_item_top_left'>
  416 + <!-- 图片 -->
  417 + <view class='top_left_pic'>
  418 + <image src='../../../img/dingdan.png'></image>
  419 + </view>
  420 + <!-- 订单号 -->
  421 + <view class='top_left_text'>
  422 + 订单号：1003828041
  423 + </view>
  424 + </view>
  425 + <!-- 已取消 -->
  426 + <view class='mid_item_top_right color_red'>
  427 + 已取消
  428 + </view>
  429 + </view>
  430 + <!-- 中 -->
  431 + <view class='mid_item_mid'>
  432 + <view class='mid_item_mid_left'>
  433 + <!-- 图片 -->
  434 + <view class='mid_left_pic'>
  435 + <image src='../../../img/goods_1.png'></image>
  436 + </view>
  437 + <!-- 文字 -->
  438 + <view class='mid_left_text text_b'>
  439 + 已结束
  440 + </view>
  441 + </view>
  442 + <!-- 中——右边 -->
  443 + <view class='mid_item_mid_right'>
  444 + <view class='mid_right_top'>
  445 + <view class='right_top_lef'>纯进口有机菜花</view>
  446 + <view class='right_top_rig'>
  447 + <span class='price_small'>￥</span>
  448 + <span class='font_big'>52</span>
  449 + <span class='font_small'>.00</span>
  450 + </view>
  451 + </view>
  452 +
  453 + <!-- 拼团份数 -->
  454 + <view class='mid_right_bottom'>
  455 + <view class='mid_right_bottom_text'>
  456 + 拼团成功
  457 + </view>
  458 + <view class='mid_right_bottom_rig'>
  459 + x4
  460 + </view>
  461 + </view>
  462 +
  463 + </view>
  464 + </view>
  465 + <!-- 下 -->
  466 + <view class='mid_item_bottom'>
  467 + <view class='mid_item_bottom_lef'>
  468 +
  469 + </view>
  470 + <view class='mid_item_bottom_rig'>
  471 + <view></view>
  472 + <view class='bottom_btn_delete'>删除</view>
  473 + </view>
  474 + </view>
  475 + </view>
  476 +
  477 + </view>
13 478
14 </view> 479 </view>
  1 +page{
  2 + background:rgba(247,247,247,1);
  3 +}
1 .container{ 4 .container{
2 width: 750rpx; 5 width: 750rpx;
3 display: flex; 6 display: flex;
4 flex-flow: column; 7 flex-flow: column;
  8 + position: relative;
5 } 9 }
6 .top{ 10 .top{
7 width: 750rpx; 11 width: 750rpx;
@@ -34,6 +38,271 @@ @@ -34,6 +38,271 @@
34 position: absolute; 38 position: absolute;
35 left: 0; 39 left: 0;
36 right: 0; 40 right: 0;
37 - bottom: -20rpx; 41 + bottom: -15rpx;
38 margin: 0 auto; 42 margin: 0 auto;
39 } 43 }
  44 +
  45 +.mid{
  46 +
  47 + width:750rpx;
  48 + height:3056rpx;
  49 + background:rgba(247,247,247,1);
  50 + opacity:1;
  51 + border-radius:8rpx;
  52 + position: absolute;
  53 + top: 77rpx;
  54 + display: flex;
  55 + align-items: center;
  56 + flex-flow: column;
  57 +}
  58 +.mid_item{
  59 + margin-top: 16rpx;
  60 + width:688rpx;
  61 + background:rgba(255,255,255,1);
  62 + opacity:1;
  63 + border-radius:8rpx;
  64 +}
  65 +.mid_item_top{
  66 + display: flex;
  67 + align-items: center;
  68 + justify-content: space-between;
  69 + padding: 32rpx 18rpx;
  70 + border-bottom: 2rpx solid #F5F5F5;
  71 +}
  72 +.mid_item_top_left{
  73 + display: flex;
  74 +}
  75 +.top_left_pic{
  76 + width: 28rpx;
  77 + height: 32rpx;
  78 + display: flex;
  79 +}
  80 +.top_left_pic image{
  81 + width: 100%;
  82 + height: 100%;
  83 +}
  84 +.top_left_text{
  85 + font-size:28rpx;
  86 + font-family:PingFang SC;
  87 + font-weight:400;
  88 + color:rgba(51,51,51,1);
  89 + opacity:1;
  90 + margin-left: 8rpx;
  91 +}
  92 +.mid_item_top_right{
  93 + font-size:24rpx;
  94 + font-family:PingFang SC;
  95 + font-weight:400;
  96 + color:rgba(110,172,61,1);
  97 + opacity:1;
  98 +}
  99 +.mid_item_mid{
  100 + display: flex;
  101 + padding: 32rpx 18rpx;
  102 + border-bottom: 2rpx solid #F5F5F5;
  103 +}
  104 +.mid_item_mid_left{
  105 + width:144rpx;
  106 + height:144rpx;
  107 + background:rgba(250,250,250,1);
  108 + opacity:1;
  109 + display: flex;
  110 + flex-flow: column;
  111 +}
  112 +.mid_left_pic{
  113 + width: 144rpx;
  114 + height: 114rpx;
  115 + display: flex;
  116 +}
  117 +.mid_left_pic image{
  118 + width: 100%;
  119 + height: 100%;
  120 +}
  121 +.mid_left_text{
  122 + width:144rpx;
  123 + height:32rpx;
  124 + line-height: 32rpx;
  125 + background:rgba(251,4,4,0.2);
  126 +
  127 + text-align: center;
  128 + font-size:20rpx;
  129 + font-family:PingFang SC;
  130 + font-weight:400;
  131 + color:rgba(255,255,255,1);
  132 + opacity:1;
  133 +}
  134 +.text_b{
  135 + width:144rpx;
  136 + height:32rpx;
  137 + line-height: 32rpx;
  138 + background:rgba(204,204,204,0.2);
  139 +
  140 +
  141 + font-size:20rpx;
  142 + font-family:PingFang SC;
  143 + font-weight:400;
  144 + color:rgba(255,255,255,1);
  145 + opacity:1;
  146 +}
  147 +.mid_item_mid_right{
  148 + width: 100%;
  149 + display: flex;
  150 + flex-flow: column;
  151 + margin-left: 16rpx;
  152 +}
  153 +.mid_right_top{
  154 + display: flex;
  155 + justify-content: space-between;
  156 +}
  157 +.right_top_lef{
  158 + font-size:32rpx;
  159 + font-family:PingFang SC;
  160 + font-weight:600;
  161 + color:rgba(51,51,51,1);
  162 + opacity:1;
  163 +}
  164 +.right_top_rig{
  165 + color: #FF0000;
  166 +}
  167 +.price_small{
  168 + font-size: 28rpx;
  169 +}
  170 +.font_big{
  171 + font-size: 38rpx;
  172 +}
  173 +.font_small{
  174 + font-size: 28rpx;
  175 +}
  176 +.mid_right_m{
  177 + margin-top: 16rpx;
  178 + display: flex;
  179 + align-items: center;
  180 +}
  181 +.right_m_left{
  182 + width:350rpx;
  183 + height:16rpx;
  184 + background:rgba(236,236,236,1);
  185 + opacity:1;
  186 + border-radius:8rpx;
  187 +}
  188 +.right_m_left_content{
  189 + width:284rpx;
  190 + height:16rpx;
  191 + background:rgba(181,222,150,1);
  192 + opacity:1;
  193 + border-radius:8rpx;
  194 +}
  195 +.right_m_right{
  196 + margin-left: 34rpx;
  197 + font-size:24rpx;
  198 + font-family:PingFang SC;
  199 + font-weight:400;
  200 + color:rgba(181,222,150,1);
  201 + opacity:1;
  202 +}
  203 +.mid_right_bottom{
  204 + display: flex;
  205 + justify-content: space-between;
  206 + margin-top: 6rpx;
  207 +}
  208 +.mid_right_bottom_lef{
  209 + font-size:22rpx;
  210 + font-family:PingFang SC;
  211 + font-weight:400;
  212 + color:rgba(204,204,204,1);
  213 + opacity:1;
  214 +}
  215 +.mid_right_bottom_rig{
  216 + margin-top: 10rpx;
  217 + font-size:24rpx;
  218 + font-family:PingFang SC;
  219 + font-weight:400;
  220 + line-height:34rpx;
  221 + color:rgba(153,153,153,1);
  222 + opacity:1;
  223 +}
  224 +.mid_item_bottom{
  225 + display: flex;
  226 + justify-content: space-between;
  227 + padding: 32rpx 18rpx;
  228 + border-bottom: 2rpx solid #F5F5F5;
  229 +}
  230 +.mid_item_bottom_lef{
  231 + font-size:26rpx;
  232 + font-family:PingFang SC;
  233 + font-weight:400;
  234 + opacity:1;
  235 +}
  236 +.color_red{
  237 + color: #FE231D;
  238 +}
  239 +.mid_item_bottom_rig{
  240 + display: flex;
  241 + justify-content: space-between;
  242 +}
  243 +.bottom_btn_left{
  244 + width:144rpx;
  245 + height:48rpx;
  246 + line-height: 48rpx;
  247 + text-align: center;
  248 + background:rgba(255,255,255,1);
  249 + border:2rpx solid rgba(230,230,230,1);
  250 + border-radius:244rpx;
  251 +
  252 + font-size:24rpx;
  253 + font-family:PingFang SC;
  254 + font-weight:400;
  255 + color:rgba(102,102,102,1);
  256 + opacity:1;
  257 +}
  258 +.bottom_btn_right{
  259 + margin-left: 32rpx;
  260 + width:144rpx;
  261 + height:48rpx;
  262 + line-height: 48rpx;
  263 + text-align: center;
  264 + background:linear-gradient(270deg,rgba(181,222,150,1) 0%,rgba(74,172,32,1) 100%,rgba(0,0,0,1) 100%);
  265 + box-shadow:0rpx 6rpx 20rpx rgba(126,254,29,0.15);
  266 + opacity:1;
  267 + border-radius:200rpx;
  268 +
  269 +
  270 + font-size:24rpx;
  271 + font-family:PingFang SC;
  272 + font-weight:400;
  273 +
  274 + color:rgba(255,255,255,1);
  275 +
  276 +}
  277 +.mid_right_bottom_text{
  278 + width:112rpx;
  279 + height:32rpx;
  280 + line-height: 32rpx;
  281 + text-align: center;
  282 + background:rgba(110,172,61,0.3);
  283 + border-radius:16rpx;
  284 +
  285 + font-size:20rpx;
  286 + font-family:PingFang SC;
  287 + font-weight:400;
  288 + color:rgba(110,172,61,1);
  289 + opacity:1;
  290 +}
  291 +.color_text{
  292 + color: #999999;
  293 +}
  294 +.bottom_btn_delete{
  295 + width:144rpx;
  296 + height:48rpx;
  297 + line-height:48rpx;
  298 + text-align:center;
  299 + background:rgba(255,255,255,1);
  300 + border:2rpx solid rgba(230,230,230,1);
  301 + border-radius:244rpx;
  302 + font-size:24rpx;
  303 + font-family:PingFang SC;
  304 + font-weight:400;
  305 + color:rgba(102,102,102,1);
  306 + opacity:1;
  307 +
  308 +}
@@ -37,7 +37,7 @@ @@ -37,7 +37,7 @@
37 "list": [] 37 "list": []
38 }, 38 },
39 "miniprogram": { 39 "miniprogram": {
40 - "current": 4, 40 + "current": 6,
41 "list": [ 41 "list": [
42 { 42 {
43 "id": -1, 43 "id": -1,
@@ -71,6 +71,20 @@ @@ -71,6 +71,20 @@
71 "id": -1, 71 "id": -1,
72 "name": "我的订单", 72 "name": "我的订单",
73 "pathName": "pages/mine/myOrder/myOrder", 73 "pathName": "pages/mine/myOrder/myOrder",
  74 + "query": "",
  75 + "scene": null
  76 + },
  77 + {
  78 + "id": -1,
  79 + "name": "评价订单",
  80 + "pathName": "pages/mine/eOrder/eOrder",
  81 + "query": "",
  82 + "scene": null
  83 + },
  84 + {
  85 + "id": -1,
  86 + "name": "加入我们",
  87 + "pathName": "pages/mine/contactUs/contactUs",
74 "scene": null 88 "scene": null
75 } 89 }
76 ] 90 ]