miniprogram / shop · 提交

转到一个项目

作者 乔爽
提交 4548c23e1d48f1a7e88274209c009bcd91930deb 2 个父辈 d54ecfa4 05654a9b

Merge branch 'master' of http://114.215.101.231:8099/miniprogram/shop

内嵌 并排对比
正在显示 20 个修改的文件 包含 1604 行增加 和 2 行删除
1 { 1 {
2 "pages": [ 2 "pages": [
  3 + "pages/kind/detail_1/detail_1",
  4 + "pages/kind/firm_order2/firm_order2",
  5 + "pages/kind/firm_order1/firm_order1",
  6 + "pages/kind/success/success",
  7 + "pages/kind/kind",
3 "pages/mine/contactUs/contactUs", 8 "pages/mine/contactUs/contactUs",
4 "pages/mine/eOrder/eOrder", 9 "pages/mine/eOrder/eOrder",
5 "pages/mine/myOrder/myOrder", 10 "pages/mine/myOrder/myOrder",
@@ -8,7 +13,6 @@ @@ -8,7 +13,6 @@
8 "pages/homeindex/homeindex", 13 "pages/homeindex/homeindex",
9 "pages/index/index", 14 "pages/index/index",
10 "pages/logs/logs", 15 "pages/logs/logs",
11 - "pages/kind/kind",  
12 "pages/mine/mine", 16 "pages/mine/mine",
13 "pages/mine/collect/collect" 17 "pages/mine/collect/collect"
14 ], 18 ],
  1 +// pages/kind/detail_1/detail_1.js
  2 +Page({
  3 + goFirm_order1:function(){
  4 + wx.navigateTo({
  5 + url: '../firm_order1/firm_order1',
  6 + })
  7 + },
  8 +
  9 + goy(e){
  10 + this.setData({
  11 + index: e.currentTarget.dataset.id,
  12 + })
  13 + },
  14 + goy2(e){
  15 + this.setData({
  16 + index: e.currentTarget.dataset.id,
  17 + })
  18 + },
  19 + goConfirm:function(){
  20 + this.setData({
  21 + showModal:true,
  22 + })
  23 + },
  24 + m_close:function(){
  25 + this.setData({
  26 + showModal:false,
  27 + })
  28 + },
  29 + // 点击加减
  30 + bindMinus:function(){
  31 + var num = this.data.num;
  32 + if(num>1){
  33 + num--;
  34 + }
  35 + this.setData({
  36 + num:num,
  37 + });
  38 + },
  39 + // 点击加
  40 + bindPlus:function(){
  41 + var num = this.data.num;
  42 + num++;
  43 + this.setData({
  44 + num: num,
  45 + });
  46 + },
  47 + /**
  48 + * 页面的初始数据
  49 + */
  50 + data: {
  51 + index:1,
  52 + showModal: false,
  53 + hide: false,
  54 + num:1,
  55 + },
  56 +
  57 + /**
  58 + * 生命周期函数--监听页面加载
  59 + */
  60 + onLoad: function (options) {
  61 +
  62 + },
  63 +
  64 + /**
  65 + * 生命周期函数--监听页面初次渲染完成
  66 + */
  67 + onReady: function () {
  68 +
  69 + },
  70 +
  71 + /**
  72 + * 生命周期函数--监听页面显示
  73 + */
  74 + onShow: function () {
  75 +
  76 + },
  77 +
  78 + /**
  79 + * 生命周期函数--监听页面隐藏
  80 + */
  81 + onHide: function () {
  82 +
  83 + },
  84 +
  85 + /**
  86 + * 生命周期函数--监听页面卸载
  87 + */
  88 + onUnload: function () {
  89 +
  90 + },
  91 +
  92 + /**
  93 + * 页面相关事件处理函数--监听用户下拉动作
  94 + */
  95 + onPullDownRefresh: function () {
  96 +
  97 + },
  98 +
  99 + /**
  100 + * 页面上拉触底事件的处理函数
  101 + */
  102 + onReachBottom: function () {
  103 +
  104 + },
  105 +
  106 + /**
  107 + * 用户点击右上角分享
  108 + */
  109 + onShareAppMessage: function () {
  110 +
  111 + }
  112 +})
  1 +{
  2 + "navigationBarTitleText": "",
  3 + "navigationBarBackgroundColor": "#6EAC3D",
  4 + "navigationBarTextStyle": "white"
  5 +}
  1 +<!--pages/kind/detail_1/detail_1.wxml-->
  2 +<!-- 商品 -->
  3 +<view class='container'>
  4 + <view class='ware_box'>
  5 + <view class='ware_top'>
  6 + <view class='ware_1'>
  7 + <image src='../../../img/gerenzhingxinbeijing@2x.png'></image>
  8 + <view class='ware_1_time'>
  9 + 据结束2时22分
  10 + </view>
  11 + </view>
  12 + <view class='ware_text'>
  13 + <view class='ware_2'>
  14 + <text class='ware_2Txt1'>纯进口有机菜花</text>
  15 + <text class='ware_2Txt2'>产地：智力</text>
  16 + </view>
  17 + <view class='ware_3'>
  18 + <progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx"/>
  19 + </view>
  20 + <view class='ware_4'>
  21 + <text>已拼300份，目标500份</text>
  22 + </view>
  23 + <view class='ware_5'>
  24 + <view>
  25 + <text class='ware5_t1'>￥52/</text>
  26 + <text class='ware5_t2'>1磅1份</text>
  27 + </view>
  28 + <view class='ware5_box'>
  29 + <view class='ware5_t3'>40mm-50m</view>
  30 + <view class='ware5_t4'>番茄果径</view>
  31 + </view>
  32 + <view class='ware_6'>
  33 + <view>立即参团</view>
  34 + </view>
  35 + </view>
  36 + </view>
  37 + </view>
  38 + <view class='ware_bot'>
  39 + <view class='ware_bot_tit'>经典推荐</view>
  40 + <view class='ware_bot_txt'>智利进口，绿色健康，硕大饱满</view>
  41 + </view>
  42 + </view>
  43 +</view>
  44 +<!-- 商品规格 -->
  45 +<view class='spec'>
  46 + <view class='spec_txt'>商品规格</view>
  47 + <view class='spec_txt2'>1磅1份</view>
  48 +</view>
  49 +<!-- 商品详情 -->
  50 +<view class='ware_detail'>
  51 + <view class='ware_detail_tit'>
  52 + <view class="ware_detail_box {{index == 1 ? 'ware_active' : ''}}" bindtap='goy' data-id="1">商品详情</view>
  53 + <view class="ware_detail_box {{index == 2 ? 'ware_active' : ''}}" bindtap='goy2' data-id="2">用户评价</view>
  54 + </view>
  55 + <view class='ware_detailC'>
  56 + <view class='ware_detailImg' wx:if="{{index == 1}}">
  57 + <image src='../../../img/gerenzhingxinbeijing@3x.png'></image>
  58 + </view>
  59 + <!-- 用户评价 -->
  60 + <view class='ware_assess' wx:if="{{index == 2}}">
  61 + <view class='ware_assess_li'>
  62 + <view class='assess_header'>
  63 + <view class='assess_headerImg'>
  64 + <image src='../../../img/jujia@2x.png'></image>
  65 + </view>
  66 + <view class='assess_headerTxt'>朱*明</view>
  67 + </view>
  68 + <view class='assess_say'>
  69 + 产品和描述一直，很喜欢他们家的东西，体验了下东西确实也不错
  70 + </view>
  71 + <view class='ware_pic'></view>
  72 + <view class='assess_time'>2019/07/01</view>
  73 + </view>
  74 + <view class='ware_assess_li'>
  75 + <view class='assess_header'>
  76 + <view class='assess_headerImg'>
  77 + <image src='../../../img/jujia@2x.png'></image>
  78 + </view>
  79 + <view class='assess_headerTxt'>朱*明</view>
  80 + </view>
  81 + <view class='assess_say'>
  82 + 质量很不错，很喜欢。
  83 + </view>
  84 + <view class='ware_pic'>
  85 + <view class='ware_picBox'>
  86 + <image src='../../../img/gerenzhingxinbeijing@2x.png'></image>
  87 + </view>
  88 + <view class='ware_picBox'>
  89 + <image src='../../../img/gerenzhingxinbeijing@2x.png'></image>
  90 + </view>
  91 + </view>
  92 + <view class='assess_time'>2019/07/01</view>
  93 + </view>
  94 + <view class='whole'>
  95 + 查看全部评价
  96 + </view>
  97 + </view>
  98 + </view>
  99 +</view>
  100 +<!-- footer底部 -->
  101 +<view class='footer'>
  102 + <view class='footer_add'>加入收藏</view>
  103 + <view class='footer_off' bindtap='goConfirm'>立即参团</view>
  104 +</view>
  105 +<!-- 遮罩层 -->
  106 +<view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
  107 +<!-- 弹出层 -->
  108 +<view class="modalDlg" wx:if="{{showModal}}">
  109 + <view class='modalDlg_p'>
  110 + <view class='m_top'>
  111 + <view class='m_topImg'>
  112 + <image src='../../../img/douyao.png'></image>
  113 + </view>
  114 + <view class='m_topTxt'>
  115 + <view class='m_topTxt1'>
  116 + <view class='m_topName'>纯进口有机菜花</view>
  117 + <image bindtap='m_close' src='../../../img/cha.png'></image>
  118 + </view>
  119 + <view class='m_topTxt2'>
  120 + <view class='m_topPrice'>￥52.00</view>
  121 + <view class='m_topHelf'>1磅1份</view>
  122 + </view>
  123 + </view>
  124 + </view>
  125 + <view class='m_number'>
  126 + <view class='m_numTxt'>购买数量</view>
  127 + <view class='minus_push'>
  128 + <view class='minus' bindtap="bindMinus">-</view>
  129 + <view class='num' bindchange="bindManual">{{num}}</view>
  130 + <view class='push' bindtap="bindPlus">+</view>
  131 + </view>
  132 + </view>
  133 + <button class='m_btn' bindtap='goFirm_order1'>确认</button>
  134 + </view>
  135 +</view>
  136 +
  1 +/* pages/kind/detail_1/detail_1.wxss */
  2 +page{
  3 + background: #F7F7F7;
  4 +}
  5 +.container{
  6 + overflow: hidden;
  7 + background: white;
  8 + padding-bottom:48rpx;
  9 +}
  10 +.ware_box{
  11 + width:688rpx;
  12 + height:400rpx;
  13 + margin:32rpx auto;
  14 + background:#F9FAFC;
  15 +}
  16 +.ware_top{
  17 + overflow: hidden;
  18 + display: flex;
  19 + padding:32rpx 18rpx 0;
  20 +}
  21 +.ware_1{
  22 + width:312rpx;
  23 + height:208rpx;
  24 + position: relative;
  25 +}
  26 +.ware_1 image{
  27 + width:100%;
  28 + height:100%;
  29 +}
  30 +.ware_1_time{
  31 + position: absolute;
  32 + bottom:0;
  33 + width:208rpx;
  34 + height:48rpx;
  35 + color: white;
  36 + text-align: center;
  37 + line-height:48rpx;
  38 + font-size:24rpx;
  39 + background:#FAC8C8;
  40 + font-family:PingFang SC;
  41 +}
  42 +.ware_text{
  43 + margin-left:14rpx;
  44 + width:100%;
  45 +}
  46 +.ware_2Txt1{
  47 + font-size:32rpx;
  48 + font-family:PingFang SC;
  49 + font-weight:600;
  50 + line-height:44rpx;
  51 + color:rgba(51,51,51,1);
  52 +}
  53 +.ware_2Txt2{
  54 + font-size:22rpx;
  55 + margin-left:98rpx;
  56 + font-family:PingFang SC;
  57 + font-weight:400;
  58 + line-height:32rpx;
  59 + color:rgba(204,204,204,1);
  60 +}
  61 +.ware_3 progress{
  62 + width:370rpx;
  63 + color:#B5DE96;
  64 + margin-top:24rpx;
  65 +}
  66 +.ware_4 text,.ware5_t2{
  67 + font-size:22rpx;
  68 + font-family:PingFang SC;
  69 + font-weight:400;
  70 + line-height:32rpx;
  71 + color:rgba(204,204,204,1);
  72 +}
  73 +.ware_5{
  74 + display: flex;
  75 + display: -webkit-flex;
  76 + justify-content: space-between;
  77 +}
  78 +.ware5_t1{
  79 + font-size:30rpx;
  80 + font-family:DIN 1451 Std Mittelschrift;
  81 + font-weight:400;
  82 + color:rgba(255,0,0,1);
  83 +}
  84 +.ware5_t3{
  85 + font-size:22rpx;
  86 + font-family:PingFang SC;
  87 + font-weight:400;
  88 + line-height:30rpx;
  89 + color:rgba(51,51,51,1);
  90 +}
  91 +.ware5_t4{
  92 + font-size:18rpx;
  93 + font-family:PingFang SC;
  94 + font-weight:400;
  95 + color:rgba(153,153,153,1);
  96 +}
  97 +.ware_6{
  98 + width:144rpx;
  99 + height:48rpx;
  100 + background:rgba(249,150,20,1);
  101 + box-shadow:0px 2rpx 12rpx rgba(255,145,0,0.16);
  102 + border-radius:24rpx;
  103 +}
  104 +.ware_6 view{
  105 + font-size:26rpx;
  106 + font-family:PingFang SC;
  107 + font-weight:400;
  108 + text-align: center;
  109 + line-height:48rpx;
  110 + color:rgba(255,255,255,1);
  111 +}
  112 +.ware_bot{
  113 + width:670rpx;
  114 + height:80rpx;
  115 + margin: auto;
  116 + display: flex;
  117 + line-height:80rpx;
  118 + margin-top:32rpx;
  119 + background-color:#F1F7F1;
  120 +}
  121 +.ware_bot_tit{
  122 + font-size:30rpx;
  123 + font-weight:bold;
  124 + margin-left:32rpx;
  125 + color:rgba(110,172,61,1);
  126 +}
  127 +.ware_bot_tit:after{
  128 + content:"";
  129 + margin:0 38rpx;
  130 + border-right:1px solid #B5DE96;
  131 +}
  132 +.ware_bot_txt{
  133 + font-size:24rpx;
  134 + font-family:PingFang SC;
  135 + font-weight:400;
  136 + color:rgba(153,153,153,1);
  137 +}
  138 +/* 规格 */
  139 +.spec{
  140 + width:100%;
  141 + padding:0 32rpx;
  142 + line-height:80rpx;
  143 + display: flex;
  144 + height:80rpx;
  145 + margin-top:8rpx;
  146 + background:white;
  147 +}
  148 +.spec_txt{
  149 + font-size:32rpx;
  150 + font-family:PingFang SC;
  151 + font-weight:400;
  152 + color:rgba(51,51,51,1);
  153 +}
  154 +.spec_txt2{
  155 + font-size:24rpx;
  156 + font-family:PingFang SC;
  157 + font-weight:400;
  158 + margin-left:108rpx;
  159 + color:rgba(153,153,153,1);
  160 +}
  161 +/* 商品详情 */
  162 +.ware_detail{
  163 + width:100%;
  164 + margin-top:8rpx;
  165 + margin-bottom:96rpx;
  166 + padding-bottom:66rpx;
  167 + background: white;
  168 +}
  169 +.ware_detail_tit{
  170 + width:688rpx;
  171 + margin: auto;
  172 + display: flex;
  173 + padding:44rpx 0rpx 42rpx;
  174 + justify-content:space-around;
  175 + border-bottom:2rpx solid #F5F5F5;
  176 +}
  177 +.ware_detail .ware_active{
  178 + color:#6EAC3D;
  179 + font-weight:600;
  180 +}
  181 +.ware_active:after{
  182 + content: "";
  183 + width:16rpx;
  184 + height: 6rpx;
  185 + margin: auto;
  186 + display: block;
  187 + margin-top:6rpx;
  188 + border-radius:8rpx;
  189 + background:rgba(110,172,61,1);
  190 +}
  191 +.ware_detail_tit view{
  192 + font-size:28rpx;
  193 + font-family:PingFang SC;
  194 + font-weight:400;
  195 + color:rgba(153,153,153,1);
  196 +}
  197 +.ware_detailC{
  198 + width:688rpx;
  199 + margin:26rpx auto 0;
  200 +}
  201 +
  202 +.ware_detailImg{
  203 + width:688rpx;
  204 + height:470rpx;
  205 +}
  206 +.ware_detailImg image{
  207 + width:100%;
  208 + height:100%;
  209 +}
  210 +/* 用户评价 */
  211 +.ware_assess_li{
  212 + padding-bottom:24rpx;
  213 + margin-bottom:32rpx;
  214 + border-bottom: 1px solid #F5F5F5;
  215 +}
  216 +.assess_header{
  217 + display: flex;
  218 + justify-content: space-between;
  219 +}
  220 +.assess_headerImg{
  221 + width:64rpx;
  222 + height:64rpx;
  223 +}
  224 +.assess_headerImg image{
  225 + width:100%;
  226 + height:100%;
  227 +}
  228 +.assess_headerTxt{
  229 + font-size:24rpx;
  230 + font-family:PingFang SC;
  231 + font-weight:400;
  232 + color:rgba(153,153,153,1);
  233 +}
  234 +.assess_say{
  235 + font-size:30rpx;
  236 + font-family:PingFang SC;
  237 + font-weight:400;
  238 + margin-top:18rpx;
  239 + color:rgba(102,102,102,1);
  240 +}
  241 +.assess_time{
  242 + font-size:22rpx;
  243 + font-family:PingFang SC;
  244 + font-weight:400;
  245 + margin-top:12rpx;
  246 + color:rgba(153,153,153,1);
  247 +}
  248 +.ware_pic{
  249 + display: flex;
  250 + width:100%;
  251 + margin-top:10rpx;
  252 +}
  253 +.ware_picBox{
  254 + margin-right: 16rpx;
  255 +}
  256 +.ware_picBox image{
  257 + width:112rpx;
  258 + height:112rpx;
  259 +}
  260 +/* 全部评价 */
  261 +.whole{
  262 + width:336rpx;
  263 + height:64rpx;
  264 + background:rgba(255,255,255,1);
  265 + border:2rpx solid rgba(230,230,230,1);
  266 + border-radius:166rpx;
  267 + font-size:26rpx;
  268 + text-align: center;
  269 + line-height:64rpx;
  270 + font-family:PingFang SC;
  271 + font-weight:400;
  272 + margin: auto;
  273 + color:rgba(102,102,102,1);
  274 +}
  275 +/* footer */
  276 +.footer{
  277 + position: fixed;
  278 + bottom: 0;
  279 + text-align: center;
  280 + width:750rpx;
  281 + height:96rpx;
  282 + display: flex;
  283 + line-height:66rpx;
  284 + align-items: center;
  285 + justify-content: center;
  286 + background:rgba(255,255,255,1);
  287 + box-shadow:0px -2rpx 12rpx rgba(0,0,0,0.06);
  288 +}
  289 +.footer_add,.footer_off{
  290 + width:272rpx;
  291 + height:64rpx;
  292 + font-size:32rpx;
  293 + font-family:PingFang SC;
  294 + font-weight:600;
  295 + border-radius:32rpx;
  296 + border:2rpx solid rgba(172,212,66,1);
  297 +}
  298 +.footer_add{
  299 + background:rgba(255,255,255,1);
  300 + margin-right:32rpx;
  301 + color:rgba(110,172,61,1);
  302 +}
  303 +.footer_off{
  304 + background:linear-gradient(159deg,rgba(181,222,150,1) 0%,rgba(169,209,33,1) 100%);
  305 + box-shadow:0rpx 6rpx 40rpx rgba(136,255,0,0.16);
  306 + color:rgba(255,255,255,1);
  307 +}
  308 +/* 遮罩层 */
  309 +.mask{
  310 + width: 100%;
  311 + height: 100%;
  312 + position: fixed;
  313 + top: 0;
  314 + left: 0;
  315 + background: #000;
  316 + z-index: 9000;
  317 + opacity: 0.64;
  318 +}
  319 +/* 弹出层 */
  320 +.modalDlg{
  321 + width:100%;
  322 + height:454rpx;
  323 + bottom:0;
  324 + position: fixed;
  325 + z-index: 9999;
  326 + background-color: #fff;
  327 +}
  328 +.modalDlg_p{
  329 + padding:0 30rpx;
  330 +}
  331 +.m_top{
  332 + display: flex;
  333 +}
  334 +.m_topTxt1{
  335 + display: flex;
  336 + align-self: center;
  337 + justify-content: space-between;
  338 + margin-top:30rpx;
  339 +}
  340 +.m_topTxt{
  341 + width:100%;
  342 + margin-left:16rpx;
  343 +}
  344 +.m_topImg{
  345 + margin-top:-48rpx;
  346 + display: flex;
  347 +}
  348 +.m_topImg image{
  349 + width:208rpx;
  350 + height:208rpx;
  351 +}
  352 +.m_topTxt1 image{
  353 + width:32rpx;
  354 + height:32rpx;
  355 +}
  356 +.m_topName{
  357 + font-size:32rpx;
  358 + font-family:PingFang SC;
  359 + font-weight:600;
  360 + color:rgba(51,51,51,1);
  361 +}
  362 +.m_topTxt2{
  363 + display: flex;
  364 + margin-top:16rpx;
  365 + align-items: center;
  366 +}
  367 +.m_topPrice{
  368 + font-size:28rpx;
  369 + font-family:DIN 1451 Std Mittelschrift;
  370 + font-weight:400;
  371 + color:#FF0000;
  372 +}
  373 +.m_topHelf{
  374 + font-size:22rpx;
  375 + font-family:PingFang SC;
  376 + font-weight:400;
  377 + margin-left:16rpx;
  378 + color:rgba(204,204,204,1);
  379 +}
  380 +.m_number{
  381 + display: flex;
  382 + align-items: center;
  383 + margin-top:18rpx;
  384 +}
  385 +.minus_push{
  386 + display: flex;
  387 + margin-left: auto;
  388 + align-items: center;
  389 +}
  390 +.m_numTxt{
  391 + font-size:24rpx;
  392 + font-family:PingFang SC;
  393 + font-weight:400;
  394 + color:rgba(153,153,153,1);
  395 +}
  396 +.minus,.push{
  397 + width:48rpx;
  398 + height:48rpx;
  399 + font-size:40rpx;
  400 + text-align: center;
  401 + line-height:48rpx;
  402 + border:2px solid rgba(110,172,61,1);
  403 + border-radius:50%;
  404 +}
  405 +.minus{
  406 + color: #6EAC3D;
  407 +}
  408 +.num{
  409 + margin:0 26rpx;
  410 + font-size:32rpx;
  411 + font-family:PingFang SC;
  412 + font-weight:400;
  413 + color:rgba(110,172,61,1);
  414 +}
  415 +.push{
  416 + color: white;
  417 + background:rgba(110,172,61,1);
  418 +}
  419 +.m_btn{
  420 + width:688rpx;
  421 + height:80rpx;
  422 + border:0;
  423 + margin-top:62rpx;
  424 + font-size:32rpx;
  425 + font-family:PingFang SC;
  426 + font-weight:600;
  427 + color:rgba(255,255,255,1);
  428 + background:linear-gradient(170deg,rgba(181,222,150,1) 0%,rgba(169,209,33,1) 100%);
  429 + box-shadow:0rpx 6rpx 40rpx rgba(162,255,0,0.15);
  430 + border-radius:48rpx;
  431 +}
  1 +// pages/kind/firm_order1/firm_order1.js
  2 +Page({
  3 + goFirm_order2:function(){
  4 + wx.navigateTo({
  5 + url: '../firm_order2/firm_order2',
  6 + })
  7 + },
  8 + /**
  9 + * 页面的初始数据
  10 + */
  11 + data: {
  12 +
  13 + },
  14 +
  15 + /**
  16 + * 生命周期函数--监听页面加载
  17 + */
  18 + onLoad: function (options) {
  19 +
  20 + },
  21 +
  22 + /**
  23 + * 生命周期函数--监听页面初次渲染完成
  24 + */
  25 + onReady: function () {
  26 +
  27 + },
  28 +
  29 + /**
  30 + * 生命周期函数--监听页面显示
  31 + */
  32 + onShow: function () {
  33 +
  34 + },
  35 +
  36 + /**
  37 + * 生命周期函数--监听页面隐藏
  38 + */
  39 + onHide: function () {
  40 +
  41 + },
  42 +
  43 + /**
  44 + * 生命周期函数--监听页面卸载
  45 + */
  46 + onUnload: function () {
  47 +
  48 + },
  49 +
  50 + /**
  51 + * 页面相关事件处理函数--监听用户下拉动作
  52 + */
  53 + onPullDownRefresh: function () {
  54 +
  55 + },
  56 +
  57 + /**
  58 + * 页面上拉触底事件的处理函数
  59 + */
  60 + onReachBottom: function () {
  61 +
  62 + },
  63 +
  64 + /**
  65 + * 用户点击右上角分享
  66 + */
  67 + onShareAppMessage: function () {
  68 +
  69 + }
  70 +})
  1 +{
  2 + "navigationBarTitleText": "确认订单",
  3 + "navigationBarBackgroundColor": "#6EAC3D",
  4 + "navigationBarTextStyle": "white"
  5 +}
  1 +<!--pages/kind/firm_order1/firm_order1.wxml-->
  2 +<view class='container'>
  3 + <!-- 顶部背景 -->
  4 + <view class='header'></view>
  5 + <!-- 订单详情 -->
  6 + <view class='order_box'>
  7 + <!-- 个人信息 -->
  8 + <view class='o_top'>
  9 + <view class='o_topIn'>
  10 + <view class='o_topImg'>
  11 + <image src='../../../img/jujia@2x.png'></image>
  12 + </view>
  13 + <view class='o_text'>
  14 + <view class='o_namePhone'>
  15 + <view class='name'>朱小明</view>
  16 + <view class='phone'>150 **** 2104</view>
  17 + </view>
  18 + <view class='address'>天津市和平区大沽北路15号环球金融中心2407</view>
  19 + </view>
  20 + <image class='o_right' src='../../../img/right_1.png'></image>
  21 + </view>
  22 + <image class='o_top_bottom' src='../../../img/kuaidi@2x.png'></image>
  23 + </view>
  24 + <!-- 商品信息 -->
  25 + <view class='o_body'>
  26 + <view class='o_body_case'>
  27 + <!-- 信息头部 -->
  28 + <view class='title'>
  29 + <view class='title_icon'>
  30 + <image src='../../../img/shangjia@2x.png'></image>
  31 + </view>
  32 + <view class='title_txt'>商品信息</view>
  33 + </view>
  34 + <!-- 介绍详情 -->
  35 + <view class='goods_detail'>
  36 + <view class='goods_detail_pic'>
  37 + <view class='detail_pic2'>
  38 + <image src='../../../img/douyao.png'></image>
  39 + </view>
  40 + <view class='detail_pic_txt'>距结束2时22分</view>
  41 + </view>
  42 + <view class='detail_txt'>
  43 + <view class='txt1'>
  44 + <view class='txt1_name'>纯进口有机菜花</view>
  45 + <view class='txt1_price'>￥52.00</view>
  46 + </view>
  47 + <view class='txt2'>
  48 + <progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx"/>
  49 + <view class='order'>x4</view>
  50 + </view>
  51 + <view class='txt3'>已拼300份，目标500份</view>
  52 + </view>
  53 + </view>
  54 + <!-- 运费 -->
  55 + <view class='freight'>
  56 + <view class='freight_1'>运费</view>
  57 + <view class='freight_2'>￥0.00</view>
  58 + </view>
  59 + <!-- 其他信息 -->
  60 + <view class='othor'>
  61 + <view class='othor1'>
  62 + <view class='othor1_name'>订单号</view>
  63 + <view class='othor1_con'>2019885878957</view>
  64 + </view>
  65 + <view class='othor1'>
  66 + <view class='othor1_name'>备注信息</view>
  67 + <view class='othor1_con'>尽量下午送货，来时电话联系</view>
  68 + </view>
  69 + </view>
  70 + </view>
  71 + </view>
  72 + </view>
  73 +</view>
  74 +<view class='footer'>
  75 + <view class='footer_in'>
  76 + <view class='f_txt1'>共1件商品</view>
  77 + <view class='f_txt2'>合计: <text class='f_txt3'>￥52.00</text></view>
  78 + <view class='f_btn' bindtap='goFirm_order2'>立即支付</view>
  79 + </view>
  80 +</view>
  81 +
  1 +/* pages/kind/firm_order1/firm_order1.wxss */
  2 +page{
  3 + background: #F7F7F7;
  4 +}
  5 +.container{
  6 + position: relative;
  7 +}
  8 +.header{
  9 + width:100%;
  10 + height:280rpx;
  11 + background:#6EAC3D;
  12 +}
  13 +.order_box{
  14 + position: absolute;
  15 + width:688rpx;
  16 + height:820rpx;
  17 + top:57rpx;
  18 + left:0;
  19 + right:0;
  20 + margin: auto;
  21 + background: white;
  22 +}
  23 +.o_top{
  24 + width:100%;
  25 +}
  26 +.o_topIn{
  27 + display: flex;
  28 + padding:80rpx 32rpx 0;
  29 +}
  30 +.o_namePhone{
  31 + display: flex;
  32 + margin-top:4rpx;
  33 +}
  34 +.o_text{
  35 + width:100%;
  36 + margin-left:16rpx;
  37 +}
  38 +.o_topImg image{
  39 + width:96rpx;
  40 + height:96rpx;
  41 +}
  42 +.o_namePhone .name{
  43 + font-size:34rpx;
  44 + font-family:PingFang SC;
  45 + font-weight:600;
  46 + color:rgba(0,0,0,1);
  47 +}
  48 +.o_namePhone .phone{
  49 + font-size:34rpx;
  50 + margin-left: auto;
  51 + font-family:PingFang SC;
  52 + font-weight:400;
  53 + color:rgba(0,0,0,1);
  54 +}
  55 +.address{
  56 + margin-top:8rpx;
  57 + font-size:22rpx;
  58 + font-family:PingFang SC;
  59 + font-weight:400;
  60 + color:rgba(153,153,153,1);
  61 +}
  62 +.o_right{
  63 + width:28rpx;
  64 + height:42rpx;
  65 + margin:26rpx 0 0 20rpx;
  66 +}
  67 +.o_top_bottom{
  68 + width:688rpx;
  69 + height:6rpx;
  70 +}
  71 +.o_body_case{
  72 + padding:30rpx;
  73 +}
  74 +.title_icon{
  75 + width:32rpx;
  76 + height:32rpx;
  77 +}
  78 +.title_icon image{
  79 + width:100%;
  80 + height:100%;
  81 +}
  82 +.title{
  83 + display: flex;
  84 + padding-bottom:24rpx;
  85 + border-bottom:1px solid #F5F5F5;
  86 +}
  87 +.title_txt{
  88 + font-size:34rpx;
  89 + margin:2rpx 0 0 18rpx;
  90 + font-family:PingFang SC;
  91 + font-weight:400;
  92 + color:rgba(51,51,51,1);
  93 +}
  94 +.goods_detail_pic{
  95 + position: relative;
  96 +}
  97 +.detail_pic2{
  98 + width:144rpx;
  99 + height:144rpx;
  100 +}
  101 +.detail_pic2 image{
  102 + width:100%;
  103 + height:100%;
  104 +}
  105 +.goods_detail{
  106 + margin-top:32rpx;
  107 + display: flex;
  108 +}
  109 +.detail_txt{
  110 + width:100%;
  111 + margin-left:16rpx;
  112 +}
  113 +.detail_pic_txt{
  114 + width:144rpx;
  115 + height:28rpx;
  116 + position: absolute;
  117 + bottom: 0;
  118 + background: #FAC8C8;
  119 + font-size:20rpx;
  120 + text-align: center;
  121 + line-height:28rpx;
  122 + font-family:PingFang SC;
  123 + font-weight:400;
  124 + color:rgba(255,255,255,1);
  125 +}
  126 +.txt1{
  127 + display: flex;
  128 +}
  129 +.txt1_name{
  130 + font-size:32rpx;
  131 + font-family:PingFang SC;
  132 + font-weight:600;
  133 + color:rgba(51,51,51,1);
  134 +}
  135 +.txt1_price{
  136 + margin-left: auto;
  137 + font-size:28rpx;
  138 + font-family:DIN 1451 Std Mittelschrift;
  139 + font-weight:400;
  140 + color:rgba(255,0,0,1);
  141 +}
  142 +.txt2 progress{
  143 + width:320rpx;
  144 + color:#B5DE96;
  145 + margin-top:24rpx;
  146 +}
  147 +.txt2{
  148 + display: flex;
  149 +}
  150 +.order{
  151 + font-size:24rpx;
  152 + margin-top:22rpx;
  153 + margin-left: auto;
  154 + font-family:PingFang SC;
  155 + font-weight:400;
  156 + color:rgba(153,153,153,1);
  157 +}
  158 +.txt3{
  159 + font-size:22rpx;
  160 + font-family:PingFang SC;
  161 + font-weight:400;
  162 + margin-top:10rpx;
  163 + color:rgba(204,204,204,1);
  164 +}
  165 +.freight{
  166 + display: flex;
  167 + margin-top:34rpx;
  168 + padding-bottom:24rpx;
  169 + border-bottom:1px solid #F5F5F5;
  170 +}
  171 +.freight_1,.freight_2{
  172 + font-size:28rpx;
  173 + font-family:PingFang SC;
  174 + font-weight:400;
  175 + color:rgba(102,102,102,1);
  176 +}
  177 +.freight,.freight_2{
  178 + font-weight:normal;
  179 + margin-left: auto;
  180 + font-family:DIN 1451 Std Engschrift;
  181 +}
  182 +.othor{
  183 + margin-top:44rpx;
  184 +}
  185 +.othor1{
  186 + display: flex;
  187 + align-items: center;
  188 + margin-bottom:16rpx;
  189 +}
  190 +.othor1_name{
  191 + font-size:32rpx;
  192 + font-family:PingFang SC;
  193 + font-weight:400;
  194 + color:rgba(51,51,51,1);
  195 +}
  196 +.othor1_con{
  197 + font-size:26rpx;
  198 + margin-left: auto;
  199 + font-family:PingFang SC;
  200 + font-weight:400;
  201 + color:rgba(153,153,153,1);
  202 +}
  203 +/* footer */
  204 +.footer{
  205 + position: fixed;
  206 + bottom: 0;
  207 + width:100%;
  208 + height:102rpx;
  209 + margin-top:102rpx;
  210 + background:white;
  211 + box-shadow:0px -2px 12px rgba(0,0,0,0.07);
  212 +}
  213 +.footer_in{
  214 + height:102rpx;
  215 + display: flex;
  216 + align-items: center;
  217 +}
  218 +.f_txt1{
  219 + margin-left:36rpx;
  220 +}
  221 +.f_txt2{
  222 + margin-left:40rpx;
  223 +}
  224 +.f_txt1,.f_txt2{
  225 + font-size:28rpx;
  226 + font-family:PingFang SC;
  227 + font-weight:400;
  228 + color:rgba(51,51,51,1);
  229 +}
  230 +.footer .f_txt3{
  231 + font-size:28rpx;
  232 + font-family:DIN 1451 Std Mittelschrift;
  233 + font-weight:400;
  234 + color:rgba(255,0,0,1);
  235 +}
  236 +.f_btn{
  237 + width:318rpx;
  238 + height:102rpx;
  239 + margin-left: auto;
  240 + font-size:34rpx;
  241 + text-align: center;
  242 + line-height:102rpx;
  243 + font-family:PingFang SC;
  244 + font-weight:600;
  245 + color:rgba(255,255,255,1);
  246 + background:linear-gradient(145deg,rgba(181,222,150,1) 0%,rgba(169,209,33,1) 100%);
  247 +}
  1 +// pages/kind/firm_order2/firm_order2.js
  2 +Page({
  3 + go_success:function(){
  4 + wx.navigateTo({
  5 + url: '../success/success',
  6 + })
  7 + },
  8 + /**
  9 + * 页面的初始数据
  10 + */
  11 + data: {
  12 +
  13 + },
  14 +
  15 + /**
  16 + * 生命周期函数--监听页面加载
  17 + */
  18 + onLoad: function (options) {
  19 +
  20 + },
  21 +
  22 + /**
  23 + * 生命周期函数--监听页面初次渲染完成
  24 + */
  25 + onReady: function () {
  26 +
  27 + },
  28 +
  29 + /**
  30 + * 生命周期函数--监听页面显示
  31 + */
  32 + onShow: function () {
  33 +
  34 + },
  35 +
  36 + /**
  37 + * 生命周期函数--监听页面隐藏
  38 + */
  39 + onHide: function () {
  40 +
  41 + },
  42 +
  43 + /**
  44 + * 生命周期函数--监听页面卸载
  45 + */
  46 + onUnload: function () {
  47 +
  48 + },
  49 +
  50 + /**
  51 + * 页面相关事件处理函数--监听用户下拉动作
  52 + */
  53 + onPullDownRefresh: function () {
  54 +
  55 + },
  56 +
  57 + /**
  58 + * 页面上拉触底事件的处理函数
  59 + */
  60 + onReachBottom: function () {
  61 +
  62 + },
  63 +
  64 + /**
  65 + * 用户点击右上角分享
  66 + */
  67 + onShareAppMessage: function () {
  68 +
  69 + }
  70 +})
  1 +{
  2 + "navigationBarTitleText": "确认订单",
  3 + "navigationBarBackgroundColor": "#6EAC3D",
  4 + "navigationBarTextStyle": "white"
  5 +}
  1 +<!--pages/kind/firm_order1/firm_order1.wxml-->
  2 +<view class='container'>
  3 + <!-- 顶部背景 -->
  4 + <view class='header'></view>
  5 + <!-- 订单详情 -->
  6 + <view class='order_box'>
  7 + <!-- 个人信息 -->
  8 + <view class='o_top'>
  9 + <view class='o_topIn'>
  10 + <view class='o_topImg'>
  11 + <image src='../../../img/jujia@2x.png'></image>
  12 + </view>
  13 + <view class='o_text'>
  14 + <view class='o_namePhone'>
  15 + <view class='name'>朱小明</view>
  16 + <view class='phone'>150 **** 2104</view>
  17 + </view>
  18 + <view class='address'>天津市和平区大沽北路15号环球金融中心2407</view>
  19 + </view>
  20 + <image class='o_right' src='../../../img/right_1.png'></image>
  21 + </view>
  22 + <image class='o_top_bottom' src='../../../img/kuaidi@2x.png'></image>
  23 + </view>
  24 + <!-- 商品信息 -->
  25 + <view class='o_body'>
  26 + <view class='o_body_case'>
  27 + <!-- 信息头部 -->
  28 + <view class='title'>
  29 + <view class='title_icon'>
  30 + <image src='../../../img/shangjia@2x.png'></image>
  31 + </view>
  32 + <view class='title_txt'>商品信息</view>
  33 + </view>
  34 + <!-- 介绍详情 -->
  35 + <view class='goods_detail'>
  36 + <view class='goods_detail_pic'>
  37 + <view class='detail_pic2'>
  38 + <image src='../../../img/douyao.png'></image>
  39 + </view>
  40 + <view class='detail_pic_txt'>距结束2时22分</view>
  41 + </view>
  42 + <view class='detail_txt'>
  43 + <view class='txt1'>
  44 + <view class='txt1_name'>纯进口有机菜花</view>
  45 + <view class='txt1_price'>￥52.00</view>
  46 + </view>
  47 + <view class='txt2'>
  48 + <progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx"/>
  49 + <view class='order'>x4</view>
  50 + </view>
  51 + <view class='txt3'>已拼300份，目标500份</view>
  52 + </view>
  53 + </view>
  54 + <!-- 运费 -->
  55 + <view class='freight'>
  56 + <view class='freight_1'>运费</view>
  57 + <view class='freight_2'>￥0.00</view>
  58 + </view>
  59 + <!-- 其他信息 -->
  60 + <view class='othor'>
  61 + <view class='othor1'>
  62 + <view class='othor1_name'>订单号</view>
  63 + <view class='othor1_con'>2019885878957</view>
  64 + </view>
  65 + <view class='othor1'>
  66 + <view class='othor1_name'>备注信息</view>
  67 + <view class='othor1_con'>尽量下午送货，来时电话联系</view>
  68 + </view>
  69 + </view>
  70 + </view>
  71 + </view>
  72 + </view>
  73 +</view>
  74 +<view class='footer'>
  75 + <view class='footer_btn1'>取消订单</view>
  76 + <view class='footer_btn2' bindtap='go_success'>立即付款</view>
  77 +</view>
  78 +
  1 +/* pages/kind/firm_order1/firm_order1.wxss */
  2 +page{
  3 + background: #F7F7F7;
  4 +}
  5 +.container{
  6 +}
  7 +.header{
  8 + width:100%;
  9 + height:280rpx;
  10 + background:#6EAC3D;
  11 +}
  12 +.order_box{
  13 + width:688rpx;
  14 + height:820rpx;
  15 + margin-left:32rpx;
  16 + margin-top:-222rpx;
  17 + background: white;
  18 +}
  19 +.o_top{
  20 + width:100%;
  21 +}
  22 +.o_topIn{
  23 + display: flex;
  24 + padding:80rpx 32rpx 0;
  25 +}
  26 +.o_namePhone{
  27 + display: flex;
  28 + margin-top:4rpx;
  29 +}
  30 +.o_text{
  31 + width:100%;
  32 + margin-left:16rpx;
  33 +}
  34 +.o_topImg image{
  35 + width:96rpx;
  36 + height:96rpx;
  37 +}
  38 +.o_namePhone .name{
  39 + font-size:34rpx;
  40 + font-family:PingFang SC;
  41 + font-weight:600;
  42 + color:rgba(0,0,0,1);
  43 +}
  44 +.o_namePhone .phone{
  45 + font-size:34rpx;
  46 + margin-left: auto;
  47 + font-family:PingFang SC;
  48 + font-weight:400;
  49 + color:rgba(0,0,0,1);
  50 +}
  51 +.address{
  52 + margin-top:8rpx;
  53 + font-size:22rpx;
  54 + font-family:PingFang SC;
  55 + font-weight:400;
  56 + color:rgba(153,153,153,1);
  57 +}
  58 +.o_right{
  59 + width:28rpx;
  60 + height:42rpx;
  61 + margin:26rpx 0 0 20rpx;
  62 +}
  63 +.o_top_bottom{
  64 + width:688rpx;
  65 + height:6rpx;
  66 +}
  67 +.o_body_case{
  68 + padding:30rpx;
  69 +}
  70 +.title_icon{
  71 + width:32rpx;
  72 + height:32rpx;
  73 +}
  74 +.title_icon image{
  75 + width:100%;
  76 + height:100%;
  77 +}
  78 +.title{
  79 + display: flex;
  80 + padding-bottom:24rpx;
  81 + border-bottom:1px solid #F5F5F5;
  82 +}
  83 +.title_txt{
  84 + font-size:34rpx;
  85 + margin:2rpx 0 0 18rpx;
  86 + font-family:PingFang SC;
  87 + font-weight:400;
  88 + color:rgba(51,51,51,1);
  89 +}
  90 +.goods_detail_pic{
  91 + position: relative;
  92 +}
  93 +.detail_pic2{
  94 + width:144rpx;
  95 + height:144rpx;
  96 +}
  97 +.detail_pic2 image{
  98 + width:100%;
  99 + height:100%;
  100 +}
  101 +.goods_detail{
  102 + margin-top:32rpx;
  103 + display: flex;
  104 +}
  105 +.detail_txt{
  106 + width:100%;
  107 + margin-left:16rpx;
  108 +}
  109 +.detail_pic_txt{
  110 + width:144rpx;
  111 + height:28rpx;
  112 + position: absolute;
  113 + bottom: 0;
  114 + background: #FAC8C8;
  115 + font-size:20rpx;
  116 + text-align: center;
  117 + line-height:28rpx;
  118 + font-family:PingFang SC;
  119 + font-weight:400;
  120 + color:rgba(255,255,255,1);
  121 +}
  122 +.txt1{
  123 + display: flex;
  124 +}
  125 +.txt1_name{
  126 + font-size:32rpx;
  127 + font-family:PingFang SC;
  128 + font-weight:600;
  129 + color:rgba(51,51,51,1);
  130 +}
  131 +.txt1_price{
  132 + margin-left: auto;
  133 + font-size:28rpx;
  134 + font-family:DIN 1451 Std Mittelschrift;
  135 + font-weight:400;
  136 + color:rgba(255,0,0,1);
  137 +}
  138 +.txt2 progress{
  139 + width:320rpx;
  140 + color:#B5DE96;
  141 + margin-top:24rpx;
  142 +}
  143 +.txt2{
  144 + display: flex;
  145 +}
  146 +.order{
  147 + font-size:24rpx;
  148 + margin-top:22rpx;
  149 + margin-left: auto;
  150 + font-family:PingFang SC;
  151 + font-weight:400;
  152 + color:rgba(153,153,153,1);
  153 +}
  154 +.txt3{
  155 + font-size:22rpx;
  156 + font-family:PingFang SC;
  157 + font-weight:400;
  158 + margin-top:10rpx;
  159 + color:rgba(204,204,204,1);
  160 +}
  161 +.freight{
  162 + display: flex;
  163 + margin-top:34rpx;
  164 + padding-bottom:24rpx;
  165 + border-bottom:1px solid #F5F5F5;
  166 +}
  167 +.freight_1,.freight_2{
  168 + font-size:28rpx;
  169 + font-family:PingFang SC;
  170 + font-weight:400;
  171 + color:rgba(102,102,102,1);
  172 +}
  173 +.freight,.freight_2{
  174 + font-weight:normal;
  175 + margin-left: auto;
  176 + font-family:DIN 1451 Std Engschrift;
  177 +}
  178 +.othor{
  179 + margin-top:44rpx;
  180 +}
  181 +.othor1{
  182 + display: flex;
  183 + align-items: center;
  184 + margin-bottom:16rpx;
  185 +}
  186 +.othor1_name{
  187 + font-size:32rpx;
  188 + font-family:PingFang SC;
  189 + font-weight:400;
  190 + color:rgba(51,51,51,1);
  191 +}
  192 +.othor1_con{
  193 + font-size:26rpx;
  194 + margin-left: auto;
  195 + font-family:PingFang SC;
  196 + font-weight:400;
  197 + color:rgba(153,153,153,1);
  198 +}
  199 +/* footer */
  200 +.footer{
  201 + display: flex;
  202 + justify-content: space-around;
  203 + margin-top:104rpx;
  204 +}
  205 +.footer_btn1,.footer_btn2{
  206 + width:248rpx;
  207 + height:80rpx;
  208 + text-align: center;
  209 + line-height:80rpx;
  210 + border-radius:40rpx;
  211 + font-size:32rpx;
  212 + font-family:PingFang SC;
  213 + font-weight:600;
  214 +}
  215 +.footer_btn1{
  216 + border:2rpx solid rgba(110,172,61,1);
  217 + box-sizing: border-box;
  218 + color:rgba(110,172,61,1);
  219 +}
  220 +.footer_btn2{
  221 + color: white;
  222 + background:linear-gradient(156deg,rgba(181,222,150,1) 0%,rgba(74,172,32,1) 100%,rgba(0,0,0,1) 100%);
  223 +}
  1 +// pages/kind/success/success.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad: function (options) {
  15 +
  16 + },
  17 +
  18 + /**
  19 + * 生命周期函数--监听页面初次渲染完成
  20 + */
  21 + onReady: function () {
  22 +
  23 + },
  24 +
  25 + /**
  26 + * 生命周期函数--监听页面显示
  27 + */
  28 + onShow: function () {
  29 +
  30 + },
  31 +
  32 + /**
  33 + * 生命周期函数--监听页面隐藏
  34 + */
  35 + onHide: function () {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * 生命周期函数--监听页面卸载
  41 + */
  42 + onUnload: function () {
  43 +
  44 + },
  45 +
  46 + /**
  47 + * 页面相关事件处理函数--监听用户下拉动作
  48 + */
  49 + onPullDownRefresh: function () {
  50 +
  51 + },
  52 +
  53 + /**
  54 + * 页面上拉触底事件的处理函数
  55 + */
  56 + onReachBottom: function () {
  57 +
  58 + },
  59 +
  60 + /**
  61 + * 用户点击右上角分享
  62 + */
  63 + onShareAppMessage: function () {
  64 +
  65 + }
  66 +})
  1 +{
  2 + "navigationBarTitleText": "确认订单",
  3 + "navigationBarBackgroundColor": "#ffffff",
  4 + "navigationBarTextStyle": "black"
  5 +}
  1 +<!--pages/kind/success/success.wxml-->
  2 +<view class='box'>
  3 + <view class='succ_img'>
  4 + <image src='../../../img/wancheng@2x.png'></image>
  5 + </view>
  6 + <view class='succ_txt'> 付款成功！</view>
  7 + <view class='succ_txt2'>拼团成功后，请等待商家发货</view>
  8 + <view class='succ_btn1'>查看订单</view>
  9 + <view class='succ_btn2'>继续购物</view>
  10 +</view>
  1 +/* pages/kind/success/success.wxss */
  2 +.box{
  3 + width:464rpx;
  4 + height:700rpx;
  5 + margin:144rpx auto 0;
  6 +}
  7 +.succ_img{
  8 + width:192rpx;
  9 + height:192rpx;
  10 + margin: auto;
  11 +}
  12 +.succ_img image{
  13 + width:100%;
  14 + height:100%;
  15 +}
  16 +.succ_txt{
  17 + text-align: center;
  18 + font-size:34rpx;
  19 + margin-top:48rpx;
  20 + font-family:PingFang SC;
  21 + font-weight:600;
  22 + color:rgba(51,51,51,1);
  23 +}
  24 +.succ_txt2{
  25 + text-align: center;
  26 + font-size:26rpx;
  27 + margin-top:26rpx;
  28 + font-family:PingFang SC;
  29 + font-weight:400;
  30 + color:rgba(153,153,153,1);
  31 +}
  32 +.succ_btn1,.succ_btn2{
  33 + width:464rpx;
  34 + height:96rpx;
  35 + text-align: center;
  36 + line-height:96rpx;
  37 + font-size:34rpx;
  38 + box-sizing: border-box;
  39 + font-family:PingFang SC;
  40 + font-weight:400;
  41 + color:rgba(51,51,51,1);
  42 + border-radius:254rpx;
  43 +}
  44 +.succ_btn1{
  45 + margin-top:66rpx;
  46 + color:rgba(255,255,255,1);
  47 + background:linear-gradient(164deg,rgba(181,222,150,1) 0%,rgba(74,172,32,1) 100%,rgba(0,0,0,1) 100%);
  48 + box-shadow:0px 6px 40px rgba(157,254,29,0.17);
  49 +}
  50 +.succ_btn2{
  51 + margin-top:48rpx;
  52 + border:2px solid rgba(230,230,230,1);
  53 + color:rgba(51,51,51,1);
  54 +}
@@ -13,7 +13,7 @@ @@ -13,7 +13,7 @@
13 }, 13 },
14 "compileType": "miniprogram", 14 "compileType": "miniprogram",
15 "libVersion": "2.6.1", 15 "libVersion": "2.6.1",
16 - "appid": "wx532ecca400eb93a8", 16 + "appid": "wx472976e7929a1630",
17 "projectname": "teamprogram", 17 "projectname": "teamprogram",
18 "debugOptions": { 18 "debugOptions": {
19 "hidedInDevtools": [] 19 "hidedInDevtools": []