Commit b3d61910cd03d1d36bbc87f15b7e9aee30c90453
1 parent
38b35286
添加评价
Showing
4 changed files
with
472 additions
and
122 deletions
pages/user/add_comment/add_comment.js
| 1 | -var t = getApp(),oo=t.globalData, a = t.globalData.setting,os=a, e = t.request, s = require("../../../utils/util.js"), | |
| 2 | - i = require("../../../utils/selectFiles.js"); | |
| 1 | +var t = getApp(), oo = t.globalData, a = t.globalData.setting, os = a, e = t.request, s = require("../../../utils/util.js"), | |
| 2 | + i = require("../../../utils/selectFiles.js"); | |
| 3 | 3 | var regeneratorRuntime = require('../../../utils/runtime.js'); | 
| 4 | 4 | |
| 5 | 5 | Page({ | 
| 6 | - data: { | |
| 7 | - url: a.url, | |
| 8 | - resourceUrl: a.resourceUrl, | |
| 9 | - iurl: a.imghost, | |
| 10 | - defaultPhoto: a.resourceUrl + "/static/images/camera.png", | |
| 11 | - filePaths: [], | |
| 12 | - uploadPath: [], | |
| 13 | - maxWord: 0, | |
| 14 | - is_anonymous: !1, | |
| 15 | - goods_rank: 0, | |
| 16 | - service_rank: 0, | |
| 17 | - deliver_rank: 0, | |
| 18 | - content: "", | |
| 19 | - options: null, | |
| 20 | - isLongPress: !1, | |
| 21 | - userinfo:null, | |
| 22 | - }, | |
| 23 | - onLoad:async function(a) { | |
| 24 | - var th=this; | |
| 25 | - console.log('onLoad'); | |
| 26 | - console.log(a); | |
| 6 | + data: { | |
| 7 | + url: a.url, | |
| 8 | + resourceUrl: a.resourceUrl, | |
| 9 | + iurl: a.imghost, | |
| 10 | + defaultPhoto: a.resourceUrl + "/static/images/camera.png", | |
| 11 | + filePaths: [], | |
| 12 | + uploadPath: [], | |
| 13 | + maxWord: 0, | |
| 14 | + is_anonymous: !1, | |
| 15 | + goods_rank: 0, | |
| 16 | + service_rank: 0, | |
| 17 | + deliver_rank: 0, | |
| 18 | + content: "", | |
| 19 | + options: null, | |
| 20 | + isLongPress: !1, | |
| 21 | + userinfo: null, | |
| 22 | + imgs: [], | |
| 23 | + lenMore:0 | |
| 24 | + }, | |
| 25 | + onLoad: async function (a) { | |
| 26 | + var th = this; | |
| 27 | + console.log('onLoad'); | |
| 28 | + console.log(a); | |
| 27 | 29 | |
| 28 | - await getApp().request.promiseGet("/api/weshop/goods/get/"+os.stoid+"/"+a.goods_id,{1:1}).then(res=>{ | |
| 29 | - a.img=th.data.iurl+res.data.data.original_img | |
| 30 | - }) | |
| 30 | + await getApp().request.promiseGet("/api/weshop/goods/get/" + os.stoid + "/" + a.goods_id, { 1: 1 }).then(res => { | |
| 31 | + a.img = th.data.iurl + res.data.data.original_img | |
| 32 | + }) | |
| 31 | 33 | |
| 32 | 34 | |
| 33 | - this.setData({options: a}); | |
| 34 | - t.getUserInfo(function(e){ | |
| 35 | - console.log(e); | |
| 36 | - th.setData({ | |
| 37 | - userinfo:e | |
| 38 | - }) | |
| 39 | - }) | |
| 40 | - }, | |
| 41 | - keyUpChangeNum: function(t) { | |
| 42 | - this.setData({ | |
| 43 | - maxWord: t.detail.value.length | |
| 44 | - }), this.data.content = t.detail.value; | |
| 45 | - }, | |
| 46 | - checkAnonymous: function() { | |
| 47 | - this.setData({ | |
| 48 | - is_anonymous: !this.data.is_anonymous | |
| 35 | + this.setData({ options: a }); | |
| 36 | + t.getUserInfo(function (e) { | |
| 37 | + console.log(e); | |
| 38 | + th.setData({ | |
| 39 | + userinfo: e | |
| 40 | + }) | |
| 41 | + }) | |
| 42 | + }, | |
| 43 | + keyUpChangeNum: function (t) { | |
| 44 | + this.setData({ | |
| 45 | + maxWord: t.detail.value.length | |
| 46 | + }), this.data.content = t.detail.value; | |
| 47 | + }, | |
| 48 | + checkAnonymous: function () { | |
| 49 | + this.setData({ | |
| 50 | + is_anonymous: !this.data.is_anonymous | |
| 51 | + }); | |
| 52 | + }, | |
| 53 | + checkGoodsRank: function (t) { | |
| 54 | + this.setData({ | |
| 55 | + goods_rank: parseInt(t.currentTarget.dataset.i) + 1 | |
| 56 | + }); | |
| 57 | + }, | |
| 58 | + checkServiceRank: function (t) { | |
| 59 | + this.setData({ | |
| 60 | + service_rank: parseInt(t.currentTarget.dataset.i) + 1 | |
| 61 | + }); | |
| 62 | + }, | |
| 63 | + checkDeliverRank: function (t) { | |
| 64 | + this.setData({ | |
| 65 | + deliver_rank: parseInt(t.currentTarget.dataset.i) + 1 | |
| 66 | + }); | |
| 67 | + }, | |
| 68 | + selectPhotos: function (t) { | |
| 69 | + if (this.data.isLongPress) this.data.isLongPress = !1; else { | |
| 70 | + var a = this; | |
| 71 | + i.selectPhotos(this.data.filePaths, t.currentTarget.dataset.idx, function (t) { | |
| 72 | + a.setData({ | |
| 73 | + filePaths: t | |
| 49 | 74 | }); | 
| 50 | - }, | |
| 51 | - checkGoodsRank: function(t) { | |
| 52 | - this.setData({ | |
| 53 | - goods_rank: parseInt(t.currentTarget.dataset.i) + 1 | |
| 54 | - }); | |
| 55 | - }, | |
| 56 | - checkServiceRank: function(t) { | |
| 57 | - this.setData({ | |
| 58 | - service_rank: parseInt(t.currentTarget.dataset.i) + 1 | |
| 59 | - }); | |
| 60 | - }, | |
| 61 | - checkDeliverRank: function(t) { | |
| 62 | - this.setData({ | |
| 63 | - deliver_rank: parseInt(t.currentTarget.dataset.i) + 1 | |
| 64 | - }); | |
| 65 | - }, | |
| 66 | - selectPhotos: function(t) { | |
| 67 | - if (this.data.isLongPress) this.data.isLongPress = !1; else { | |
| 68 | - var a = this; | |
| 69 | - i.selectPhotos(this.data.filePaths, t.currentTarget.dataset.idx, function(t) { | |
| 70 | - a.setData({ | |
| 71 | - filePaths: t | |
| 72 | - }); | |
| 73 | - }); | |
| 75 | + }); | |
| 76 | + } | |
| 77 | + }, | |
| 78 | + removePhoto: function (t) { | |
| 79 | + var a = this; | |
| 80 | + this.data.isLongPress = !0, i.removePhoto(this.data.filePaths, t.currentTarget.dataset.idx, function (t) { | |
| 81 | + a.setData({ | |
| 82 | + filePaths: t | |
| 83 | + }); | |
| 84 | + }); | |
| 85 | + }, | |
| 86 | + submitComment: function () { | |
| 87 | + var a = this; | |
| 88 | + if (!a.data.service_rank || !a.data.goods_rank || !a.data.deliver_rank) return t.showWarning("请先打完分~"); | |
| 89 | + this.uploadPhotos(function () { | |
| 90 | + e.post("/api/weshop/comment/savecomment", { | |
| 91 | + data: { | |
| 92 | + email: ' ', | |
| 93 | + is_show: 1, | |
| 94 | + goods_rank: a.data.goods_rank, | |
| 95 | + service_rank: a.data.service_rank, | |
| 96 | + deliver_rank: a.data.deliver_rank, | |
| 97 | + content: a.data.content, | |
| 98 | + goods_id: a.data.options.goods_id, | |
| 99 | + order_id: a.data.options.order_id, | |
| 100 | + user_id: oo.user_id, | |
| 101 | + store_id: os.stoid, | |
| 102 | + username: a.data.userinfo.nickname | |
| 103 | + }, | |
| 104 | + success: function (a) { | |
| 105 | + wx.setStorageSync("user:comment:update", !0), t.showSuccess("评论成功", function () { | |
| 106 | + wx.navigateBack(); | |
| 107 | + }); | |
| 74 | 108 | } | 
| 75 | - }, | |
| 76 | - removePhoto: function(t) { | |
| 77 | - var a = this; | |
| 78 | - this.data.isLongPress = !0, i.removePhoto(this.data.filePaths, t.currentTarget.dataset.idx, function(t) { | |
| 79 | - a.setData({ | |
| 80 | - filePaths: t | |
| 81 | - }); | |
| 82 | - }); | |
| 83 | - }, | |
| 84 | - submitComment: function() { | |
| 85 | - var a = this; | |
| 86 | - if (!a.data.service_rank || !a.data.goods_rank || !a.data.deliver_rank) return t.showWarning("请先打完分~"); | |
| 87 | - this.uploadPhotos(function() { | |
| 88 | - e.post("/api/weshop/comment/savecomment", { | |
| 89 | - data: { | |
| 90 | - email:' ', | |
| 91 | - is_show:1, | |
| 92 | - goods_rank: a.data.goods_rank, | |
| 93 | - service_rank: a.data.service_rank, | |
| 94 | - deliver_rank: a.data.deliver_rank, | |
| 95 | - content: a.data.content, | |
| 96 | - goods_id: a.data.options.goods_id, | |
| 97 | - order_id: a.data.options.order_id, | |
| 98 | - user_id: oo.user_id, | |
| 99 | - store_id:os.stoid, | |
| 100 | - username: a.data.userinfo.nickname | |
| 101 | - }, | |
| 102 | - success: function(a) { | |
| 103 | - wx.setStorageSync("user:comment:update", !0), t.showSuccess("评论成功", function() { | |
| 104 | - wx.navigateBack(); | |
| 105 | - }); | |
| 106 | - } | |
| 107 | - }); | |
| 108 | - }); | |
| 109 | - }, | |
| 110 | - uploadPhotos: function(t, a) { | |
| 111 | - if (0 == this.data.filePaths.length) return t(); | |
| 112 | - if ("number" != typeof a) a = 0; else if (a >= this.data.filePaths.length) return t(); | |
| 113 | - var s = this; | |
| 114 | - e.uploadFile("/api/user/upload_comment_img", { | |
| 115 | - filePath: s.data.filePaths[a], | |
| 116 | - name: "img_file", | |
| 117 | - success: function(e) { | |
| 118 | - s.data.uploadPath[a] = e.data.result, s.uploadPhotos(t, a + 1); | |
| 119 | - } | |
| 120 | - }); | |
| 121 | - }, | |
| 109 | + }); | |
| 110 | + }); | |
| 111 | + }, | |
| 112 | + uploadPhotos: function (t, a) { | |
| 113 | + if (0 == this.data.filePaths.length) return t(); | |
| 114 | + if ("number" != typeof a) a = 0; else if (a >= this.data.filePaths.length) return t(); | |
| 115 | + var s = this; | |
| 116 | + e.uploadFile("/api/user/upload_comment_img", { | |
| 117 | + filePath: s.data.filePaths[a], | |
| 118 | + name: "img_file", | |
| 119 | + success: function (e) { | |
| 120 | + s.data.uploadPath[a] = e.data.result, s.uploadPhotos(t, a + 1); | |
| 121 | + } | |
| 122 | + }); | |
| 123 | + }, | |
| 122 | 124 | |
| 123 | - //图片失败,默认图片 | |
| 124 | - bind_bnerr2: function (e) { | |
| 125 | + //图片失败,默认图片 | |
| 126 | + bind_bnerr2: function (e) { | |
| 125 | 127 | var _errImg = e.target.dataset.errorimg; | 
| 126 | 128 | var _errObj = {}; | 
| 127 | - _errObj[_errImg] = a.imghost+"/public/images/default_goods_image_240.gif"; | |
| 129 | + _errObj[_errImg] = a.imghost + "/public/images/default_goods_image_240.gif"; | |
| 128 | 130 | this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | 
| 129 | - } | |
| 131 | + }, | |
| 132 | + // 上传图片 | |
| 133 | + chooseImg: function (e) { | |
| 134 | + var that = this; | |
| 135 | + var imgs = this.data.imgs; | |
| 136 | + if (imgs.length >= 3) { | |
| 137 | + this.setData({ | |
| 138 | + lenMore: 1 | |
| 139 | + }); | |
| 140 | + setTimeout(function () { | |
| 141 | + that.setData({ | |
| 142 | + lenMore: 0 | |
| 143 | + }); | |
| 144 | + }, 2500); | |
| 145 | + return false; | |
| 146 | + } | |
| 147 | + wx.chooseImage({ | |
| 148 | + // count: 1, // 默认9 | |
| 149 | + sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 | |
| 150 | + sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 | |
| 151 | + success: function (res) { | |
| 152 | + // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 | |
| 153 | + var tempFilePaths = res.tempFilePaths; | |
| 154 | + var imgs = that.data.imgs; | |
| 155 | + // console.log(tempFilePaths + '----'); | |
| 156 | + for (var i = 0; i < tempFilePaths.length; i++) { | |
| 157 | + if (imgs.length >= 3) { | |
| 158 | + that.setData({ | |
| 159 | + imgs: imgs | |
| 160 | + }); | |
| 161 | + return false; | |
| 162 | + } else { | |
| 163 | + imgs.push(tempFilePaths[i]); | |
| 164 | + } | |
| 165 | + } | |
| 166 | + // console.log(imgs); | |
| 167 | + that.setData({ | |
| 168 | + imgs: imgs | |
| 169 | + }); | |
| 170 | + } | |
| 171 | + }); | |
| 172 | + }, | |
| 173 | + // 删除图片 | |
| 174 | + deleteImg: function (e) { | |
| 175 | + var imgs = this.data.imgs; | |
| 176 | + var index = e.currentTarget.dataset.index; | |
| 177 | + imgs.splice(index, 1); | |
| 178 | + this.setData({ | |
| 179 | + imgs: imgs | |
| 180 | + }); | |
| 181 | + }, | |
| 182 | + // 预览图片 | |
| 183 | + previewImg: function (e) { | |
| 184 | + //获取当前图片的下标 | |
| 185 | + var index = e.currentTarget.dataset.index; | |
| 186 | + //所有图片 | |
| 187 | + var imgs = this.data.imgs; | |
| 188 | + wx.previewImage({ | |
| 189 | + //当前显示图片 | |
| 190 | + current: imgs[index], | |
| 191 | + //所有图片 | |
| 192 | + urls: imgs | |
| 193 | + }) | |
| 194 | + }, | |
| 195 | + | |
| 196 | + | |
| 130 | 197 | }); | 
| 131 | 198 | \ No newline at end of file | ... | ... | 
pages/user/add_comment/add_comment.json
pages/user/add_comment/add_comment.wxml
| 1 | -<view class="goods-mes pd-bg-fff"> | |
| 1 | +<!-- <view class="goods-mes pd-bg-fff"> | |
| 2 | 2 | <view class="goods-img"> | 
| 3 | 3 | <image class="wh100" src="{{options.img}}" binderror="bind_bnerr2" data-errorimg="options.img"></image> | 
| 4 | 4 | </view> | 
| ... | ... | @@ -22,7 +22,7 @@ | 
| 22 | 22 | <!-- <view class="anonymous"> | 
| 23 | 23 | <icon bindtap="checkAnonymous" color="{{is_anonymous?'red':'gray'}}" size="20" type="success"></icon> 匿名评价 | 
| 24 | 24 | </view> --> | 
| 25 | -<view class="score-list pd-bg-fff"> | |
| 25 | +<!-- <view class="score-list pd-bg-fff"> | |
| 26 | 26 | <view class="score-title"> | 
| 27 | 27 | <view>评分</view> | 
| 28 | 28 | <view>满意请给5分哦</view> | 
| ... | ... | @@ -48,4 +48,134 @@ | 
| 48 | 48 | </view> | 
| 49 | 49 | <view class="btn-wrap"> | 
| 50 | 50 | <view bindtap="submitComment" class="submit-btn">提 交</view> | 
| 51 | +</view> --> | |
| 52 | +<view> | |
| 53 | + <!-- 商品评价 --> | |
| 54 | + <view class='commodity'> | |
| 55 | + <!-- 商品信息 --> | |
| 56 | + <view class='information flex-vertical'> | |
| 57 | + <image src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3117916781,836883337&fm=26&gp=0.jpg"></image> | |
| 58 | + <view class="goods_name xc-black"> | |
| 59 | + <!-- 商品名称 --> | |
| 60 | + <view class='ellipsis-2 fs32'>{{options.goods_name}}我弄饭v的v哦女v绝我弄饭v的v哦女v绝望愤怒冻死我弄饭v的v哦女v绝望愤怒冻死望愤怒冻死</view> | |
| 61 | + <!-- 商品价格,数量 --> | |
| 62 | + <view class='flex jc_sb balin'> | |
| 63 | + <!-- 价格 --> | |
| 64 | + <view class='flex-vertical balin'> | |
| 65 | + <view class="fs24">¥</view> | |
| 66 | + <view class="fs35">{{options.price}}3333.00</view> | |
| 67 | + </view> | |
| 68 | + | |
| 69 | + <!-- 商品数量 --> | |
| 70 | + <view class='sum flex-vertical balin xc-black'> | |
| 71 | + <view class="fs24">x</view> | |
| 72 | + <view class="fs28">1</view> | |
| 73 | + </view> | |
| 74 | + | |
| 75 | + </view> | |
| 76 | + | |
| 77 | + </view> | |
| 78 | + | |
| 79 | + </view> | |
| 80 | + | |
| 81 | + | |
| 82 | + <!-- 商品评价信息 --> | |
| 83 | + <view class="addComment"> | |
| 84 | + <textarea class="fs24" placeholder="已经收到商品,快跟大家分享一下宝贝吧!" placeholder-class="fs24" maxlength="500"></textarea> | |
| 85 | + <view class="flex addimages"> | |
| 86 | + <!-- 评论图片集合 --> | |
| 87 | + <view class="images"> | |
| 88 | + <image class="rel" catchtap="previewImg" data-index="{{index}}" src="{{item}}" wx:for="{{imgs}}"> | |
| 89 | + <image class="abs" src="../../../images/cancel.png" data-index="{{index}}" bindtap="deleteImg"></image> | |
| 90 | + </image> | |
| 91 | + | |
| 92 | + </view> | |
| 93 | + | |
| 94 | + <!-- 添加图片按钮框架 --> | |
| 95 | + <view class="addimage flex-center xc-ash" bindtap="chooseImg"> | |
| 96 | + <view> | |
| 97 | + <view class="flex-center"> | |
| 98 | + <image src="../../../images/camera.png"></image> | |
| 99 | + </view> | |
| 100 | + <view class="flex-center fs20">添加图片</view> | |
| 101 | + <view class="flex-center fs20">{{imgs.length>0?imgs.length:0}}/3</view> | |
| 102 | + </view> | |
| 103 | + </view> | |
| 104 | + | |
| 105 | + </view> | |
| 106 | + | |
| 107 | + | |
| 108 | + | |
| 109 | + | |
| 110 | + | |
| 111 | + | |
| 112 | + | |
| 113 | + | |
| 114 | + </view> | |
| 115 | + | |
| 116 | + | |
| 117 | + | |
| 118 | + | |
| 119 | + | |
| 120 | + | |
| 121 | + </view> | |
| 122 | + | |
| 123 | + <!-- 评价等级 --> | |
| 124 | + | |
| 125 | + <view class="Grade"> | |
| 126 | + <!-- 宝贝评分 --> | |
| 127 | + <view class="title flex-vertical"> | |
| 128 | + <view class="column"></view> | |
| 129 | + <view class="fs28">宝贝评分</view> | |
| 130 | + </view> | |
| 131 | + | |
| 132 | + <!-- 服务评级 --> | |
| 133 | + <view class="score-items"> | |
| 134 | + <view class="score-item flex-vertical"> | |
| 135 | + <view class="fs24">描述相符</view> | |
| 136 | + <view class="stars flex-vertical"> | |
| 137 | + <image data-i="{{index}}" src="{{index<goods_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}" wx:for="{{5}}" wx:key="{{index}}" bindtap="checkGoodsRank"></image> | |
| 138 | + | |
| 139 | + </view> | |
| 140 | + </view> | |
| 141 | + | |
| 142 | + <view class="score-item flex-vertical"> | |
| 143 | + <view class="fs24">物流服务</view> | |
| 144 | + <view class="stars flex-vertical"> | |
| 145 | + <image bindtap="checkDeliverRank" data-i="{{index}}" src="{{index<deliver_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}" wx:for="{{5}}" wx:key="{{index}}"></image> | |
| 146 | + | |
| 147 | + </view> | |
| 148 | + </view> | |
| 149 | + <view class="score-item flex-vertical"> | |
| 150 | + <view class="fs24">服务态度</view> | |
| 151 | + <view class="stars flex-vertical"> | |
| 152 | + <image src="{{index<service_rank?iurl+'/miniapp/images/StarsredCk.png':iurl+'/miniapp/images/StarswhiteUnCk.png'}}" bindtap="checkServiceRank" data-i="{{index}}" wx:for="{{5}}" wx:key="{{index}}"></image> | |
| 153 | + | |
| 154 | + | |
| 155 | + </view> | |
| 156 | + | |
| 157 | + </view> | |
| 158 | + | |
| 159 | + </view> | |
| 160 | + | |
| 161 | + </view> | |
| 51 | 162 | </view> | 
| 163 | + | |
| 164 | +<!-- 是否匿名评价 --> | |
| 165 | +<view class=" Whether "> | |
| 166 | + | |
| 167 | + <!-- 选择是否匿名 --> | |
| 168 | + <view class="allClick flex-right-vertical "> | |
| 169 | + <icon class="radio " bindtap="checkAnonymous " color="{{is_anonymous? 'white': 'red'}} " size="15 " type="success "></icon> | |
| 170 | + <view class="fs24 ">匿名评价</view> | |
| 171 | + </view> | |
| 172 | + | |
| 173 | + <view class="Submission flex-level "> | |
| 174 | + <view class="fs30 flex-level white " bindtap="submitComment "> | |
| 175 | + 提交评价 | |
| 176 | + </view> | |
| 177 | + </view> | |
| 178 | + | |
| 179 | + | |
| 180 | + | |
| 181 | +</view> | |
| 52 | 182 | \ No newline at end of file | ... | ... | 
pages/user/add_comment/add_comment.wxss
| 1 | -.goods-mes { | |
| 1 | +/* .goods-mes { | |
| 2 | 2 | height: 100rpx; | 
| 3 | 3 | display: flex; | 
| 4 | 4 | padding: 30rpx; | 
| ... | ... | @@ -119,4 +119,157 @@ | 
| 119 | 119 | background-color: #f15353; | 
| 120 | 120 | color: #fff; | 
| 121 | 121 | margin: auto; | 
| 122 | -} | |
| 123 | 122 | \ No newline at end of file | 
| 123 | +} */ | |
| 124 | + | |
| 125 | +/* 商品详情和评价 */ | |
| 126 | + | |
| 127 | +.commodity { | |
| 128 | + height: 715rpx; | |
| 129 | + border-top: 6rpx solid rgb(245, 245, 245); | |
| 130 | + border-bottom: 6rpx solid rgb(245, 245, 245); | |
| 131 | + padding: 0rpx 30rpx; | |
| 132 | +} | |
| 133 | + | |
| 134 | +.commodity .information { | |
| 135 | + height: 286rpx; | |
| 136 | +} | |
| 137 | + | |
| 138 | +.commodity .information image { | |
| 139 | + width: 186rpx; | |
| 140 | + height: 186rpx; | |
| 141 | +} | |
| 142 | + | |
| 143 | +.information .goods_name { | |
| 144 | + width: 480rpx; | |
| 145 | + margin-left: 25rpx; | |
| 146 | + height: 186rpx; | |
| 147 | +} | |
| 148 | + | |
| 149 | +.information .goods_name .ellipsis-2 { | |
| 150 | + line-height: 40rpx; | |
| 151 | + height: 80rpx; | |
| 152 | +} | |
| 153 | + | |
| 154 | +.information .goods_name .jc_sb { | |
| 155 | + margin-top: 60rpx; | |
| 156 | + color: rgb(212, 28, 52); | |
| 157 | + margin-right: 7rpx; | |
| 158 | +} | |
| 159 | + | |
| 160 | +.information .goods_name .jc_sb .fs32 { | |
| 161 | + line-height: 40rpx; | |
| 162 | +} | |
| 163 | + | |
| 164 | +.information .goods_name .jc_sb .sum { | |
| 165 | + margin-right: 5rpx; | |
| 166 | +} | |
| 167 | + | |
| 168 | +.balin { | |
| 169 | + align-items: baseline; | |
| 170 | +} | |
| 171 | + | |
| 172 | +.addComment { | |
| 173 | + height: 345rpx; | |
| 174 | + width: 690rpx; | |
| 175 | + background-color: rgb(248, 248, 248); | |
| 176 | + padding: 32rpx 0rpx 21rpx 0rpx; | |
| 177 | +} | |
| 178 | + | |
| 179 | +.addComment textarea { | |
| 180 | + padding: 0rpx 18rpx; | |
| 181 | + height: 175rpx; | |
| 182 | + width: 654rpx; | |
| 183 | +} | |
| 184 | + | |
| 185 | +.addComment .addimages { | |
| 186 | + padding: 0rpx 18rpx; | |
| 187 | + margin-top: 20rpx; | |
| 188 | + align-items: flex-end; | |
| 189 | + width: 652rpx; | |
| 190 | +} | |
| 191 | + | |
| 192 | +.addComment .addimages .images { | |
| 193 | + height: 140rpx; | |
| 194 | +} | |
| 195 | + | |
| 196 | +.addComment .addimages .images .rel { | |
| 197 | + width: 140rpx; | |
| 198 | + height: 100%; | |
| 199 | + overflow: visible; | |
| 200 | + margin-right: 15rpx; | |
| 201 | +} | |
| 202 | + | |
| 203 | +.addComment .addimages .images image .abs { | |
| 204 | + width: 30rpx; | |
| 205 | + height: 30rpx; | |
| 206 | + top: -7rpx; | |
| 207 | + right: -7rpx; | |
| 208 | +} | |
| 209 | + | |
| 210 | +.addComment .addimage { | |
| 211 | + width: 139rpx; | |
| 212 | + height: 139rpx; | |
| 213 | + border: 2rpx dashed rgb(196, 196, 196); | |
| 214 | + font-size: 16rpx; | |
| 215 | + margin-left: 6rpx; | |
| 216 | +} | |
| 217 | + | |
| 218 | +.addComment .addimage image { | |
| 219 | + width: 60rpx; | |
| 220 | + height: 58rpx; | |
| 221 | +} | |
| 222 | + | |
| 223 | +.Grade { | |
| 224 | + width: 100%; | |
| 225 | + height: 310rpx; | |
| 226 | + border-bottom: 6rpx solid rgb(245, 245, 245); | |
| 227 | + padding-left: 45rpx; | |
| 228 | +} | |
| 229 | + | |
| 230 | +.Grade .title { | |
| 231 | + width: 100%; | |
| 232 | + height: 105rpx; | |
| 233 | +} | |
| 234 | + | |
| 235 | +.Grade .title .column { | |
| 236 | + height: 30rpx; | |
| 237 | + border-left: 6rpx solid rgb(211, 27, 58); | |
| 238 | + margin-right: 12rpx; | |
| 239 | +} | |
| 240 | + | |
| 241 | +.Grade .score-item { | |
| 242 | + height: 55rpx; | |
| 243 | + line-height: 55rpx; | |
| 244 | +} | |
| 245 | + | |
| 246 | +.Grade .score-item .stars { | |
| 247 | + margin-left: 83rpx; | |
| 248 | +} | |
| 249 | + | |
| 250 | +.Grade .score-item .stars image { | |
| 251 | + width: 35rpx; | |
| 252 | + height: 35rpx; | |
| 253 | + margin-right: 28rpx; | |
| 254 | +} | |
| 255 | + | |
| 256 | +.Whether .flex-right-vertical { | |
| 257 | + height: 67rpx; | |
| 258 | + padding-right: 31rpx; | |
| 259 | +} | |
| 260 | + | |
| 261 | +.Whether .flex-right-vertical .radio { | |
| 262 | + margin-right: 15rpx; | |
| 263 | +} | |
| 264 | + | |
| 265 | +.Whether .Submission { | |
| 266 | + margin-top: 40rpx; | |
| 267 | +} | |
| 268 | + | |
| 269 | +.Whether .white { | |
| 270 | + width: 364rpx; | |
| 271 | + height: 58rpx; | |
| 272 | + background-color: rgb(212, 28, 52); | |
| 273 | + border-radius: 40rpx; | |
| 274 | + line-height: 58rpx; | |
| 275 | +} | |
| 276 | + | ... | ... | 
