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 | var regeneratorRuntime = require('../../../utils/runtime.js'); | 3 | var regeneratorRuntime = require('../../../utils/runtime.js'); |
| 4 | 4 | ||
| 5 | Page({ | 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 | var _errImg = e.target.dataset.errorimg; | 127 | var _errImg = e.target.dataset.errorimg; |
| 126 | var _errObj = {}; | 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 | this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | 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 | \ No newline at end of file | 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 | <view class="goods-img"> | 2 | <view class="goods-img"> |
| 3 | <image class="wh100" src="{{options.img}}" binderror="bind_bnerr2" data-errorimg="options.img"></image> | 3 | <image class="wh100" src="{{options.img}}" binderror="bind_bnerr2" data-errorimg="options.img"></image> |
| 4 | </view> | 4 | </view> |
| @@ -22,7 +22,7 @@ | @@ -22,7 +22,7 @@ | ||
| 22 | <!-- <view class="anonymous"> | 22 | <!-- <view class="anonymous"> |
| 23 | <icon bindtap="checkAnonymous" color="{{is_anonymous?'red':'gray'}}" size="20" type="success"></icon> 匿名评价 | 23 | <icon bindtap="checkAnonymous" color="{{is_anonymous?'red':'gray'}}" size="20" type="success"></icon> 匿名评价 |
| 24 | </view> --> | 24 | </view> --> |
| 25 | -<view class="score-list pd-bg-fff"> | 25 | +<!-- <view class="score-list pd-bg-fff"> |
| 26 | <view class="score-title"> | 26 | <view class="score-title"> |
| 27 | <view>评分</view> | 27 | <view>评分</view> |
| 28 | <view>满意请给5分哦</view> | 28 | <view>满意请给5分哦</view> |
| @@ -48,4 +48,134 @@ | @@ -48,4 +48,134 @@ | ||
| 48 | </view> | 48 | </view> |
| 49 | <view class="btn-wrap"> | 49 | <view class="btn-wrap"> |
| 50 | <view bindtap="submitComment" class="submit-btn">提 交</view> | 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 | </view> | 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 | \ No newline at end of file | 182 | \ No newline at end of file |
pages/user/add_comment/add_comment.wxss
| 1 | -.goods-mes { | 1 | +/* .goods-mes { |
| 2 | height: 100rpx; | 2 | height: 100rpx; |
| 3 | display: flex; | 3 | display: flex; |
| 4 | padding: 30rpx; | 4 | padding: 30rpx; |
| @@ -119,4 +119,157 @@ | @@ -119,4 +119,157 @@ | ||
| 119 | background-color: #f15353; | 119 | background-color: #f15353; |
| 120 | color: #fff; | 120 | color: #fff; |
| 121 | margin: auto; | 121 | margin: auto; |
| 122 | -} | ||
| 123 | \ No newline at end of file | 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 | + |