添加评价详情和评价后直接跳转到评价详情

前端研发-钱巧玲
1 parent a6394fcf
Showing 10 changed files with 507 additions and 53 deletions
app.json
pages/user/add_comment/add_comment.js
pages/user/add_comment/add_comment.wxml
pages/user/comment/comment.js
pages/user/comment/comment.wxml
pages/user/comment/comment.wxss
pages/user/view_comment/view_comment.js
pages/user/view_comment/view_comment.json
pages/user/view_comment/view_comment.wxml
pages/user/view_comment/view_comment.wxss
 {
   "pages": [
     "pages/index/index/index",
+    "pages/user/comment/comment",
+    "pages/giftpack/evaluategift/evaluategift",
+    "pages/giftpack/newvipgift/newvipgift",
     "pages/giftpack/payment/payment",
     "pages/giftpack/buygiftpack/giftpackbuy",
     "pages/giftpack/giftpacklist/giftpacklist",
@@ -21,7 +24,6 @@
     "pages/user/address_list/address_list",
     "pages/user/userinfo/userinfo",
     "pages/user/account/account",
-    "pages/user/comment/comment",
     "pages/user/return_goods_list/return_goods_list",
     "pages/user/userinfo_edit/userinfo_edit",
     "pages/user/collect_list/collect_list",
@@ -81,7 +83,9 @@
     "pages/user/my_service/tment_eval",
     "pages/user/my_service/tment_order_list",
     "pages/user/my_service/beauty_deta",
-    "pages/user/labels/labels"
+    "pages/user/labels/labels",
+    "pages/user/view_comment/view_comment",
+    "pages/giftpack/birthdaygift/birthdaygift"
   ],
   "permission": {
     "scope.userLocation": {
@@ -8,7 +8,6 @@ Page({
     resourceUrl: a.resourceUrl,
     iurl: a.imghost,
     defaultPhoto: a.resourceUrl + "/static/images/camera.png",
-
     uploadPath: [],  //上传后文件路径
     maxWord: 0,
     is_anonymous: !1,
@@ -20,7 +19,9 @@ Page({
     isLongPress: !1,
     userinfo: null,
     imgs: [],        //本地文件再上传时的路径
-    lenMore:0
+    lenMore:0,
+    goods_id: "", //商品id
+    order_id: "", //订单id
   },
   onLoad: async function (a) {
     var th = this;
@@ -35,6 +36,10 @@ Page({
       console.log(e);
       th.setData({userinfo: e})
     })
+    th.setData({
+      goods_id: a.goods_id,
+      order_id: a.order_id
+    })
   },
   keyUpChangeNum: function (t) {
     this.setData({
@@ -79,7 +84,7 @@ Page({
       });
     });
   },
-  submitComment: function () {
+  submitComment: function (i) {
     var a = this;
     if (!a.data.service_rank || !a.data.goods_rank || !a.data.deliver_rank)
         return getApp().my_warnning("请先打分",0,a);
@@ -111,9 +116,15 @@ Page({
       e.post("/api/weshop/comment/savecomment", {
         data:p_data,
         success: function (a) {
+          if(a.data.code==0){
           wx.setStorageSync("user:comment:update", !0), t.showSuccess("评论成功", function () {
-            wx.navigateBack();
+            // wx.navigateBack();
+            var url = i.currentTarget.dataset.url;
+            getApp().goto(url);
           });
+          }else{
+            getApp().my_warnning(a.data.msg,0,a);
+          }
         }
       });
     //});
@@ -106,7 +106,7 @@
   </view>
   <view class="Submission flex-level ">
-    <view class="fs30 flex-level white " bindtap="submitComment">提交评价</view>
+    <view class="fs30 flex-level white " bindtap="submitComment" data-url="/pages/user/view_comment/view_comment?goods_id={{goods_id}}&order_id={{order_id}}">提交评价</view>
   </view>
 </view>
@@ -124,10 +124,11 @@ Page({
   //图片失败，默认图片
   bind_bnerr2: function(e) {
+    var th = this;
     var _errImg = e.currentTarget.dataset.errorimg;
     var _errObj = {};
     _errObj[_errImg] = os.imghost + "/public/images/default_goods_image_240.gif";
-    //this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ;  
+    th.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ;  
   },
   //预览图片
   previewImg: function(e) {
@@ -7,21 +7,21 @@
   </view>
-<!-- 无评价 -->
-<view class="noCollection" wx:if="{{(!comments||comments.length==0) && isloaded}}">
-  <view class="flex-level">
-    <image src="{{iurl}}/miniapp/images/comment.png"></image>
-  </view>
-  <view class="flex-level fs30 xc-ash">当前暂无评价</view>
-  <view class="flex-level">
-    <navigator url="/pages/index/index/index" bindtap="goto"> 
-      <view class="flex-center fs28 white">去首页逛逛</view>
-    </navigator>
+  <!-- 无评价 -->
+  <view class="noCollection" wx:if="{{(!comments||comments.length==0) && isloaded}}">
+    <view class="flex-level">
+      <image src="{{iurl}}/miniapp/images/comment.png"></image>
+    </view>
+    <view class="flex-level fs30 xc-ash">当前暂无评价</view>
+    <view class="flex-level">
+      <navigator url="/pages/index/index/index" bindtap="goto">
+        <view class="flex-center fs28 white">去首页逛逛</view>
+      </navigator>
+    </view>
   </view>
-</view>
- <!-- 待评价栏 -->
- <view class="stay_evaluate" wx:if="{{comments.length>0}}" wx:for="{{comments}}">
+  <!-- 待评价栏 -->
+  <view class="stay_evaluate" wx:if="{{comments.length>0}}" wx:for="{{comments}}">
     <!-- 商品编号和状态 -->
     <view class="Commodity_number flex-vertical-between fs26 padding border_bottom">
@@ -66,16 +66,15 @@
           <view class="starss flex fs26">
             <view class="commen">评价：</view>
             <view class="stars">
-              <image 
-              src="{{imaitem>=item.deliver_rank?iurl+'/miniapp/images/StarswhiteUnCk.png':iurl+'/miniapp/images/StarsredCk.png'}}" data-ind="{{imaitem}}" data-oo="{{item.deliver_rank}}"   wx:for="{{5}}" wx:for-index="imaitem" wx:for-item="{{item_start}}"></image>
+              <image src="{{imaitem>=item.deliver_rank?iurl+'/miniapp/images/StarswhiteUnCk.png':iurl+'/miniapp/images/StarsredCk.png'}}" data-ind="{{imaitem}}" data-oo="{{item.deliver_rank}}" wx:for="{{5}}" wx:for-index="imaitem" wx:for-item="{{item_start}}"></image>
             </view>
           </view>
           <!-- 评价内容 -->
           <view class="Comment_content ellipsis-2 fs24">{{item.content.length>0?item.content:'此用户没有填写评论'}}</view>
           <view class="Comment_images flex">
-              <image  bindtap="previewImg" wx:if="{{item.source_type==0  && aitem.length>10}}" data-index="{{index}}" src="{{aitem}}" wx:for="{{item.img}}" wx:for-item="aitem"  wx:for-index="i" data-sindex="{{i}}" data-name="img"></image>
-              <image bindtap="previewImg" wx:if="{{item.source_type==1 && aitem.length>10}}" src="{{aitem}}" wx:for-index="i" data-index="{{index}}" wx:for="{{item.weapp_img}}" wx:for-item="aitem" data-sindex="{{i}}" data-name="weapp_img"></image>
-              
+            <image wx:if="{{item.source_type==0  && aitem.length>10}}" data-index="{{index}}" src="{{iurl+aitem}}" wx:for="{{item.img}}" wx:for-item="aitem" wx:for-index="i" data-sindex="{{i}}" data-name="img"></image>
+            <image wx:if="{{item.source_type==1 && aitem.length>10}}" src="{{iurl+aitem}}" wx:for-index="i" data-index="{{index}}" wx:for="{{item.weapp_img}}" wx:for-item="aitem" data-sindex="{{i}}" data-name="weapp_img"></image>
+
           </view>
           <!-- 商家回复 -->
@@ -106,12 +105,19 @@
             </view>
           </view>
         </view>
-         <navigator wx:if="{{item.comment_id}}"  class="commodity_To_evaluate flex-level View_evaluation fs24" url="/pages/user/order_detail/order_detail?order_id={{item.order_id}}">
-              <view>查看订单</view>
-         </navigator>
-          <navigator wx:if="{{!item.comment_id}}" bindtap="comment" data-recid="{{item.rec_id}}"  class="commodity_To_evaluate flex-level comment_go" url="item.comment_id>0?'/pages/user/add_comment/add_comment':'' ">
-              <view class="fs24">去评价</view>
-        </navigator>
+        <view class="flex">
+          <navigator wx:if="{{item.comment_id}}" class="commodity_To_evaluate flex-level View_evaluation fs24" url="/pages/user/order_detail/order_detail?order_id={{item.order_id}}">
+            <view>查看订单</view>
+          </navigator>
+
+          <navigator wx:if="{{item.comment_id}}" class="commodity_To_evaluate flex-level comment_go" url="/pages/user/view_comment/view_comment?goods_id={{item.goods_id}}&order_id={{item.order_id}}">
+            <view>查看评价</view>
+          </navigator>
+
+          <navigator wx:if="{{!item.comment_id}}" bindtap="comment" data-recid="{{item.rec_id}}" class="commodity_To_evaluate flex-level comment_go" url="{{item.comment_id>0?'/pages/user/add_comment/add_comment?goods_id={{item.goods_id}}&order_id={{item.order_id}}':''}}">
+            <view class="fs24">去评价</view>
+          </navigator>
+        </view>
       </view>
     </view>
   </view>
@@ -36,6 +36,7 @@
 .border_bottom {
   border-bottom: 3rpx solid rgb(245, 245, 245);
 }
+
 /* 无评价 */
 .noCollection image {
@@ -122,14 +123,17 @@
   height: 39rpx;
   border-radius: 9rpx;
 }
-.commodity_evaluate .commodity_To_evaluate view{
+
+.commodity_evaluate .commodity_To_evaluate view {
   height: 39rpx;
   line-height: 39rpx;
 }
-.commodity_evaluate .comment_go{
-  margin-top: 10rpx;
- background-color: rgb(211, 28, 52);
+
+.commodity_evaluate .comment_go {
+  margin-left: 20rpx;
+  background-color: rgb(211, 28, 52);
   color: rgb(255, 255, 255);
+  border: 2rpx solid rgb(211, 28, 52);
 }
 .Commodity_spec {
@@ -141,26 +145,30 @@
 }
 .Commodity_spec view {
-    height: 28rpx;
-    align-items: center;
+  height: 28rpx;
+  align-items: center;
 }
 .Commodity_evaluation .Comment_content {
   color: rgb(153, 153, 153);
   letter-spacing: 1rpx;
 }
-.Commodity_evaluation .starss{
-   height: 58rpx;
- /* //  line-height: 58rpx; */
- align-items: center;
+
+.Commodity_evaluation .starss {
+  height: 58rpx;
+  /* //  line-height: 58rpx; */
+  align-items: center;
 }
-.Commodity_evaluation .commen{
+
+.Commodity_evaluation .commen {
   height: 58rpx;
   line-height: 58rpx;
 }
-.Commodity_evaluation .starss .stars{
+
+.Commodity_evaluation .starss .stars {
   line-height: 58rpx;
 }
+
 .Commodity_evaluation .starss .stars image {
   width: 29rpx;
   height: 26rpx;
@@ -173,17 +181,35 @@
   margin-right: 8rpx;
   margin-top: 18rpx;
   border-radius: 6rpx;
-  border: 3rpx solid rgb(245, 245, 245);
+  border: 2rpx solid rgb(245, 245, 245);
+  margin-left: 15rpx;
 }
-.commodity_evaluate .View_evaluation{
-  border:2rpx solid rgb(179, 179, 179);
-  color:rgb(0, 0, 0);
+
+.commodity_evaluate .View_evaluation {
+  border: 2rpx solid rgb(179, 179, 179);
+  color: rgb(0, 0, 0);
   background-color: rgb(255, 255, 255);
 }
-.comment_addtime{
+
+.comment_addtime {
   height: 50rpx;
 }
-.title_width{ width: 146rpx; text-align:center }
-.shop-font{ color: rgb(153, 153, 153);}
-.reply{ margin-top: 10rpx}
-.get_bottom{ text-align: center; color: #999; margin-bottom: 20rpx}
 \ No newline at end of file
+
+.title_width {
+  width: 146rpx;
+  text-align: center;
+}
+
+.shop-font {
+  color: rgb(153, 153, 153);
+}
+
+.reply {
+  margin-top: 10rpx;
+}
+
+.get_bottom {
+  text-align: center;
+  color: #999;
+  margin-bottom: 20rpx;
+}
+var i = require("../../../utils/util.js"),
+ut = i;
+var e = getApp(),
+  a = e.globalData.setting,
+  os = a,
+  t = e.request,
+  d = e.globalData;
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    url: a.url,
+    iurl: a.imghost,
+    comment: [], //用户单个评价的内容
+    goods_id: "", //商品id
+    order_id: "", //订单id
+    is_act: 0, //是否开启活动
+    actId:"",//活动id
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+    var th = this;
+    th.setData({
+      goods_id: options.goods_id,
+      order_id: options.order_id
+    })
+    th.query_comment();
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+
+  },
+  query_comment: function() {
+    var th = this;
+    wx.showLoading({
+      title: '加载中'
+    })
+    var url = "/api/weshop/comment/list";
+    getApp().request.promiseGet(url, {
+      data: {
+        store_id: a.stoid,
+        userId: d.user_id,
+        goods_id: th.data.goods_id,
+        order_id: th.data.order_id
+      }
+    }).then(res => {
+      wx.hideLoading();
+      if (res.data.code == 0) {
+        var data = res.data.data.pageData;
+        if (data[0].img) data[0].img = ut.unserialize(data[0].img);
+        if (data[0].weapp_img) data[0].weapp_img = JSON.parse(data[0].weapp_img);
+        th.setData({
+          comment: data
+        })
+        th.judge_act(); //判断是否开启评价有礼
+      } else {
+        getApp().my_warnning("系统繁忙,请稍后再试", 0, th);
+      }
+    })
+  },
+  //评价有礼判断
+  judge_act: function() {
+    var th = this;
+    var url = "/api/weshop/marketing/comment/act/judge";
+    getApp().request.promiseGet(url, {
+      data: {
+        orderGoodsId: th.data.goods_id,
+        orderNumber: th.data.order_id,
+        orderType: 1,
+        storeId: a.stoid,
+        userId: d.user_id
+      }
+    }).then(res => {
+      if (res.data.code == 0) {
+        var id = res.data.data.id;
+        th.setData({
+          is_act: 1,
+          actId:id
+        })
+      } else {
+         
+      }
+    })
+  },
+  //预览图片
+  previewImg: function (e) {
+    var th = this;
+    var index = e.currentTarget.dataset.index;
+    var sindex = e.currentTarget.dataset.sindex;
+    var imgArr = th.data.comment;
+    var image = imgArr[0].weapp_img;
+    var imagename = "";
+    var iurl = th.data.iurl;
+    if (image!=""){
+      image = imgArr[0].weapp_img[index];
+      wx.previewImage({
+        current: iurl+image,
+        //当前图片地址
+        urls: imgArr[0].weapp_img, //所有要预览的图片的地址集合 数组形式
+      })
+    }else{
+      image = imgArr[0].img[index];
+      wx.previewImage({
+        current: iurl+image,
+        //当前图片地址
+        urls: imgArr[0].img, //所有要预览的图片的地址集合 数组形式
+      })
+    }
+  },
+  goto: function(e) {
+    var th = this;
+    var url = e.currentTarget.dataset.url;
+    getApp().goto(url);
+  }
+
+})
 \ No newline at end of file
+{
+    "navigationBarTitleText": "查看评价",
+    "usingComponents": {
+      "warn": "/components/long_warn/long_warn",
+      "my_confirm": "/components/my_confirm/my_confirm"
+    }
+}
 \ No newline at end of file
+<view class="commoditymax" wx:for="{{comment}}" wx:if="{{index==0}}" wx:for-item="item">
+  <!-- 商品评价 -->
+  <view class='commodity'>
+    <!-- 商品信息 -->
+    <navigator class='information flex-vertical' url="{{'/pages/goods/goodsInfo/goodsInfo?goods_id='+item.goods_id}}">
+      <image src="{{iurl+item.original_img}}" binderror="bind_bnerr2" data-errorimg="item.original_img"></image>
+      <view class="goods_name xc-black">
+        <!-- 商品名称 -->
+        <view class='ellipsis-2 fs32'>{{item.goods_name}}</view>
+        <!-- 商品价格，数量 -->
+        <view class='flex jc_sb balin'>
+          <!-- 价格 -->
+          <view class='flex-vertical balin'>
+            <view class="fs24">￥</view>
+            <view class="fs35">{{item.goods_price}}</view>
+          </view>
+
+          <!-- 商品数量 -->
+          <view class='sum flex-vertical balin xc-black'>
+            <view class="fs24">x</view>
+            <view class="fs28">{{item.goods_num}}</view>
+          </view>
+
+        </view>
+
+      </view>
+
+    </navigator>
+
+
+    <!-- 商品评价信息 -->
+    <view class="addComment">
+      <view class="fs26 comment">{{item.content}}</view>
+      <view class="flex addimages" wx:if="{{item.weapp_img.length>0 || item.img.length>0}}">
+        <!-- 评论图片集合 -->
+        <view class="images">
+          <block wx:if="{{item.weapp_img!=''}}">
+            <image class="rel" catchtap="previewImg" data-index="{{index}}" src="{{iurl+item}}" wx:for="{{item.weapp_img}}" lazy-load="true">
+            </image>
+          </block>
+          <block wx:else>
+            <image wx:if="{{item.img!=''}}" class="rel" catchtap="previewImg" data-index="{{index}}" src="{{iurl+item}}" wx:for="{{item.img}}" lazy-load="true">
+            </image>
+          </block>
+        </view>
+
+      </view>
+
+    </view>
+  </view>
+
+  <!-- 评价等级 -->
+  <view class="Grade">
+    <!-- 宝贝评分 -->
+    <view class="title flex-vertical">
+      <view class="column"></view>
+      <view class="fs28">宝贝评分</view>
+    </view>
+
+    <!-- 服务评级 -->
+    <view class="score-items">
+      <view class="score-item flex-vertical">
+        <view class="fs24">描述相符</view>
+        <view class="stars flex-vertical">
+          <view class="flex-vertical" wx:for="{{5}}" wx:for-item="goods" wx:for-index="goods">
+            <image src="{{goods<item.goods_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}" lazy-load="true"></image>
+          </view>
+        </view>
+      </view>
+
+      <view class="score-item flex-vertical">
+        <view class="fs24">物流服务</view>
+        <view class="stars flex-vertical">
+          <view class="flex-vertical" wx:for="{{5}}" wx:for-item="deliver" wx:for-index="deliver">
+            <image src="{{deliver<item.deliver_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}" lazy-load="true"></image>
+          </view>
+        </view>
+      </view>
+      <view class="score-item flex-vertical">
+        <view class="fs24">服务态度</view>
+        <view class="stars flex-vertical">
+          <view class="flex-vertical" wx:for="{{5}}" wx:for-item="service" wx:for-index="service">
+            <image src="{{service<item.service_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}" lazy-load="true"></image>
+          </view>
+        </view>
+
+      </view>
+
+    </view>
+
+  </view>
+</view>
+<!-- 是否匿名评价 -->
+<view class="Whether" wx:if="{{comment.length>0}}">
+  <view class="Submission flex-level ">
+    <view class="fs30 flex-level white " bindtap="goto" data-url="/pages/user/comment/comment">评价其他</view>
+  </view>
+  <view class="flex-level" wx:if="{{is_act}}">
+    <view class="fs30 flex-level white receive" data-url="/pages/giftpack/evaluategift/evaluategift?actId={{actId}}&actType=2orderNumber={{order_id}}&orderType=1&orderGoodsId={{goods_id}}" bindtap="goto">点击领取礼品</view>
+  </view>
+</view>
+
+<!-- 引入提示组件 -->
+<warn id="warn"></warn>
+<my_confirm id="my_confirm"></my_confirm>
 \ No newline at end of file
+page{
+  overflow-x: hidden;
+}
+/* 商品详情和评价 */
+.commoditymax{
+  overflow-x: hidden;
+}
+.commodity {
+  border-top: 6rpx solid rgb(245, 245, 245);
+  border-bottom: 6rpx solid rgb(245, 245, 245);
+  padding: 0rpx 30rpx;
+  padding-bottom:10rpx;
+}
+
+.commodity .information {
+  height: 286rpx;
+}
+
+.commodity .information image {
+  width: 186rpx;
+  height: 186rpx;
+}
+
+.information .goods_name {
+  width: 480rpx;
+  margin-left: 25rpx;
+  height: 186rpx;
+}
+
+.information .goods_name .ellipsis-2 {
+  line-height: 40rpx;
+  height: 80rpx;
+}
+
+.information .goods_name .jc_sb {
+  margin-top: 60rpx;
+  color: rgb(212, 28, 52);
+  margin-right: 7rpx;
+}
+
+.information .goods_name .jc_sb .fs32 {
+  line-height: 40rpx;
+}
+
+.information .goods_name .jc_sb .sum {
+  margin-right: 5rpx;
+}
+
+.balin {
+  align-items: baseline;
+}
+
+.addComment {
+  width: 690rpx;
+  padding: 32rpx 0rpx 21rpx 0rpx;
+}
+
+.addComment textarea {
+  padding: 0rpx 18rpx;
+  max-height: 100rpx;
+  width: 654rpx;
+}
+
+.addComment .addimages {
+  padding: 0rpx 18rpx;
+  margin-top: 20rpx;
+  align-items: flex-end;
+  width: 652rpx;
+  margin-bottom: 15rpx;
+}
+.comment{
+   overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.addComment .addimages .images {
+  height: 140rpx;
+}
+
+.addComment .addimages .images .rel {
+  width: 140rpx;
+  height: 100%;
+  overflow: visible;
+  margin-right: 15rpx;
+}
+
+.addComment .addimages .images image .abs {
+  width: 30rpx;
+  height: 30rpx;
+  top: -7rpx;
+  right: -7rpx;
+}
+
+.addComment .addimage {
+  width: 139rpx;
+  height: 139rpx;
+  border: 2rpx dashed rgb(196, 196, 196);
+  font-size: 16rpx;
+  margin-left: 6rpx;
+}
+
+.addComment .addimage image {
+  width: 60rpx;
+  height: 58rpx;
+}
+
+.Grade {
+  width: 100%;
+  height: 310rpx;
+  border-bottom: 6rpx solid rgb(245, 245, 245);
+  padding-left: 45rpx;
+}
+
+.Grade .title {
+  width: 100%;
+  height: 105rpx;
+}
+
+.Grade .title .column {
+  height: 30rpx;
+  border-left: 6rpx solid rgb(211, 27, 58);
+  margin-right: 12rpx;
+}
+
+.Grade .score-item {
+  height: 55rpx;
+  line-height: 55rpx;
+}
+
+.Grade .score-item .stars {
+  margin-left: 83rpx;
+}
+.Grade .score-item .stars view{
+    width: 60rpx;
+    height: 55rpx;
+}
+
+.Grade .score-item .stars image {
+  width: 35rpx;
+  height: 35rpx;
+}
+.Whether {
+  padding:0rpx 31rpx;
+}
+.Whether .flex-right-vertical {
+  height: 67rpx;
+}
+
+.Whether .flex-right-vertical .radio {
+  margin-right: 15rpx;
+}
+
+.Whether .Submission {
+  margin: 40rpx 0 40rpx 0;
+}
+
+.Whether .white {
+  width: 364rpx;
+  height: 58rpx;
+  background-color: rgb(212, 28, 52);
+  border-radius: 40rpx;
+  line-height: 58rpx;
+}
+.Whether .receive{
+  background-color: rgb(255, 176, 63);
+}
+
+