shop

 {
 {
   "pages": [
   "pages": [
+    "pages/kind/detail_1/detail_1",
+    "pages/kind/firm_order2/firm_order2",
+    "pages/kind/firm_order1/firm_order1",
+    "pages/kind/success/success",
+    "pages/kind/kind",
     "pages/mine/contactUs/contactUs",
     "pages/mine/contactUs/contactUs",
     "pages/mine/eOrder/eOrder",
     "pages/mine/eOrder/eOrder",
     "pages/mine/myOrder/myOrder",
     "pages/mine/myOrder/myOrder",
@@ -8,7 +13,6 @@
     "pages/homeindex/homeindex",
     "pages/homeindex/homeindex",
     "pages/index/index",
     "pages/index/index",
     "pages/logs/logs",
     "pages/logs/logs",
-    "pages/kind/kind",
     "pages/mine/mine",
     "pages/mine/mine",
     "pages/mine/collect/collect"
     "pages/mine/collect/collect"
   ],
   ],

+// pages/kind/detail_1/detail_1.js
+Page({
+ goFirm_order1:function(){
+  wx.navigateTo({
+   url: '../firm_order1/firm_order1',
+  })
+ },
+
+ goy(e){
+  this.setData({
+   index: e.currentTarget.dataset.id,
+  })
+ },
+ goy2(e){
+  this.setData({
+   index: e.currentTarget.dataset.id,
+  })
+ },
+ goConfirm:function(){
+  this.setData({
+   showModal:true,
+  })
+ },
+ m_close:function(){
+  this.setData({
+   showModal:false,
+  })
+ },
+  // 点击加减
+ bindMinus:function(){
+  var num = this.data.num;
+  if(num>1){
+   num--;
+  }
+  this.setData({
+   num:num,
+  });
+ },
+ // 点击加
+ bindPlus:function(){
+  var num = this.data.num;
+  num++;
+  this.setData({
+   num: num,
+  });
+ },
+ /**
+  * 页面的初始数据
+  */
+ data: {
+  index:1,
+  showModal: false,
+  hide: false,
+  num:1,
+ },
+
+ /**
+  * 生命周期函数--监听页面加载
+  */
+ onLoad: function (options) {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面初次渲染完成
+  */
+ onReady: function () {
+  
+ },
+
+ /**
+  * 生命周期函数--监听页面显示
+  */
+ onShow: function () {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面隐藏
+  */
+ onHide: function () {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面卸载
+  */
+ onUnload: function () {
+
+ },
+
+ /**
+  * 页面相关事件处理函数--监听用户下拉动作
+  */
+ onPullDownRefresh: function () {
+
+ },
+
+ /**
+  * 页面上拉触底事件的处理函数
+  */
+ onReachBottom: function () {
+
+ },
+
+ /**
+  * 用户点击右上角分享
+  */
+ onShareAppMessage: function () {
+
+ }
+})

+{
+ "navigationBarTitleText": "",
+ "navigationBarBackgroundColor": "#6EAC3D",
+ "navigationBarTextStyle": "white"
+}

+<!--pages/kind/detail_1/detail_1.wxml-->
+<!-- 商品 -->
+<view class='container'>
+  <view class='ware_box'>
+   <view class='ware_top'>
+    <view class='ware_1'>
+     <image src='../../../img/gerenzhingxinbeijing@2x.png'></image>
+     <view class='ware_1_time'>
+       据结束2时22分
+     </view>
+    </view>
+    <view class='ware_text'>
+      <view class='ware_2'>
+       <text class='ware_2Txt1'>纯进口有机菜花</text>
+       <text class='ware_2Txt2'>产地：智力</text>
+      </view>
+      <view class='ware_3'>
+       <progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx"/>
+      </view>
+      <view class='ware_4'>
+       <text>已拼300份，目标500份</text>
+      </view>
+      <view class='ware_5'>
+       <view>
+         <text class='ware5_t1'>￥52/</text>
+         <text class='ware5_t2'>1磅1份</text>
+       </view>
+       <view class='ware5_box'>
+        <view class='ware5_t3'>40mm-50m</view>
+        <view class='ware5_t4'>番茄果径</view>
+       </view>
+       <view class='ware_6'>
+         <view>立即参团</view>
+       </view>
+      </view>
+    </view>
+   </view>
+   <view class='ware_bot'>
+     <view class='ware_bot_tit'>经典推荐</view>
+     <view class='ware_bot_txt'>智利进口，绿色健康，硕大饱满</view>
+   </view>
+  </view>
+</view>
+<!-- 商品规格 -->
+<view class='spec'>
+  <view class='spec_txt'>商品规格</view>
+  <view class='spec_txt2'>1磅1份</view>
+</view>
+<!-- 商品详情 -->
+<view class='ware_detail'>
+ <view class='ware_detail_tit'>
+   <view class="ware_detail_box {{index == 1 ? 'ware_active' : ''}}" bindtap='goy' data-id="1">商品详情</view>
+   <view class="ware_detail_box {{index == 2 ? 'ware_active' : ''}}" bindtap='goy2' data-id="2">用户评价</view>
+ </view>
+ <view class='ware_detailC'>
+  <view class='ware_detailImg' wx:if="{{index == 1}}">
+   <image src='../../../img/gerenzhingxinbeijing@3x.png'></image>
+  </view>
+  <!-- 用户评价 -->
+  <view class='ware_assess' wx:if="{{index == 2}}">
+   <view class='ware_assess_li'>
+     <view class='assess_header'>
+       <view class='assess_headerImg'>
+        <image src='../../../img/jujia@2x.png'></image>
+       </view>
+       <view class='assess_headerTxt'>朱*明</view>
+     </view>
+     <view class='assess_say'>
+      产品和描述一直，很喜欢他们家的东西，体验了下东西确实也不错
+     </view>
+     <view class='ware_pic'></view>
+     <view class='assess_time'>2019/07/01</view>
+   </view>
+   <view class='ware_assess_li'>
+     <view class='assess_header'>
+       <view class='assess_headerImg'>
+        <image src='../../../img/jujia@2x.png'></image>
+       </view>
+       <view class='assess_headerTxt'>朱*明</view>
+     </view>
+     <view class='assess_say'>
+      质量很不错，很喜欢。
+     </view>
+     <view class='ware_pic'>
+        <view class='ware_picBox'>
+          <image src='../../../img/gerenzhingxinbeijing@2x.png'></image>
+        </view>
+        <view class='ware_picBox'>
+          <image src='../../../img/gerenzhingxinbeijing@2x.png'></image>
+        </view>
+     </view>
+     <view class='assess_time'>2019/07/01</view>
+   </view>
+   <view class='whole'>
+     查看全部评价
+   </view>
+  </view>
+ </view>
+</view>
+<!-- footer底部 -->
+<view class='footer'>
+ <view class='footer_add'>加入收藏</view>
+ <view class='footer_off' bindtap='goConfirm'>立即参团</view>
+</view>
+<!-- 遮罩层 -->
+<view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
+<!-- 弹出层 -->
+<view class="modalDlg" wx:if="{{showModal}}">
+ <view class='modalDlg_p'>
+  <view class='m_top'>
+     <view class='m_topImg'>
+      <image src='../../../img/douyao.png'></image>
+     </view>
+     <view class='m_topTxt'>
+       <view class='m_topTxt1'>
+         <view class='m_topName'>纯进口有机菜花</view>
+         <image bindtap='m_close' src='../../../img/cha.png'></image>
+       </view>
+       <view class='m_topTxt2'>
+        <view class='m_topPrice'>￥52.00</view>
+        <view class='m_topHelf'>1磅1份</view>
+       </view>
+     </view>
+   </view>
+   <view class='m_number'>
+     <view class='m_numTxt'>购买数量</view>
+     <view class='minus_push'>
+      <view class='minus' bindtap="bindMinus">-</view>
+      <view class='num' bindchange="bindManual">{{num}}</view>
+      <view class='push' bindtap="bindPlus">+</view>
+     </view>
+    </view>
+    <button class='m_btn' bindtap='goFirm_order1'>确认</button>
+ </view>
+</view>
+

+/* pages/kind/detail_1/detail_1.wxss */
+page{
+  background: #F7F7F7;
+}
+.container{
+ overflow: hidden;
+ background: white;
+ padding-bottom:48rpx;
+}
+.ware_box{
+ width:688rpx;
+ height:400rpx;
+ margin:32rpx auto;
+ background:#F9FAFC;
+}
+.ware_top{
+ overflow: hidden;
+ display: flex;
+ padding:32rpx 18rpx 0;
+}
+.ware_1{
+ width:312rpx;
+ height:208rpx;
+ position: relative;
+}
+.ware_1 image{
+ width:100%;
+ height:100%;
+}
+.ware_1_time{
+ position: absolute;
+ bottom:0;
+ width:208rpx;
+ height:48rpx;
+ color: white;
+ text-align: center;
+ line-height:48rpx;
+ font-size:24rpx;
+ background:#FAC8C8;
+ font-family:PingFang SC;
+}
+.ware_text{
+ margin-left:14rpx;
+ width:100%;
+}
+.ware_2Txt1{
+ font-size:32rpx;
+ font-family:PingFang SC;
+ font-weight:600;
+ line-height:44rpx;
+ color:rgba(51,51,51,1);
+}
+.ware_2Txt2{
+ font-size:22rpx;
+ margin-left:98rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ line-height:32rpx;
+ color:rgba(204,204,204,1);
+}
+.ware_3 progress{
+ width:370rpx;
+ color:#B5DE96;
+ margin-top:24rpx;
+}
+.ware_4 text,.ware5_t2{
+ font-size:22rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ line-height:32rpx;
+ color:rgba(204,204,204,1);
+}
+.ware_5{
+ display: flex;
+ display: -webkit-flex;
+ justify-content: space-between;
+}
+.ware5_t1{
+ font-size:30rpx;
+ font-family:DIN 1451 Std Mittelschrift;
+ font-weight:400;
+ color:rgba(255,0,0,1);
+}
+.ware5_t3{
+ font-size:22rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ line-height:30rpx;
+ color:rgba(51,51,51,1);
+}
+.ware5_t4{
+ font-size:18rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+.ware_6{
+ width:144rpx;
+ height:48rpx;
+ background:rgba(249,150,20,1);
+ box-shadow:0px 2rpx 12rpx rgba(255,145,0,0.16);
+ border-radius:24rpx;
+}
+.ware_6 view{
+ font-size:26rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ text-align: center;
+ line-height:48rpx;
+ color:rgba(255,255,255,1);
+}
+.ware_bot{
+ width:670rpx;
+ height:80rpx;
+ margin: auto;
+ display: flex;
+ line-height:80rpx;
+ margin-top:32rpx;
+ background-color:#F1F7F1;
+}
+.ware_bot_tit{
+ font-size:30rpx;
+ font-weight:bold;
+ margin-left:32rpx;
+ color:rgba(110,172,61,1);
+}
+.ware_bot_tit:after{
+ content:"";
+ margin:0 38rpx;
+ border-right:1px solid #B5DE96;
+}
+.ware_bot_txt{
+ font-size:24rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+/* 规格 */
+.spec{
+ width:100%;
+ padding:0 32rpx;
+ line-height:80rpx;
+ display: flex;
+ height:80rpx;
+ margin-top:8rpx;
+ background:white;
+}
+.spec_txt{
+ font-size:32rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(51,51,51,1);
+}
+.spec_txt2{
+  font-size:24rpx;
+  font-family:PingFang SC;
+  font-weight:400;
+  margin-left:108rpx;
+  color:rgba(153,153,153,1);
+}
+/* 商品详情 */
+.ware_detail{
+ width:100%;
+ margin-top:8rpx;
+ margin-bottom:96rpx;
+ padding-bottom:66rpx;
+ background: white;
+}
+.ware_detail_tit{
+ width:688rpx;
+ margin: auto;
+ display: flex;
+ padding:44rpx 0rpx 42rpx;
+ justify-content:space-around;
+ border-bottom:2rpx solid #F5F5F5;
+}
+.ware_detail .ware_active{
+ color:#6EAC3D;
+ font-weight:600;
+}
+.ware_active:after{
+ content: "";
+ width:16rpx;
+ height: 6rpx;
+ margin: auto;
+ display: block;
+ margin-top:6rpx;
+ border-radius:8rpx;
+ background:rgba(110,172,61,1);
+}
+.ware_detail_tit view{
+ font-size:28rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+.ware_detailC{
+ width:688rpx;
+ margin:26rpx auto 0;
+}
+
+.ware_detailImg{
+ width:688rpx;
+ height:470rpx;
+}
+.ware_detailImg image{
+ width:100%;
+ height:100%;
+}
+/* 用户评价 */
+.ware_assess_li{
+ padding-bottom:24rpx;
+ margin-bottom:32rpx;
+ border-bottom: 1px solid #F5F5F5;
+}
+.assess_header{
+ display: flex;
+ justify-content: space-between;
+}
+.assess_headerImg{
+ width:64rpx;
+ height:64rpx;
+}
+.assess_headerImg image{
+ width:100%;
+ height:100%;
+}
+.assess_headerTxt{
+ font-size:24rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+.assess_say{
+ font-size:30rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ margin-top:18rpx;
+ color:rgba(102,102,102,1);
+}
+.assess_time{
+ font-size:22rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ margin-top:12rpx;
+ color:rgba(153,153,153,1);
+}
+.ware_pic{
+  display: flex;
+  width:100%;
+  margin-top:10rpx;
+}
+.ware_picBox{
+ margin-right: 16rpx;
+}
+.ware_picBox image{
+ width:112rpx;
+ height:112rpx;
+}
+/* 全部评价 */
+.whole{
+ width:336rpx;
+ height:64rpx;
+ background:rgba(255,255,255,1);
+ border:2rpx solid rgba(230,230,230,1);
+ border-radius:166rpx;
+ font-size:26rpx;
+ text-align: center;
+ line-height:64rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ margin: auto;
+ color:rgba(102,102,102,1);
+}
+/* footer */
+.footer{
+ position: fixed;
+ bottom: 0;
+ text-align: center;
+ width:750rpx;
+ height:96rpx;
+ display: flex;
+ line-height:66rpx;
+ align-items: center;
+ justify-content: center;
+ background:rgba(255,255,255,1);
+ box-shadow:0px -2rpx 12rpx rgba(0,0,0,0.06);
+}
+.footer_add,.footer_off{
+ width:272rpx;
+ height:64rpx;
+ font-size:32rpx;
+ font-family:PingFang SC;
+ font-weight:600;
+ border-radius:32rpx;
+ border:2rpx solid rgba(172,212,66,1);
+}
+.footer_add{
+ background:rgba(255,255,255,1);
+ margin-right:32rpx;
+ color:rgba(110,172,61,1);
+}
+.footer_off{
+ background:linear-gradient(159deg,rgba(181,222,150,1) 0%,rgba(169,209,33,1) 100%);
+ box-shadow:0rpx 6rpx 40rpx rgba(136,255,0,0.16);
+ color:rgba(255,255,255,1);
+}
+/* 遮罩层 */
+.mask{
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: #000;
+  z-index: 9000;
+  opacity: 0.64;
+}
+/* 弹出层 */
+.modalDlg{
+  width:100%;
+  height:454rpx;
+  bottom:0;
+  position: fixed;
+  z-index: 9999;
+  background-color: #fff;
+}
+.modalDlg_p{
+ padding:0 30rpx;
+}
+.m_top{
+ display: flex;
+}
+.m_topTxt1{
+ display: flex;
+ align-self: center;
+ justify-content: space-between;
+ margin-top:30rpx;
+}
+.m_topTxt{
+ width:100%;
+ margin-left:16rpx;
+}
+.m_topImg{
+ margin-top:-48rpx;
+ display: flex;
+}
+.m_topImg image{
+ width:208rpx;
+ height:208rpx;
+}
+.m_topTxt1 image{
+ width:32rpx;
+ height:32rpx;
+}
+.m_topName{
+ font-size:32rpx;
+ font-family:PingFang SC;
+ font-weight:600;
+ color:rgba(51,51,51,1);
+}
+.m_topTxt2{
+ display: flex;
+ margin-top:16rpx;
+ align-items: center;
+}
+.m_topPrice{
+ font-size:28rpx;
+ font-family:DIN 1451 Std Mittelschrift;
+ font-weight:400;
+ color:#FF0000;
+}
+.m_topHelf{
+ font-size:22rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ margin-left:16rpx;
+ color:rgba(204,204,204,1);
+}
+.m_number{
+ display: flex;
+ align-items: center;
+ margin-top:18rpx;
+}
+.minus_push{
+ display: flex;
+ margin-left: auto;
+ align-items: center;
+}
+.m_numTxt{
+ font-size:24rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+.minus,.push{
+ width:48rpx;
+ height:48rpx;
+ font-size:40rpx;
+ text-align: center;
+ line-height:48rpx;
+ border:2px solid rgba(110,172,61,1);
+ border-radius:50%;
+}
+.minus{
+ color: #6EAC3D;
+}
+.num{
+ margin:0 26rpx;
+ font-size:32rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(110,172,61,1);
+}
+.push{
+ color: white;
+ background:rgba(110,172,61,1);
+}
+.m_btn{
+ width:688rpx;
+ height:80rpx;
+ border:0;
+ margin-top:62rpx;
+ font-size:32rpx;
+ font-family:PingFang SC;
+ font-weight:600;
+ color:rgba(255,255,255,1);
+ background:linear-gradient(170deg,rgba(181,222,150,1) 0%,rgba(169,209,33,1) 100%);
+ box-shadow:0rpx 6rpx 40rpx rgba(162,255,0,0.15);
+ border-radius:48rpx;
+}

+// pages/kind/firm_order1/firm_order1.js
+Page({
+ goFirm_order2:function(){
+  wx.navigateTo({
+   url: '../firm_order2/firm_order2',
+  })
+ },
+ /**
+  * 页面的初始数据
+  */
+ data: {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面加载
+  */
+ onLoad: function (options) {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面初次渲染完成
+  */
+ onReady: function () {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面显示
+  */
+ onShow: function () {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面隐藏
+  */
+ onHide: function () {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面卸载
+  */
+ onUnload: function () {
+
+ },
+
+ /**
+  * 页面相关事件处理函数--监听用户下拉动作
+  */
+ onPullDownRefresh: function () {
+
+ },
+
+ /**
+  * 页面上拉触底事件的处理函数
+  */
+ onReachBottom: function () {
+
+ },
+
+ /**
+  * 用户点击右上角分享
+  */
+ onShareAppMessage: function () {
+
+ }
+})

+{
+ "navigationBarTitleText": "确认订单",
+ "navigationBarBackgroundColor": "#6EAC3D",
+ "navigationBarTextStyle": "white"
+}

+<!--pages/kind/firm_order1/firm_order1.wxml-->
+<view class='container'>
+ <!-- 顶部背景 -->
+ <view class='header'></view>
+ <!-- 订单详情 -->
+ <view class='order_box'>
+  <!-- 个人信息 -->
+  <view class='o_top'>
+    <view class='o_topIn'>
+     <view class='o_topImg'>
+      <image src='../../../img/jujia@2x.png'></image>
+     </view>
+     <view class='o_text'>
+      <view class='o_namePhone'>
+       <view class='name'>朱小明</view>
+       <view class='phone'>150 **** 2104</view>
+      </view>
+      <view class='address'>天津市和平区大沽北路15号环球金融中心2407</view>
+     </view>
+     <image class='o_right' src='../../../img/right_1.png'></image>
+   </view>
+   <image class='o_top_bottom' src='../../../img/kuaidi@2x.png'></image>
+  </view>
+  <!-- 商品信息 -->
+  <view class='o_body'>
+   <view class='o_body_case'>
+   <!-- 信息头部 -->
+    <view class='title'>
+     <view class='title_icon'>
+       <image src='../../../img/shangjia@2x.png'></image>
+     </view>
+     <view class='title_txt'>商品信息</view>
+    </view>
+    <!-- 介绍详情 -->
+    <view class='goods_detail'>
+     <view class='goods_detail_pic'>
+      <view class='detail_pic2'>
+       <image src='../../../img/douyao.png'></image>
+      </view>
+      <view class='detail_pic_txt'>距结束2时22分</view>
+     </view>
+     <view class='detail_txt'>
+      <view class='txt1'>
+       <view class='txt1_name'>纯进口有机菜花</view>
+       <view class='txt1_price'>￥52.00</view>
+      </view>
+      <view class='txt2'>
+       <progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx"/>
+       <view class='order'>x4</view>
+      </view>
+      <view class='txt3'>已拼300份，目标500份</view>
+     </view>
+    </view>
+    <!-- 运费 -->
+    <view class='freight'>
+     <view class='freight_1'>运费</view>
+     <view class='freight_2'>￥0.00</view>
+    </view>
+    <!-- 其他信息 -->
+    <view class='othor'>
+      <view class='othor1'>
+       <view class='othor1_name'>订单号</view>
+       <view class='othor1_con'>2019885878957</view>
+      </view>
+      <view class='othor1'>
+       <view class='othor1_name'>备注信息</view>
+       <view class='othor1_con'>尽量下午送货，来时电话联系</view>
+      </view>
+    </view>
+   </view>
+  </view>
+ </view>
+</view>
+<view class='footer'>
+  <view class='footer_in'>
+   <view class='f_txt1'>共1件商品</view>
+   <view class='f_txt2'>合计: <text class='f_txt3'>￥52.00</text></view>
+   <view class='f_btn' bindtap='goFirm_order2'>立即支付</view>
+  </view>
+</view>
+

+/* pages/kind/firm_order1/firm_order1.wxss */
+page{
+ background: #F7F7F7;
+}
+.container{
+ position: relative;
+}
+.header{
+ width:100%;
+ height:280rpx;
+ background:#6EAC3D;
+}
+.order_box{
+ position: absolute;
+ width:688rpx;
+ height:820rpx;
+ top:57rpx;
+ left:0;
+ right:0;
+ margin: auto;
+ background: white;
+}
+.o_top{
+ width:100%;
+}
+.o_topIn{
+ display: flex;
+ padding:80rpx 32rpx 0;
+}
+.o_namePhone{
+ display: flex;
+ margin-top:4rpx;
+}
+.o_text{
+ width:100%;
+ margin-left:16rpx;
+}
+.o_topImg image{
+ width:96rpx;
+ height:96rpx;
+}
+.o_namePhone .name{
+ font-size:34rpx;
+ font-family:PingFang SC;
+ font-weight:600;
+ color:rgba(0,0,0,1);
+}
+.o_namePhone .phone{
+ font-size:34rpx;
+ margin-left: auto;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(0,0,0,1);
+}
+.address{
+ margin-top:8rpx;
+ font-size:22rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+.o_right{
+ width:28rpx;
+ height:42rpx;
+ margin:26rpx 0 0 20rpx;
+}
+.o_top_bottom{
+ width:688rpx;
+ height:6rpx;
+}
+.o_body_case{
+ padding:30rpx;
+}
+.title_icon{
+ width:32rpx;
+ height:32rpx;
+}
+.title_icon image{
+ width:100%;
+ height:100%;
+}
+.title{
+ display: flex;
+ padding-bottom:24rpx;
+ border-bottom:1px solid #F5F5F5;
+}
+.title_txt{
+ font-size:34rpx;
+ margin:2rpx 0 0 18rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(51,51,51,1);
+}
+.goods_detail_pic{
+  position: relative;
+}
+.detail_pic2{
+ width:144rpx;
+ height:144rpx;
+}
+.detail_pic2 image{
+ width:100%;
+ height:100%;
+}
+.goods_detail{
+ margin-top:32rpx;
+ display: flex;
+}
+.detail_txt{
+ width:100%;
+ margin-left:16rpx;
+}
+.detail_pic_txt{
+ width:144rpx;
+ height:28rpx;
+ position: absolute;
+ bottom: 0;
+ background: #FAC8C8;
+ font-size:20rpx;
+ text-align: center;
+ line-height:28rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(255,255,255,1);
+}
+.txt1{
+ display: flex;
+}
+.txt1_name{
+ font-size:32rpx;
+ font-family:PingFang SC;
+ font-weight:600;
+ color:rgba(51,51,51,1);
+}
+.txt1_price{
+ margin-left: auto;
+ font-size:28rpx;
+ font-family:DIN 1451 Std Mittelschrift;
+ font-weight:400;
+ color:rgba(255,0,0,1);
+}
+.txt2 progress{
+ width:320rpx;
+ color:#B5DE96;
+ margin-top:24rpx;
+}
+.txt2{
+  display: flex;
+}
+.order{
+ font-size:24rpx;
+ margin-top:22rpx;
+ margin-left: auto;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+.txt3{
+ font-size:22rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ margin-top:10rpx;
+ color:rgba(204,204,204,1);
+}
+.freight{
+ display: flex;
+ margin-top:34rpx;
+ padding-bottom:24rpx;
+ border-bottom:1px solid #F5F5F5;
+}
+.freight_1,.freight_2{
+ font-size:28rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(102,102,102,1);
+}
+.freight,.freight_2{
+ font-weight:normal;
+ margin-left: auto;
+ font-family:DIN 1451 Std Engschrift;
+}
+.othor{
+ margin-top:44rpx;
+}
+.othor1{
+ display: flex;
+ align-items: center;
+ margin-bottom:16rpx;
+}
+.othor1_name{
+ font-size:32rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(51,51,51,1);
+}
+.othor1_con{
+ font-size:26rpx;
+ margin-left: auto;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+/* footer */
+.footer{
+ position: fixed;
+ bottom: 0;
+ width:100%;
+ height:102rpx;
+ margin-top:102rpx;
+ background:white;
+ box-shadow:0px -2px 12px rgba(0,0,0,0.07);
+}
+.footer_in{
+ height:102rpx;
+ display: flex;
+ align-items: center;
+}
+.f_txt1{
+ margin-left:36rpx;
+}
+.f_txt2{
+ margin-left:40rpx;
+}
+.f_txt1,.f_txt2{
+ font-size:28rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(51,51,51,1);
+}
+.footer .f_txt3{
+ font-size:28rpx;
+ font-family:DIN 1451 Std Mittelschrift;
+ font-weight:400;
+ color:rgba(255,0,0,1);
+}
+.f_btn{
+ width:318rpx;
+ height:102rpx;
+ margin-left: auto;
+ font-size:34rpx;
+ text-align: center;
+ line-height:102rpx;
+ font-family:PingFang SC;
+ font-weight:600;
+ color:rgba(255,255,255,1);
+ background:linear-gradient(145deg,rgba(181,222,150,1) 0%,rgba(169,209,33,1) 100%);
+}

+// pages/kind/firm_order2/firm_order2.js
+Page({
+ go_success:function(){
+  wx.navigateTo({
+   url: '../success/success',
+  })
+ },
+ /**
+  * 页面的初始数据
+  */
+ data: {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面加载
+  */
+ onLoad: function (options) {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面初次渲染完成
+  */
+ onReady: function () {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面显示
+  */
+ onShow: function () {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面隐藏
+  */
+ onHide: function () {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面卸载
+  */
+ onUnload: function () {
+
+ },
+
+ /**
+  * 页面相关事件处理函数--监听用户下拉动作
+  */
+ onPullDownRefresh: function () {
+
+ },
+
+ /**
+  * 页面上拉触底事件的处理函数
+  */
+ onReachBottom: function () {
+
+ },
+
+ /**
+  * 用户点击右上角分享
+  */
+ onShareAppMessage: function () {
+
+ }
+})

+{
+ "navigationBarTitleText": "确认订单",
+ "navigationBarBackgroundColor": "#6EAC3D",
+ "navigationBarTextStyle": "white"
+}

+<!--pages/kind/firm_order1/firm_order1.wxml-->
+<view class='container'>
+ <!-- 顶部背景 -->
+ <view class='header'></view>
+ <!-- 订单详情 -->
+ <view class='order_box'>
+  <!-- 个人信息 -->
+  <view class='o_top'>
+    <view class='o_topIn'>
+     <view class='o_topImg'>
+      <image src='../../../img/jujia@2x.png'></image>
+     </view>
+     <view class='o_text'>
+      <view class='o_namePhone'>
+       <view class='name'>朱小明</view>
+       <view class='phone'>150 **** 2104</view>
+      </view>
+      <view class='address'>天津市和平区大沽北路15号环球金融中心2407</view>
+     </view>
+     <image class='o_right' src='../../../img/right_1.png'></image>
+   </view>
+   <image class='o_top_bottom' src='../../../img/kuaidi@2x.png'></image>
+  </view>
+  <!-- 商品信息 -->
+  <view class='o_body'>
+   <view class='o_body_case'>
+   <!-- 信息头部 -->
+    <view class='title'>
+     <view class='title_icon'>
+       <image src='../../../img/shangjia@2x.png'></image>
+     </view>
+     <view class='title_txt'>商品信息</view>
+    </view>
+    <!-- 介绍详情 -->
+    <view class='goods_detail'>
+     <view class='goods_detail_pic'>
+      <view class='detail_pic2'>
+       <image src='../../../img/douyao.png'></image>
+      </view>
+      <view class='detail_pic_txt'>距结束2时22分</view>
+     </view>
+     <view class='detail_txt'>
+      <view class='txt1'>
+       <view class='txt1_name'>纯进口有机菜花</view>
+       <view class='txt1_price'>￥52.00</view>
+      </view>
+      <view class='txt2'>
+       <progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx"/>
+       <view class='order'>x4</view>
+      </view>
+      <view class='txt3'>已拼300份，目标500份</view>
+     </view>
+    </view>
+    <!-- 运费 -->
+    <view class='freight'>
+     <view class='freight_1'>运费</view>
+     <view class='freight_2'>￥0.00</view>
+    </view>
+    <!-- 其他信息 -->
+    <view class='othor'>
+      <view class='othor1'>
+       <view class='othor1_name'>订单号</view>
+       <view class='othor1_con'>2019885878957</view>
+      </view>
+      <view class='othor1'>
+       <view class='othor1_name'>备注信息</view>
+       <view class='othor1_con'>尽量下午送货，来时电话联系</view>
+      </view>
+    </view>
+   </view>
+  </view>
+ </view>
+</view>
+<view class='footer'>
+ <view class='footer_btn1'>取消订单</view>
+ <view class='footer_btn2' bindtap='go_success'>立即付款</view>
+</view>
+

+/* pages/kind/firm_order1/firm_order1.wxss */
+page{
+ background: #F7F7F7;
+}
+.container{
+}
+.header{
+ width:100%;
+ height:280rpx;
+ background:#6EAC3D;
+}
+.order_box{
+ width:688rpx;
+ height:820rpx;
+ margin-left:32rpx;
+ margin-top:-222rpx;
+ background: white;
+}
+.o_top{
+ width:100%;
+}
+.o_topIn{
+ display: flex;
+ padding:80rpx 32rpx 0;
+}
+.o_namePhone{
+ display: flex;
+ margin-top:4rpx;
+}
+.o_text{
+ width:100%;
+ margin-left:16rpx;
+}
+.o_topImg image{
+ width:96rpx;
+ height:96rpx;
+}
+.o_namePhone .name{
+ font-size:34rpx;
+ font-family:PingFang SC;
+ font-weight:600;
+ color:rgba(0,0,0,1);
+}
+.o_namePhone .phone{
+ font-size:34rpx;
+ margin-left: auto;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(0,0,0,1);
+}
+.address{
+ margin-top:8rpx;
+ font-size:22rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+.o_right{
+ width:28rpx;
+ height:42rpx;
+ margin:26rpx 0 0 20rpx;
+}
+.o_top_bottom{
+ width:688rpx;
+ height:6rpx;
+}
+.o_body_case{
+ padding:30rpx;
+}
+.title_icon{
+ width:32rpx;
+ height:32rpx;
+}
+.title_icon image{
+ width:100%;
+ height:100%;
+}
+.title{
+ display: flex;
+ padding-bottom:24rpx;
+ border-bottom:1px solid #F5F5F5;
+}
+.title_txt{
+ font-size:34rpx;
+ margin:2rpx 0 0 18rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(51,51,51,1);
+}
+.goods_detail_pic{
+  position: relative;
+}
+.detail_pic2{
+ width:144rpx;
+ height:144rpx;
+}
+.detail_pic2 image{
+ width:100%;
+ height:100%;
+}
+.goods_detail{
+ margin-top:32rpx;
+ display: flex;
+}
+.detail_txt{
+ width:100%;
+ margin-left:16rpx;
+}
+.detail_pic_txt{
+ width:144rpx;
+ height:28rpx;
+ position: absolute;
+ bottom: 0;
+ background: #FAC8C8;
+ font-size:20rpx;
+ text-align: center;
+ line-height:28rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(255,255,255,1);
+}
+.txt1{
+ display: flex;
+}
+.txt1_name{
+ font-size:32rpx;
+ font-family:PingFang SC;
+ font-weight:600;
+ color:rgba(51,51,51,1);
+}
+.txt1_price{
+ margin-left: auto;
+ font-size:28rpx;
+ font-family:DIN 1451 Std Mittelschrift;
+ font-weight:400;
+ color:rgba(255,0,0,1);
+}
+.txt2 progress{
+ width:320rpx;
+ color:#B5DE96;
+ margin-top:24rpx;
+}
+.txt2{
+  display: flex;
+}
+.order{
+ font-size:24rpx;
+ margin-top:22rpx;
+ margin-left: auto;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+.txt3{
+ font-size:22rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ margin-top:10rpx;
+ color:rgba(204,204,204,1);
+}
+.freight{
+ display: flex;
+ margin-top:34rpx;
+ padding-bottom:24rpx;
+ border-bottom:1px solid #F5F5F5;
+}
+.freight_1,.freight_2{
+ font-size:28rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(102,102,102,1);
+}
+.freight,.freight_2{
+ font-weight:normal;
+ margin-left: auto;
+ font-family:DIN 1451 Std Engschrift;
+}
+.othor{
+ margin-top:44rpx;
+}
+.othor1{
+ display: flex;
+ align-items: center;
+ margin-bottom:16rpx;
+}
+.othor1_name{
+ font-size:32rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(51,51,51,1);
+}
+.othor1_con{
+ font-size:26rpx;
+ margin-left: auto;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+/* footer */
+.footer{
+ display: flex;
+ justify-content: space-around;
+ margin-top:104rpx;
+}
+.footer_btn1,.footer_btn2{
+ width:248rpx;
+ height:80rpx;
+ text-align: center;
+ line-height:80rpx;
+ border-radius:40rpx;
+ font-size:32rpx;
+ font-family:PingFang SC;
+ font-weight:600;
+}
+.footer_btn1{
+ border:2rpx solid rgba(110,172,61,1);
+ box-sizing: border-box;
+ color:rgba(110,172,61,1);
+}
+.footer_btn2{
+ color: white;
+ background:linear-gradient(156deg,rgba(181,222,150,1) 0%,rgba(74,172,32,1) 100%,rgba(0,0,0,1) 100%);
+}

+// pages/kind/success/success.js
+Page({
+
+ /**
+  * 页面的初始数据
+  */
+ data: {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面加载
+  */
+ onLoad: function (options) {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面初次渲染完成
+  */
+ onReady: function () {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面显示
+  */
+ onShow: function () {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面隐藏
+  */
+ onHide: function () {
+
+ },
+
+ /**
+  * 生命周期函数--监听页面卸载
+  */
+ onUnload: function () {
+
+ },
+
+ /**
+  * 页面相关事件处理函数--监听用户下拉动作
+  */
+ onPullDownRefresh: function () {
+
+ },
+
+ /**
+  * 页面上拉触底事件的处理函数
+  */
+ onReachBottom: function () {
+
+ },
+
+ /**
+  * 用户点击右上角分享
+  */
+ onShareAppMessage: function () {
+
+ }
+})

+{
+ "navigationBarTitleText": "确认订单",
+ "navigationBarBackgroundColor": "#ffffff",
+ "navigationBarTextStyle": "black"
+}

+<!--pages/kind/success/success.wxml-->
+<view class='box'>
+ <view class='succ_img'>
+   <image src='../../../img/wancheng@2x.png'></image>
+ </view>
+ <view class='succ_txt'> 付款成功！</view>
+ <view class='succ_txt2'>拼团成功后，请等待商家发货</view>
+ <view class='succ_btn1'>查看订单</view>
+ <view class='succ_btn2'>继续购物</view>
+</view>

+/* pages/kind/success/success.wxss */
+.box{
+ width:464rpx;
+ height:700rpx;
+ margin:144rpx auto 0;
+}
+.succ_img{
+ width:192rpx;
+ height:192rpx;
+ margin: auto;
+}
+.succ_img image{
+ width:100%;
+ height:100%;
+}
+.succ_txt{
+ text-align: center;
+ font-size:34rpx;
+ margin-top:48rpx;
+ font-family:PingFang SC;
+ font-weight:600;
+ color:rgba(51,51,51,1);
+}
+.succ_txt2{
+ text-align: center;
+ font-size:26rpx;
+ margin-top:26rpx;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(153,153,153,1);
+}
+.succ_btn1,.succ_btn2{
+ width:464rpx;
+ height:96rpx;
+ text-align: center;
+ line-height:96rpx;
+ font-size:34rpx;
+ box-sizing: border-box;
+ font-family:PingFang SC;
+ font-weight:400;
+ color:rgba(51,51,51,1);
+ border-radius:254rpx;
+}
+.succ_btn1{
+ margin-top:66rpx;
+ color:rgba(255,255,255,1);
+ background:linear-gradient(164deg,rgba(181,222,150,1) 0%,rgba(74,172,32,1) 100%,rgba(0,0,0,1) 100%);
+ box-shadow:0px 6px 40px rgba(157,254,29,0.17);
+}
+.succ_btn2{
+ margin-top:48rpx;
+ border:2px solid rgba(230,230,230,1);
+ color:rgba(51,51,51,1);
+}