Commit 18008b4393c9ed22ad48b51f6db34e3c394155ae
1 parent
d3022c2a
我的评价 列表
Showing
3 changed files
with
414 additions
and
195 deletions
pages/user/comment/comment.js
| 1 | +var ut= require("../../../utils/util.js"); | ||
| 1 | var t = function(t) { | 2 | var t = function(t) { |
| 2 | return t && t.__esModule ? t : { | 3 | return t && t.__esModule ? t : { |
| 3 | - default: t | 4 | + default: t |
| 4 | }; | 5 | }; |
| 5 | -}(require("../../../utils/LoadMore.js")), e = getApp(), rq = e.request, a = new t.default(), | ||
| 6 | - s = require("../../../utils/util.js"), oo = e.globalData, os = e.globalData.setting; | 6 | + }(require("../../../utils/LoadMore.js")), |
| 7 | + e = getApp(), | ||
| 8 | + rq = e.request, | ||
| 9 | + a = new t.default(), | ||
| 10 | + s = require("../../../utils/util.js"), | ||
| 11 | + oo = e.globalData, | ||
| 12 | + os = e.globalData.setting; | ||
| 7 | 13 | ||
| 8 | Page({ | 14 | Page({ |
| 9 | - data: { | ||
| 10 | - url: e.globalData.setting.url, | ||
| 11 | - resourceUrl: e.globalData.setting.imghost, | ||
| 12 | - iurl: e.globalData.setting.imghost, | ||
| 13 | - categories: [ { | ||
| 14 | - name: "全部评价", | ||
| 15 | - status: 2 | ||
| 16 | - }, { | ||
| 17 | - name: "待评价", | ||
| 18 | - status: 0 | ||
| 19 | - }, { | ||
| 20 | - name: "已评价", | ||
| 21 | - status: 1 | ||
| 22 | - } ], | ||
| 23 | - activeStatus: 0, | ||
| 24 | - comments: null, | ||
| 25 | - currentPage: 1 | ||
| 26 | - }, | ||
| 27 | - onLoad: function(t) { | ||
| 28 | - var e = void 0 === t.status ? this.data.activeStatus : t.status; | ||
| 29 | - a.init(this, "", "comments"), this.requestComments(e); | ||
| 30 | - }, | ||
| 31 | - onShow: function() { | ||
| 32 | - wx.getStorageSync("user:comment:update") && (wx.setStorageSync("user:comment:update", !1), | ||
| 33 | - this.resetData(), this.requestComments(this.data.activeStatus)); | ||
| 34 | - }, | ||
| 35 | - changeTab: function(t) { | ||
| 36 | - this.resetData(), this.requestComments(t.currentTarget.dataset.status); | ||
| 37 | - }, | ||
| 38 | - requestComments: function(t) { | ||
| 39 | - var e = this, th=e,n = os.url + "/api/weshop/comment/list?page=" + e.data.currentPage; | ||
| 40 | - console.log('requestComments'); | ||
| 41 | - console.log(n); | ||
| 42 | - console.log(t); | ||
| 43 | - this.setData({ | ||
| 44 | - activeStatus: t | ||
| 45 | - }); | ||
| 46 | - if(t==2){ | ||
| 47 | - a.request(n, function (t) { | ||
| 48 | - e.data.currentPage++; | ||
| 49 | - var da = th.data.comments; | ||
| 50 | - da.forEach(function(em,ind){ | ||
| 51 | - rq.get("/api/weshop/goods/get/" + os.stoid + "/" + em.goods_id, { | ||
| 52 | - success: function (tt) { | ||
| 53 | - var gd = tt.data.data.original_img; | ||
| 54 | - da[ind]['original_img'] = gd; | ||
| 55 | - th.setData({ comments: da, }) | ||
| 56 | - }, | ||
| 57 | - }); | ||
| 58 | - }) | ||
| 59 | - | ||
| 60 | - | ||
| 61 | - }, null, { store_id: os.stoid, user_id: oo.user_id }), | ||
| 62 | - wx.stopPullDownRefresh(); | ||
| 63 | - }else{ | ||
| 64 | - a.request(n, function(t) { | ||
| 65 | - e.data.currentPage++; | ||
| 66 | - var da = th.data.comments; | ||
| 67 | - da.forEach(function (em, ind) { | ||
| 68 | - rq.get("/api/weshop/goods/get/" + os.stoid + "/" + em.goods_id, { | ||
| 69 | - success: function (tt) { | ||
| 70 | - var gd = tt.data.data.original_img; | ||
| 71 | - da[ind]['original_img'] = gd; | ||
| 72 | - th.setData({ comments: da, }) | ||
| 73 | - }, | ||
| 74 | - }); | ||
| 75 | - }); | ||
| 76 | - | ||
| 77 | - }, null, {is_comment:t, store_id: os.stoid,user_id: oo.user_id }), | ||
| 78 | - wx.stopPullDownRefresh(); | ||
| 79 | - } | 15 | + data: { |
| 16 | + url: e.globalData.setting.url, | ||
| 17 | + resourceUrl: e.globalData.setting.imghost, | ||
| 18 | + iurl: e.globalData.setting.imghost, | ||
| 19 | + categories: [{ | ||
| 20 | + name: "全部评价", | ||
| 21 | + status: 2 | ||
| 22 | + }, { | ||
| 23 | + name: "待评价", | ||
| 24 | + status: 0 | ||
| 25 | + }, { | ||
| 26 | + name: "已评价", | ||
| 27 | + status: 1 | ||
| 28 | + }], | ||
| 29 | + activeStatus: 0, | ||
| 30 | + comments: null, | ||
| 31 | + currentPage: 1, | ||
| 32 | + isloaded:0, | ||
| 33 | + }, | ||
| 34 | + onLoad: function(t) { | ||
| 35 | + var e = void 0 === t.status ? this.data.activeStatus : t.status; | ||
| 36 | + a.init(this, "", "comments"), this.requestComments(e); | ||
| 37 | + }, | ||
| 38 | + onShow: function() { | ||
| 39 | + wx.getStorageSync("user:comment:update") && (wx.setStorageSync("user:comment:update", !1), | ||
| 40 | + this.resetData(), this.requestComments(this.data.activeStatus)); | ||
| 41 | + }, | ||
| 42 | + changeTab: function(t) { | ||
| 43 | + var e = this; | ||
| 44 | + if (this.data.activeStatus==t.currentTarget.dataset.status) | ||
| 45 | + return false; | ||
| 46 | + this.resetData(), this.requestComments(t.currentTarget.dataset.status); | ||
| 47 | + }, | ||
| 48 | + requestComments: function(t) { | ||
| 49 | + var e = this, | ||
| 50 | + th = e, | ||
| 51 | + n = os.url + "/api/weshop/comment/list?page=" + e.data.currentPage; | ||
| 52 | + this.setData({ | ||
| 53 | + activeStatus: t | ||
| 54 | + }); | ||
| 55 | + if (t == 2) { | ||
| 56 | + a.request(n, function(t) { | ||
| 57 | + | ||
| 58 | + console.log("111111111111111111111111111111111111111"); | ||
| 59 | + console.log(t); | ||
| 80 | 60 | ||
| 81 | - }, | ||
| 82 | - onReachBottom: function() { | ||
| 83 | - a.canloadMore() && this.requestComments(this.data.activeStatus); | ||
| 84 | - }, | ||
| 85 | - onPullDownRefresh: function(t) { | ||
| 86 | - this.resetData(), this.requestComments(this.data.activeStatus); | ||
| 87 | - }, | ||
| 88 | - resetData: function() { | ||
| 89 | - this.data.comments = null, this.data.currentPage = 1, a.resetConfig(); | ||
| 90 | - }, | ||
| 91 | - /*-----评论-----*/ | ||
| 92 | - comment: function(t) { | ||
| 93 | - for (var e = t.currentTarget.dataset.recid, a = this.data.comments, s = 0; s < a.length && a[s].rec_id != e; s++) ; | ||
| 94 | - if (!(s >= a.length)) { | 61 | + e.data.currentPage++; |
| 62 | + var da = th.data.comments; | ||
| 63 | + da.forEach(function(em, ind) { | ||
| 64 | + | ||
| 65 | + if (em.img != undefined && em.img != null && ut.isString(em.img)) | ||
| 66 | + da[ind].img = ut.unserialize(em.img); | ||
| 67 | + var str = da[ind].weapp_img; | ||
| 68 | + if (str != "" && ut.isString(str)) da[ind].weapp_img = JSON.parse(str); | ||
| 69 | + | ||
| 70 | + }) | ||
| 71 | + | ||
| 72 | + th.setData({ | ||
| 73 | + comments: da, isloaded: 1, | ||
| 74 | + }) | ||
| 75 | + | ||
| 76 | + | ||
| 77 | + }, null, { | ||
| 78 | + store_id: os.stoid, | ||
| 79 | + user_id: oo.user_id | ||
| 80 | + }), | ||
| 81 | + wx.stopPullDownRefresh(); | ||
| 82 | + } else { | ||
| 83 | + a.request(n, function(t) { | ||
| 84 | + | ||
| 85 | + console.log("222222222222222222222222222222"); | ||
| 86 | + e.data.currentPage++; | ||
| 87 | + var da = th.data.comments; | ||
| 88 | + | ||
| 89 | + da.forEach(function(em, ind) { | ||
| 90 | + | ||
| 91 | + if (em.img != undefined && em.img != null && ut.isString(em.img)) | ||
| 92 | + da[ind].img = ut.unserialize(em.img); | ||
| 93 | + var str = da[ind].weapp_img; | ||
| 94 | + if (str != "" && ut.isString(str)) da[ind].weapp_img = JSON.parse(str); | ||
| 95 | + | ||
| 96 | + | ||
| 97 | + }); | ||
| 95 | 98 | ||
| 96 | - console.log("comment"); | ||
| 97 | - console.log(a[s]); | 99 | + th.setData({ |
| 100 | + comments: da, isloaded:1, | ||
| 101 | + }) | ||
| 98 | 102 | ||
| 99 | 103 | ||
| 100 | - var n = "?order_id=" + a[s].order_id; | ||
| 101 | - n += "&goods_id=" + a[s].goods_id, n += "&goods_name=" + a[s].goods_name, n += "&price=" + a[s].goods_price, | ||
| 102 | - n += "&img=" + a[s].original_img, | ||
| 103 | - wx.navigateTo({ | ||
| 104 | - url: "/pages/user/add_comment/add_comment" + n | ||
| 105 | - }); | ||
| 106 | - } | ||
| 107 | - }, | 104 | + }, null, { |
| 105 | + is_comment: t, | ||
| 106 | + store_id: os.stoid, | ||
| 107 | + user_id: oo.user_id | ||
| 108 | + }), | ||
| 109 | + wx.stopPullDownRefresh(); | ||
| 110 | + } | ||
| 111 | + | ||
| 112 | + }, | ||
| 113 | + onReachBottom: function() { | ||
| 114 | + a.canloadMore() && this.requestComments(this.data.activeStatus); | ||
| 115 | + }, | ||
| 116 | + | ||
| 117 | + | ||
| 118 | + onPullDownRefresh: function(t) { | ||
| 119 | + this.resetData(), this.requestComments(this.data.activeStatus); | ||
| 120 | + }, | ||
| 121 | + resetData: function() { | ||
| 122 | + this.data.comments = null, this.data.currentPage = 1, a.resetConfig(); | ||
| 123 | + }, | ||
| 124 | + /*-----评论-----*/ | ||
| 125 | + comment: function(t) { | ||
| 126 | + for (var e = t.currentTarget.dataset.recid, a = this.data.comments, s = 0; s < a.length && a[s].rec_id != e; s++); | ||
| 127 | + if (!(s >= a.length)) { | ||
| 128 | + var n = "?order_id=" + a[s].order_id; | ||
| 129 | + n += "&goods_id=" + a[s].goods_id, n += "&goods_name=" + a[s].goods_name, n += "&price=" + a[s].goods_price, | ||
| 130 | + n += "&img=" + a[s].original_img, | ||
| 131 | + wx.navigateTo({ | ||
| 132 | + url: "/pages/user/add_comment/add_comment" + n | ||
| 133 | + }); | ||
| 134 | + } | ||
| 135 | + }, | ||
| 108 | 136 | ||
| 109 | - //图片失败，默认图片 | ||
| 110 | - bind_bnerr2: function (e) { | ||
| 111 | - var _errImg = e.target.dataset.errorimg; | ||
| 112 | - var _errObj = {}; | ||
| 113 | - _errObj[_errImg] = "/public/images/default_goods_image_240.gif"; | ||
| 114 | - this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | ||
| 115 | - } | 137 | + //图片失败，默认图片 |
| 138 | + bind_bnerr2: function(e) { | ||
| 139 | + var _errImg = e.currentTarget.dataset.errorimg; | ||
| 140 | + var _errObj = {}; | ||
| 141 | + _errObj[_errImg] = os.imghost+ "/public/images/default_goods_image_240.gif"; | ||
| 142 | + //this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | ||
| 143 | + }, | ||
| 144 | + //预览图片 | ||
| 145 | + previewImg: function (e) { | ||
| 146 | + console.log(e.currentTarget.dataset.index); | ||
| 147 | + var index = e.currentTarget.dataset.index; | ||
| 148 | + var imgArr = this.data.imgArr; | ||
| 149 | + wx.previewImage({ | ||
| 150 | + current: imgArr[index], //当前图片地址 | ||
| 151 | + urls: imgArr, //所有要预览的图片的地址集合 数组形式 | ||
| 152 | + }) | ||
| 153 | + }, | ||
| 154 | + //跳到首页 | ||
| 155 | + goto: function (ee) { | ||
| 156 | + wx.switchTab({ | ||
| 157 | + url: '/pages/index/index/index', | ||
| 158 | + }) | ||
| 159 | + }, | ||
| 116 | 160 | ||
| 117 | }); | 161 | }); |
| 118 | \ No newline at end of file | 162 | \ No newline at end of file |
pages/user/comment/comment.wxml
| 1 | +<wxs module="filter" src="../../../utils/filter.wxs"></wxs> | ||
| 1 | <view class="container"> | 2 | <view class="container"> |
| 2 | - <view class="type-navbar"> | ||
| 3 | - <view class="type-box" wx:for="{{categories}}" wx:key="{{index}}"> | ||
| 4 | - <view bindtap="changeTab" class="type-navbar-item {{activeStatus==item.status?'type-item-on':''}}" data-status="{{item.status}}"> | ||
| 5 | - {{item.name}} | 3 | + <view class="type-navbar padding"> |
| 4 | + <view class="type-box fs28 type-navbar-item {{activeStatus==item.status?'type-item-on':''}}" data-status="{{item.status}}" wx:for="{{categories}}" wx:key="{{index}}"> | ||
| 5 | + <view class="title_width" bindtap="changeTab" data-status="{{item.status}}">{{item.name}}</view> | ||
| 6 | + </view> | ||
| 7 | + </view> | ||
| 8 | + | ||
| 9 | +<!-- 无评价 --> | ||
| 10 | +<view class="noCollection" wx:if="{{(!comments||comments.length==0) && isloaded}}"> | ||
| 11 | + <view class="flex-level"> | ||
| 12 | + <image src="{{iurl}}/miniapp/images/comment.png"></image> | ||
| 13 | + </view> | ||
| 14 | + <view class="flex-level fs30 xc-ash">当前暂无评价</view> | ||
| 15 | + <view class="flex-level"> | ||
| 16 | + <navigator url="/pages/index/index/index" bindtap="goto"> | ||
| 17 | + <view class="flex-center fs28 white">去首页逛逛</view> | ||
| 18 | + </navigator> | ||
| 19 | + </view> | ||
| 20 | +</view> | ||
| 21 | + | ||
| 22 | + <!-- 待评价栏 --> | ||
| 23 | + <view class="stay_evaluate" wx:if="{{comments.length>0}}" wx:for="{{comments}}"> | ||
| 24 | + | ||
| 25 | + <!-- 商品编号和状态 --> | ||
| 26 | + <view class="Commodity_number flex-vertical-between fs20 padding border_bottom"> | ||
| 27 | + <!--商品编号 --> | ||
| 28 | + <view>订单编号：{{item.order_sn}}</view> | ||
| 29 | + <!-- 商品评价状态 --> | ||
| 30 | + <view class="xc-wc">{{item.comment_id>0?'已评价':'待评价'}}</view> | ||
| 31 | + </view> | ||
| 32 | + | ||
| 33 | + <!-- 商品详情集合 --> | ||
| 34 | + <view class="detail_commoditys"> | ||
| 35 | + <!-- 单个商品 --> | ||
| 36 | + <view> | ||
| 37 | + <view class="detail_commodity flex-vertical padding border_bottom"> | ||
| 38 | + <!-- 商品图片 --> | ||
| 39 | + <image src="{{item.original_img}}" binderror="bind_bnerr2" data-errorimg="comments[{{index}}].original_img"></image> | ||
| 40 | + <!-- 商品内容 --> | ||
| 41 | + <view class="Commodity_content"> | ||
| 42 | + <view class="Commodity_goods"> | ||
| 43 | + <!-- 商品名称 --> | ||
| 44 | + <view class="goods_name ellipsis-2 fs26">{{item.goods_name}}</view> | ||
| 45 | + <!-- 商品规格 --> | ||
| 46 | + <view class="Commodity_spec fs20"> | ||
| 47 | + <view class="flex-center">{{item.goods_color+item.goods_spec.length>-1?item.goods_color+item.goods_spec:'规格1'}}</view> | ||
| 48 | + </view> | ||
| 49 | + </view> | ||
| 50 | + <!-- 商品价格数量 --> | ||
| 51 | + <view class="Commodity_money flex-vertical-between baseline"> | ||
| 52 | + <!-- 商品价格 --> | ||
| 53 | + <view class="flex-vertical xc-wc baseline"> | ||
| 54 | + <view class="fs20">￥</view> | ||
| 55 | + <view class="fs28">{{filter.toFix(item.goods_price,2)}}</view> | ||
| 56 | + </view> | ||
| 57 | + <view class="fs20">x{{item.goods_num}}</view> | ||
| 6 | </view> | 58 | </view> |
| 59 | + </view> | ||
| 7 | </view> | 60 | </view> |
| 8 | - </view> | ||
| 9 | - | ||
| 10 | - <view class="goods-container" wx:for="{{comments}}" wx:key="{{index}}"> | ||
| 11 | - <view class="goods-box"> | ||
| 12 | - <navigator class="goods-img" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> | ||
| 13 | - <image class="wh100" src="{{resourceUrl+item.original_img}}" binderror="bind_bnerr2" lazy-load="true" | ||
| 14 | - data-url="{{item.original_img}}" data-errorimg="comments[{{index}}].original_img"></image> | ||
| 15 | - </navigator> | ||
| 16 | - <navigator class="goods-desc" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> | ||
| 17 | - <view class="goods-name ellipsis-1">{{item.goods_name}}</view> | ||
| 18 | - <view class="goods-name ellipsis-1">{{item.spec_key_name}}</view> | ||
| 19 | - <view class="buy-time">购买时间：{{item.order_add_time}}</view> | ||
| 20 | - </navigator> | ||
| 21 | - <navigator class="comment-button change-order" hidden="{{!item.comment_id}}" url="/pages/user/order_detail/order_detail?order_id={{item.order_id}}"> | ||
| 22 | - <image class="button-icon" src="{{iurl}}/miniapp/images/c23.png"></image> 查看订单 | ||
| 23 | - </navigator> | ||
| 24 | - <view bindtap="comment" class="comment-button" data-recid="{{item.rec_id}}" hidden="{{item.comment_id}}"> | ||
| 25 | - <image class="button-icon" src="{{iurl}}/miniapp/images/co.png"></image> 评价商品 | 61 | + <!-- 评论信息 --> |
| 62 | + <view class="Commodity_evaluation padding border_bottom" wx:if="{{item.comment_id>0}}"> | ||
| 63 | + <!-- 评价星级 --> | ||
| 64 | + <view class="starss flex fs24"> | ||
| 65 | + <view class="commen">评价：</view> | ||
| 66 | + <view class="stars"> | ||
| 67 | + <image | ||
| 68 | + 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> | ||
| 26 | </view> | 69 | </view> |
| 70 | + </view> | ||
| 71 | + <!-- 评价内容 --> | ||
| 72 | + <view class="Comment_content ellipsis-2 fs24">{{item.content.length>0?item.content:'此用户没有填写评论,那么他为什么不评价呢,为什么不评价呢,为什么呢，我也不知道,你自己去问，去吧我也不知道，去吧，去吧'}}</view> | ||
| 73 | + <view class="Comment_images flex"> | ||
| 74 | + <image wx:if="{{item.source_type==0 && aitem.length>10}}" data-d="{{aitem}}" src="{{aitem}}" wx:for="{{item.img}}" wx:for-item="aitem"></image> | ||
| 75 | + <image wx:if="{{item.source_type==1 && aitem.length>10}}" src="{{aitem}}" data-d="{{aitem}}" wx:for="{{item.weapp_img}}" wx:for-item="aitem"></image> | ||
| 76 | + | ||
| 77 | + </view> | ||
| 78 | + <!-- 评价时间 --> | ||
| 79 | + <view class="fs24 xc-ash comment_addtime flex-vertical">{{item.comment_addtime}}</view> | ||
| 27 | </view> | 80 | </view> |
| 28 | - <view class="clear" hidden="{{!item.comment_id}}"> | ||
| 29 | - <view class="fview" >评价：<image class='start_c' src="{{iurl}}/miniapp/images/stars{{(item.deliver_rank+item.goods_rank+item.service_rank)/3}}.png"></image></view> | ||
| 30 | - <view>{{item.content}}</view> | 81 | + </view> |
| 82 | + <!-- 去评价 --> | ||
| 83 | + <view class="commodity_evaluate flex jc_sb padding baseline fs26"> | ||
| 84 | + <!-- 商品数量 --> | ||
| 85 | + <view class="commodity_smy flex"> | ||
| 86 | + <view>共{{item.goods_num}}件商品</view> | ||
| 87 | + <!-- 商品总价格 --> | ||
| 88 | + <view class="flex commodity_money"> | ||
| 89 | + <view>合计:</view> | ||
| 90 | + <view class="flex baseline xc-wc"> | ||
| 91 | + <view class="fs24">￥</view> | ||
| 92 | + <view>{{filter.toFix(item.goods_price,2)}}</view> | ||
| 93 | + </view> | ||
| 94 | + </view> | ||
| 31 | </view> | 95 | </view> |
| 96 | + <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}}"> | ||
| 97 | + <view>查看订单</view> | ||
| 98 | + </navigator> | ||
| 99 | + <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':'' "> | ||
| 100 | + <view class="fs24">去评价</view> | ||
| 101 | + </navigator> | ||
| 102 | + | ||
| 103 | + </view> | ||
| 104 | + | ||
| 105 | + | ||
| 106 | + | ||
| 107 | + | ||
| 108 | + | ||
| 32 | </view> | 109 | </view> |
| 33 | - | ||
| 34 | - <view class="no-data" wx:if="{{!comments||comments.length==0}}"> | ||
| 35 | - <image class="cart-image" src="{{iurl}}/miniapp/images/cart-null.png"></image> | ||
| 36 | - <view class="no-data-title">没有找到相关的记录</view> | ||
| 37 | - <navigator class="lookat" openType="switchTab" url="/pages/index/index/index"> 去逛逛 </navigator> | ||
| 38 | - </view> | ||
| 39 | -</view> | 110 | + |
| 111 | + | ||
| 112 | + </view> | ||
| 113 | + | ||
| 114 | + | ||
| 115 | +</view> | ||
| 40 | \ No newline at end of file | 116 | \ No newline at end of file |
pages/user/comment/comment.wxss
| 1 | +.padding { | ||
| 2 | + padding: 0rpx 27rpx; | ||
| 3 | +} | ||
| 4 | + | ||
| 5 | +.container { | ||
| 6 | + background-color: rgb(255, 255, 255); | ||
| 7 | +} | ||
| 8 | + | ||
| 1 | .type-navbar { | 9 | .type-navbar { |
| 2 | - white-space: nowrap; | ||
| 3 | - display: flex; | ||
| 4 | - width: 100%; | ||
| 5 | - height: 80rpx; | ||
| 6 | - background-color: #fff; | 10 | + white-space: nowrap; |
| 11 | + display: flex; | ||
| 12 | + height: 80rpx; | ||
| 13 | + background-color: #fff; | ||
| 14 | + border-top: 2rpx solid rgb(221, 221, 221); | ||
| 15 | + justify-content: space-between; | ||
| 16 | + color: rgb(51, 51, 51); | ||
| 7 | } | 17 | } |
| 8 | 18 | ||
| 9 | .type-box { | 19 | .type-box { |
| 10 | - width: 33.3333333333%; | ||
| 11 | - box-sizing: border-box; | ||
| 12 | - font-size: 32rpx; | ||
| 13 | - line-height: 76rpx; | ||
| 14 | - padding: 0 20rpx; | ||
| 15 | - text-align: center; | ||
| 16 | - display: inline-block; | ||
| 17 | - overflow: hidden; | 20 | + box-sizing: border-box; |
| 21 | + line-height: 76rpx; | ||
| 22 | + text-align: center; | ||
| 23 | + display: inline-block; | ||
| 24 | + overflow: hidden; | ||
| 18 | } | 25 | } |
| 19 | 26 | ||
| 20 | .type-navbar-item { | 27 | .type-navbar-item { |
| 21 | - border-bottom: 4rpx solid #fff; | 28 | + border-bottom: 4rpx solid #fff; |
| 22 | } | 29 | } |
| 23 | 30 | ||
| 24 | .type-item-on { | 31 | .type-item-on { |
| 25 | - border-bottom: 4rpx solid #e64340; | 32 | + /* width: 146rpx; */ |
| 33 | + border-bottom: 7rpx solid #e64340; | ||
| 34 | +} | ||
| 35 | + | ||
| 36 | +.border_bottom { | ||
| 37 | + border-bottom: 3rpx solid rgb(245, 245, 245); | ||
| 38 | +} | ||
| 39 | +/* 无评价 */ | ||
| 40 | + | ||
| 41 | +.noCollection image { | ||
| 42 | + width: 329rpx; | ||
| 43 | + height: 229rpx; | ||
| 44 | + margin-top: 202rpx; | ||
| 45 | +} | ||
| 46 | + | ||
| 47 | +.noCollection .xc-ash { | ||
| 48 | + margin-top: 10rpx; | ||
| 49 | + font-weight: 600px; | ||
| 50 | +} | ||
| 51 | + | ||
| 52 | +.noCollection navigator { | ||
| 53 | + margin-top: 60rpx; | ||
| 54 | + border-radius: 40rpx; | ||
| 55 | +} | ||
| 56 | + | ||
| 57 | +.noCollection navigator view { | ||
| 58 | + width: 247rpx; | ||
| 59 | + height: 56rpx; | ||
| 60 | + background-color: rgb(255, 72, 72); | ||
| 61 | + border-radius: 40rpx; | ||
| 62 | +} | ||
| 63 | + | ||
| 64 | +/* 待评价栏 */ | ||
| 65 | + | ||
| 66 | +.Commodity_number { | ||
| 67 | + height: 70rpx; | ||
| 68 | + border-top: 13rpx solid rgb(245, 245, 245); | ||
| 69 | +} | ||
| 70 | + | ||
| 71 | +/* 文字基线对齐 */ | ||
| 72 | + | ||
| 73 | +.baseline { | ||
| 74 | + display: flex; | ||
| 75 | + align-items: baseline; | ||
| 76 | +} | ||
| 77 | + | ||
| 78 | +/* 单个商品框架 */ | ||
| 79 | + | ||
| 80 | +.detail_commodity { | ||
| 81 | + height: 231rpx; | ||
| 82 | +} | ||
| 83 | + | ||
| 84 | +.detail_commodity image { | ||
| 85 | + width: 185rpx; | ||
| 86 | + height: 185rpx; | ||
| 26 | } | 87 | } |
| 27 | 88 | ||
| 28 | -.goods-container { | ||
| 29 | - /*--margin: 20rpx 0;--*/ | ||
| 30 | - margin-top: 20rpx; | ||
| 31 | - background-color: #fff; | 89 | +.detail_commodity .goods_name { |
| 90 | + width: 485rpx; | ||
| 91 | + /* height: 75rpx; */ | ||
| 92 | + line-height: 37rpx; | ||
| 32 | } | 93 | } |
| 33 | 94 | ||
| 34 | -.goods-box { | ||
| 35 | - | ||
| 36 | - position: relative; | ||
| 37 | - padding: 20rpx 30rpx 0; | ||
| 38 | - font-size: 28rpx; | ||
| 39 | - clear: both; | 95 | +.Commodity_content { |
| 96 | + height: 185rpx; | ||
| 97 | + margin-left: 21rpx; | ||
| 40 | } | 98 | } |
| 41 | 99 | ||
| 42 | -.goods-img { | ||
| 43 | - float: left; | ||
| 44 | - height: 100rpx; | ||
| 45 | - width: 100rpx; | 100 | +.Commodity_content .Commodity_goods { |
| 101 | + height: 150rpx; | ||
| 46 | } | 102 | } |
| 47 | 103 | ||
| 48 | -.goods-desc { | ||
| 49 | - float: left; | ||
| 50 | - width: 570rpx; | ||
| 51 | - margin-left: 20rpx; | 104 | +.Commodity_content .Commodity_money { |
| 105 | + font-size: 16rpx; | ||
| 52 | } | 106 | } |
| 53 | 107 | ||
| 54 | -.goods-name { | ||
| 55 | - height: 44rpx; | ||
| 56 | - line-height: 44rpx; | ||
| 57 | - overflow: hidden; | 108 | +/* 商品评价按钮框架 */ |
| 109 | + | ||
| 110 | +.commodity_evaluate { | ||
| 111 | + height: 110rpx; | ||
| 112 | + padding-top: 15rpx; | ||
| 58 | } | 113 | } |
| 59 | 114 | ||
| 60 | -.buy-time { | ||
| 61 | - margin-top: 20rpx; | ||
| 62 | - font-size: 26rpx; | ||
| 63 | - color: #b3b3b3; | 115 | +.commodity_evaluate .commodity_smy .commodity_money { |
| 116 | + margin-left: 29rpx; | ||
| 117 | + letter-spacing: 1rpx; | ||
| 64 | } | 118 | } |
| 65 | 119 | ||
| 66 | -.comment-button { | ||
| 67 | - font-size: 30rpx; | ||
| 68 | - color: #f23030; | ||
| 69 | - float: right; | ||
| 70 | - padding: 8rpx 10rpx; | ||
| 71 | - border: 1rpx #f23030 solid; | ||
| 72 | - margin-bottom: 20rpx; | 120 | +.commodity_evaluate .commodity_To_evaluate { |
| 121 | + width: 128rpx; | ||
| 122 | + height: 39rpx; | ||
| 123 | + border-radius: 9rpx; | ||
| 124 | +} | ||
| 125 | +.commodity_evaluate .commodity_To_evaluate view{ | ||
| 126 | + height: 39rpx; | ||
| 127 | + line-height: 39rpx; | ||
| 128 | +} | ||
| 129 | +.commodity_evaluate .comment_go{ | ||
| 130 | + margin-top: 10rpx; | ||
| 131 | + background-color: rgb(211, 28, 52); | ||
| 132 | + color: rgb(255, 255, 255); | ||
| 73 | } | 133 | } |
| 74 | 134 | ||
| 75 | -.change-order { | ||
| 76 | - color: #c2c2c2; | ||
| 77 | - border: 1rpx #c2c2c2 solid; | 135 | +.Commodity_spec { |
| 136 | + width: 106rpx; | ||
| 137 | + background-color: rgb(236, 236, 236); | ||
| 138 | + border-radius: 7rpx; | ||
| 139 | + font-size: 18rpx; | ||
| 140 | + margin-top: 10rpx; | ||
| 78 | } | 141 | } |
| 79 | 142 | ||
| 80 | -.button-icon { height: 26rpx; width: 26rpx;} | ||
| 81 | -.start_c{ | ||
| 82 | - height: 42rpx; width: 230rpx; | ||
| 83 | - top: 6rpx; position: relative; | 143 | +.Commodity_spec view { |
| 144 | + height: 28rpx; | ||
| 145 | + align-items: center; | ||
| 146 | +} | ||
| 147 | + | ||
| 148 | +.Commodity_evaluation .Comment_content { | ||
| 149 | + text-indent: 2em; | ||
| 150 | + color: rgb(153, 153, 153); | ||
| 151 | + letter-spacing: 1rpx; | ||
| 152 | +} | ||
| 153 | +.Commodity_evaluation .starss{ | ||
| 154 | + height: 58rpx; | ||
| 155 | + /* // line-height: 58rpx; */ | ||
| 156 | + align-items: center; | ||
| 157 | +} | ||
| 158 | +.Commodity_evaluation .commen{ | ||
| 159 | + height: 58rpx; | ||
| 160 | + line-height: 58rpx; | ||
| 161 | +} | ||
| 162 | +.Commodity_evaluation .starss .stars{ | ||
| 163 | + line-height: 58rpx; | ||
| 164 | +} | ||
| 165 | +.Commodity_evaluation .starss .stars image { | ||
| 166 | + width: 29rpx; | ||
| 167 | + height: 26rpx; | ||
| 168 | + margin-right: 5rpx; | ||
| 169 | +} | ||
| 170 | + | ||
| 171 | +.Commodity_evaluation .Comment_images image { | ||
| 172 | + width: 93rpx; | ||
| 173 | + height: 93rpx; | ||
| 174 | + margin-right: 8rpx; | ||
| 175 | + margin-top: 18rpx; | ||
| 176 | + border-radius: 4rpx; | ||
| 177 | +} | ||
| 178 | +.commodity_evaluate .View_evaluation{ | ||
| 179 | + border:2rpx solid rgb(179, 179, 179); | ||
| 180 | + color:rgb(0, 0, 0); | ||
| 181 | + background-color: rgb(255, 255, 255); | ||
| 182 | +} | ||
| 183 | +.comment_addtime{ | ||
| 184 | + height: 50rpx; | ||
| 84 | } | 185 | } |
| 85 | -.clear{clear: both; border-top: 1rpx solid #eee; font-size: 30rpx; padding-left: 30rpx} | ||
| 86 | -.clear view{margin-bottom: 10rpx;} | ||
| 87 | -.clear .fview{margin-top: 10rpx;} | ||
| 88 | \ No newline at end of file | 186 | \ No newline at end of file |
| 187 | +.title_width{ width: 146rpx; text-align:center } | ||
| 89 | \ No newline at end of file | 188 | \ No newline at end of file |