{"version":3,"sources":["webpack:///./src/assets/img/supplier/vip.png","webpack:///./src/views/supplier/SupplierStoreMain.vue?f0a5","webpack:///src/views/supplier/SupplierStoreMain.vue","webpack:///./src/views/supplier/SupplierStoreMain.vue?af28","webpack:///./src/views/supplier/SupplierStoreMain.vue","webpack:///./src/assets/img/supplier/attention.png","webpack:///./src/views/supplier/SupplierStoreMain.vue?f87e","webpack:///./src/components/index/GuessYouLike.vue?256f","webpack:///./src/components/index/GuessYouLike.vue?74ee","webpack:///src/components/index/GuessYouLike.vue","webpack:///./src/components/index/GuessYouLike.vue?c4d6","webpack:///./src/components/index/GuessYouLike.vue","webpack:///./src/assets/img/index/guessYouLikeHead.png","webpack:///./src/assets/img/supplier/logo/storeLogo.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","supplierLogoImgUrl","_v","_s","supplierName","isVip","productList","length","attention","isAttention","_e","attentionLoading","on","postSupplierStoreAttentionData","posterList","_l","item","index","key","style","productNo","announcement","productImgUrl","productName","salesCount","flightDensity","join","advantage","features","description","unitPrice","commentList","directives","name","rawName","value","expression","modifiers","domProps","$event","target","composing","content","trim","$forceUpdate","contentLoading","postCommentData","$avatarUrl","userDetail","userAvatar","class","vip","nickname","$moment","Number","postTime","format","isLikeHate","postLikeHateShare","commentId","staticRenderFns","component","_m","cardDataList","cardData","$bigData","productDate","model","callback","$$v","$set"],"mappings":"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","file":"distVue/js/chunk-2a676890.4e1ec97c.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAcCAMAAAAp1X2jAAAA0lBMVEUfICUoKS4XGRwrLjMbHB8VFRkmKCwrLjQVFRgbGx8hISEAAAAAAAAAAADmw6AZGh4bHSEXGBwnKC4gISYoKi8fICQhIycdHyMpKzEkJiolJywjJSoiJCkVFhkrLTLjwJ5xZFnevZuhi3bVtJW1m4Kvln6Ne2l3aFs0MzMvLS/bupnJq47Cpoq9oYaUgG5wYldrXlNeVE0rKSubhnKGdmZhV09ZUElFQD5AOzk6NzYUFRmpknunj3l7a199bF1LRD9IQz+ijHefinR9bmBTSkQ3NTcaylO4AAAADnRSTlMe6u3m5uaqqKimJwMMAVidud0AAAH5SURBVDjLbdRpc9owGARg0aQ524XYyK6NqSHmLIT7THP0/P9/KSsp8jtOsjPM8OGZZS0bq2t18bndbt+Y1JmGTRzHWuswDCMmy1qtJElqZ1dflPpELFy8Ln3WygxP09qVurBYdL1aHkaZa0+TNAjOFJe820JtveumJmd5GtTU/b3X0t3wS6z3OmCU1/VKuY5lOYe7csOr1ylT5FikvNn8kJdbiO11Ok6vPJ7m+ZPTizyfPPND/RMm+WQ9Cmy78CdgYpcnBbBcAv0wnMOnGAWO+yUjAAfDN5R6CMzCYxdlNkaT0zp/BwyoR13kBz0AHqPhrc3vfg70rP6myqtkYcETvwUGWj8AW3lahsLLYxkD+Bc/A8VKa/7ULznEv5xmddnO9IB1TLfgGRbA+DjvuMy6wPItb8yBHwvgjkee8mvUgaTXDKgdt7jeWOVAzhEsPwDTaCB6+p/dwt0N7YNZa/Id8GDuUd5lit4ju63+rjxmFuCGseHcNYimwF5u/ztu1wzts7IBOlkXGBNTM06T38ijNeOd18b/AXYj/lTiOHHJfTl9skysjo77/Wq83e68NuWOiy4f81Ae8+oU8qrmlpJTyxZq49XpR68WeVfIcKNP1KW02ymM7Wb7a7cfzpzztSRayt1wKXe6ptRXdXla0abc/futlvKTc3X9AmrTcLgAPc3sAAAAAElFTkSuQmCC\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('SJMMall',[_c('div',{staticClass:\"supplierStoreMainWrap\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"titleWrap\"},[_c('div',{staticClass:\"logoBox\"},[(_vm.supplierLogoImgUrl)?_c('img',{staticClass:\"logoImg\",attrs:{\"src\":_vm.supplierLogoImgUrl,\"alt\":\"\"}}):_c('img',{staticClass:\"logoImg\",attrs:{\"src\":require(\"@/assets/img/supplier/logo/storeLogo.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"supplierNameWrap\"},[_c('div',{staticClass:\"titleBox\"},[_c('div',{staticClass:\"tit\"},[_vm._v(_vm._s(_vm.supplierName))]),_c('div',{staticClass:\"vip\"},[_vm._v(_vm._s(_vm.isVip==='0'?'非会员':'会员'))])]),_c('div',{staticClass:\"supplierInfoBox\"},[_c('div',{staticClass:\"tit\"},[_vm._v(\"产品\")]),_c('div',{staticClass:\"count\"},[_vm._v(_vm._s(_vm.productList.length))]),_c('div',{staticClass:\"fragment\"}),_c('div',{staticClass:\"tit\"},[_vm._v(\"关注\")]),_c('div',{staticClass:\"count\"},[_vm._v(_vm._s(_vm.attention))])])]),(_vm.isAttention === '0')?_c('img',{staticClass:\"attentionTips\",attrs:{\"src\":require(\"@/assets/img/supplier/attention.png\"),\"alt\":\"\"}}):_vm._e(),_c('el-button',{staticClass:\"attentionBtn\",attrs:{\"type\":_vm.isAttention==='0'?'primary':'info',\"size\":\"small\",\"disabled\":_vm.attentionLoading},on:{\"click\":_vm.postSupplierStoreAttentionData}},[_vm._v(\" \"+_vm._s(_vm.isAttention==='0'?'关注':'已关注')+\" \")])],1),(_vm.posterList.length)?_c('div',{staticClass:\"posterWrap\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.posterList),function(item,index){return _c('a',{key:index,staticClass:\"swiper-slide\",style:((\"background-image:url('\" + (item.posterImgUrl) + \"');cursor:\" + (item.productNo?'pointer':'default'))),attrs:{\"href\":item.productNo?'/product/SmartProducts?productNo='+item.productNo:'javascript:void(0);',\"target\":item.productNo?'_blank':'_self'}})}),0),_c('div',{staticClass:\"swiper-pagination\"})]):_vm._e(),(_vm.announcement)?_c('div',{staticClass:\"announcementWrap\"},[_c('div',{staticClass:\"announcementBox\"},[_vm._v(_vm._s(_vm.announcement || '暂无公告！'))])]):_vm._e(),(_vm.productList.length)?_c('div',{staticClass:\"productListWrap\"},[_c('div',{staticClass:\"productListBox\"},_vm._l((_vm.productList),function(item,index){return _c('div',{key:index,staticClass:\"productBox\"},[_c('div',{staticClass:\"productInfoBox\"},[_c('div',{staticClass:\"productImgBox\"},[_c('img',{staticClass:\"productImg\",attrs:{\"src\":item.productImgUrl,\"alt\":\"\"}})]),_c('div',{staticClass:\"productContent\"},[_c('div',{staticClass:\"productName\"},[_vm._v(_vm._s(item.productName))]),_c('div',{staticClass:\"salesCount\"},[_vm._v(\" 已售\"+_vm._s(item.salesCount)+\" \")]),_c('div',{staticClass:\"contentList\"},[_c('div',{staticClass:\"contentItem\"},[_c('span',{staticClass:\"tit\"},[_vm._v(\"航班密度：\")]),_c('span',[_vm._v(_vm._s(item.flightDensity.join('/')))])]),_c('div',{staticClass:\"contentItem\"},[_c('span',{staticClass:\"tit\"},[_vm._v(\"产品优势：\")]),_c('span',[_vm._v(_vm._s(item.advantage))])]),_c('div',{staticClass:\"contentItem\"},[_c('span',{staticClass:\"tit\"},[_vm._v(\"产品特点：\")]),_c('span',[_vm._v(_vm._s(item.features))])]),_c('div',{staticClass:\"contentItem\"},[_c('span',{staticClass:\"tit\"},[_vm._v(\"产品描述：\")]),_c('span',[_vm._v(_vm._s(item.description))])])])])]),_c('div',{staticClass:\"operatingBox\"},[_c('div',{staticClass:\"priceBox\"},[_c('span',{staticClass:\"priceS\"},[_vm._v(\"¥\")]),_c('span',[_vm._v(_vm._s(item.unitPrice))]),_c('span',{staticClass:\"priceS\"},[_vm._v(\"/KG起\")])]),_c('a',{staticClass:\"buyBtn\",attrs:{\"href\":'/product/SmartProducts?productNo='+item.productNo,\"target\":\"_blank\"}},[_vm._v(\" 立即订舱 \")])])])}),0)]):_vm._e(),_c('GuessYouLike'),_c('div',{staticClass:\"commentWrap\"},[_c('div',{staticClass:\"commentWrapTit\"},[_c('span',[_vm._v(\"评论\")]),_c('span',{staticClass:\"count\"},[_vm._v(\"（\"+_vm._s(_vm.commentList.length)+\"）\")])]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.content),expression:\"content\",modifiers:{\"trim\":true}}],staticClass:\"textarea\",attrs:{\"placeholder\":\"请输入您的评论吧！\"},domProps:{\"value\":(_vm.content)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.content=$event.target.value.trim()},\"blur\":function($event){return _vm.$forceUpdate()}}}),_c('div',{staticClass:\"commentBtnBox\"},[_c('el-button',{staticClass:\"btn\",attrs:{\"disabled\":_vm.contentLoading,\"type\":\"primary\"},on:{\"click\":_vm.postCommentData}},[_vm._v(\"评论 \")])],1),_c('div',{staticClass:\"commentListBox\"},_vm._l((_vm.commentList),function(item,index){return _c('div',{key:index,staticClass:\"commentItem\"},[_c('div',{staticClass:\"avatarBox\"},[_c('img',{staticClass:\"avatar\",attrs:{\"src\":_vm.$avatarUrl(item.userDetail.userAvatar),\"alt\":\"\"}})]),_c('div',{staticClass:\"contentBox\"},[_c('div',{staticClass:\"username\",class:{vip:item.userDetail.isVip === '1'}},[_c('span',[_vm._v(_vm._s(item.userDetail.nickname))]),(item.userDetail.isVip === '1')?_c('img',{staticClass:\"vip\",attrs:{\"src\":require(\"@/assets/img/supplier/vip.png\"),\"alt\":\"\"}}):_vm._e()]),_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(item.content))])]),_c('div',{staticClass:\"operatingBox\"},[_c('div',{staticClass:\"date\"},[_vm._v(\" \"+_vm._s(_vm.$moment(Number(item.postTime)).format('YYYY-MM-DD HH:mm:ss'))+\" \")]),_c('div',{staticClass:\"btnBox\"},[(item.isLikeHate==='1')?_c('i',{staticClass:\"iconfont isLikeHate icon-dianzanxuanzhong\",on:{\"click\":function($event){return _vm.postLikeHateShare(item.commentId,index)}}}):_c('i',{staticClass:\"iconfont icon-dianzan-weixuanzhong\",on:{\"click\":function($event){return _vm.postLikeHateShare(item.commentId,index)}}})])])])}),0)])],1),(_vm.loading)?_c('SJMLoading'):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <SJMMall>\r\n        <div class=\"supplierStoreMainWrap\">\r\n            <div class=\"container\">\r\n                <div class=\"titleWrap\">\r\n                    <div class=\"logoBox\">\r\n                        <img v-if=\"supplierLogoImgUrl\"\r\n                             class=\"logoImg\"\r\n                             :src=\"supplierLogoImgUrl\"\r\n                             alt=\"\">\r\n                        <img v-else\r\n                             class=\"logoImg\"\r\n                             src=\"@/assets/img/supplier/logo/storeLogo.png\"\r\n                             alt=\"\">\r\n                    </div>\r\n                    <div class=\"supplierNameWrap\">\r\n                        <div class=\"titleBox\">\r\n                            <div class=\"tit\">{{supplierName}}</div>\r\n                            <div class=\"vip\">{{isVip==='0'?'非会员':'会员'}}</div>\r\n                        </div>\r\n                        <div class=\"supplierInfoBox\">\r\n                            <div class=\"tit\">产品</div>\r\n                            <div class=\"count\">{{productList.length}}</div>\r\n                            <div class=\"fragment\"></div>\r\n                            <div class=\"tit\">关注</div>\r\n                            <div class=\"count\">{{attention}}</div>\r\n                        </div>\r\n                    </div>\r\n                    <img v-if=\"isAttention === '0'\"\r\n                         class=\"attentionTips\"\r\n                         src=\"@/assets/img/supplier/attention.png\"\r\n                         alt=\"\">\r\n                    <el-button class=\"attentionBtn\"\r\n                               :type=\"isAttention==='0'?'primary':'info'\"\r\n                               size=\"small\"\r\n                               :disabled=\"attentionLoading\"\r\n                               @click=\"postSupplierStoreAttentionData\">\r\n                        {{isAttention==='0'?'关注':'已关注'}}\r\n                    </el-button>\r\n                </div>\r\n                <div v-if=\"posterList.length\" class=\"posterWrap\">\r\n                    <div class=\"swiper-wrapper\">\r\n                        <a v-for=\"(item,index) in posterList\"\r\n                           :key=\"index\"\r\n                           :href=\"item.productNo?'/product/SmartProducts?productNo='+item.productNo:'javascript:void(0);'\"\r\n                           class=\"swiper-slide\"\r\n                           :target=\"item.productNo?'_blank':'_self'\"\r\n                           :style=\"`background-image:url('${item.posterImgUrl}');cursor:${item.productNo?'pointer':'default'}`\"></a>\r\n                    </div>\r\n                    <div class=\"swiper-pagination\"></div>\r\n                </div>\r\n                <div v-if=\"announcement\" class=\"announcementWrap\">\r\n                    <div class=\"announcementBox\">{{announcement || '暂无公告！'}}</div>\r\n                </div>\r\n                <div v-if=\"productList.length\" class=\"productListWrap\">\r\n                    <div class=\"productListBox\">\r\n                        <div v-for=\"(item,index) in productList\"\r\n                             :key=\"index\"\r\n                             class=\"productBox\">\r\n                            <div class=\"productInfoBox\">\r\n                                <div class=\"productImgBox\">\r\n                                    <img class=\"productImg\"\r\n                                         :src=\"item.productImgUrl\"\r\n                                         alt=\"\">\r\n                                </div>\r\n                                <div class=\"productContent\">\r\n                                    <div class=\"productName\">{{item.productName}}</div>\r\n                                    <div class=\"salesCount\">\r\n                                        已售{{item.salesCount}}\r\n                                    </div>\r\n                                    <div class=\"contentList\">\r\n                                        <div class=\"contentItem\">\r\n                                            <span class=\"tit\">航班密度：</span>\r\n                                            <span>{{item.flightDensity.join('/')}}</span>\r\n                                        </div>\r\n                                        <div class=\"contentItem\">\r\n                                            <span class=\"tit\">产品优势：</span>\r\n                                            <span>{{item.advantage}}</span>\r\n                                        </div>\r\n                                        <div class=\"contentItem\">\r\n                                            <span class=\"tit\">产品特点：</span>\r\n                                            <span>{{item.features}}</span>\r\n                                        </div>\r\n                                        <div class=\"contentItem\">\r\n                                            <span class=\"tit\">产品描述：</span>\r\n                                            <span>{{item.description}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"operatingBox\">\r\n                                <div class=\"priceBox\">\r\n                                    <span class=\"priceS\">¥</span>\r\n                                    <span>{{item.unitPrice}}</span>\r\n                                    <span class=\"priceS\">/KG起</span>\r\n                                </div>\r\n                                <a :href=\"'/product/SmartProducts?productNo='+item.productNo\"\r\n                                   target=\"_blank\"\r\n                                   class=\"buyBtn\">\r\n                                    立即订舱\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <GuessYouLike></GuessYouLike>\r\n                <div class=\"commentWrap\">\r\n                    <div class=\"commentWrapTit\">\r\n                        <span>评论</span>\r\n                        <span class=\"count\">（{{commentList.length}}）</span>\r\n                    </div>\r\n                    <textarea v-model.trim=\"content\"\r\n                              class=\"textarea\"\r\n                              placeholder=\"请输入您的评论吧！\"></textarea>\r\n                    <div class=\"commentBtnBox\">\r\n                        <el-button :disabled=\"contentLoading\"\r\n                                   class=\"btn\"\r\n                                   type=\"primary\"\r\n                                   @click=\"postCommentData\">评论\r\n                        </el-button>\r\n                    </div>\r\n                    <div class=\"commentListBox\">\r\n                        <div v-for=\"(item,index) in commentList\"\r\n                             :key=\"index\"\r\n                             class=\"commentItem\">\r\n                            <div class=\"avatarBox\">\r\n                                <img class=\"avatar\"\r\n                                     :src=\"$avatarUrl(item.userDetail.userAvatar)\"\r\n                                     alt=\"\">\r\n                            </div>\r\n                            <div class=\"contentBox\">\r\n                                <div class=\"username\" :class=\"{vip:item.userDetail.isVip === '1'}\">\r\n                                    <span>{{item.userDetail.nickname}}</span>\r\n                                    <img v-if=\"item.userDetail.isVip === '1'\"\r\n                                         class=\"vip\"\r\n                                         src=\"@/assets/img/supplier/vip.png\"\r\n                                         alt=\"\">\r\n                                </div>\r\n                                <div class=\"content\">{{item.content}}</div>\r\n                            </div>\r\n                            <div class=\"operatingBox\">\r\n                                <div class=\"date\">\r\n                                    {{$moment(Number(item.postTime)).format('YYYY-MM-DD HH:mm:ss')}}\r\n                                </div>\r\n                                <div class=\"btnBox\">\r\n                                    <i v-if=\"item.isLikeHate==='1'\"\r\n                                       class=\"iconfont isLikeHate icon-dianzanxuanzhong\"\r\n                                       @click=\"postLikeHateShare(item.commentId,index)\"></i>\r\n                                    <i v-else\r\n                                       class=\"iconfont icon-dianzan-weixuanzhong\"\r\n                                       @click=\"postLikeHateShare(item.commentId,index)\"></i>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <SJMLoading v-if=\"loading\"></SJMLoading>\r\n        </div>\r\n    </SJMMall>\r\n</template>\r\n\r\n<script>\r\n\r\n    import GuessYouLike from '@/components/index/GuessYouLike.vue';// 猜你喜欢\r\n\r\n    export default {\r\n        name: 'SupplierStoreMain',// 供应商店铺主页\r\n        components: {\r\n            GuessYouLike,// 猜你喜欢\r\n        },\r\n        data() {\r\n            return {\r\n                loading: false,// 加载中\r\n                attentionLoading: false,// 关注加载中\r\n                posterSwiper: null,// 海报轮播图对象\r\n                content: '',// 想发表的评论\r\n                contentLoading: false,// 发表评论加载中\r\n\r\n                supplierId: this.$route.query.supplierId,// 供应商编号\r\n                previewID: this.$route.query.previewID,// 预览ID\r\n\r\n                supplierLogoImgUrl: '',// 供应商logoUrl\r\n                supplierName: '',// 供应商名称\r\n                isVip: '0',// 是否是会员 0-不是vip、1-是vip\r\n                attention: '',// 关注数\r\n                isAttention: '0',// 是否已关注 0-未关注、1-已关注\r\n                // 海报图列表\r\n                posterList: [],\r\n                // 公告\r\n                announcement: '',\r\n                // 产品列表\r\n                productList: [],\r\n                // 评论列表\r\n                commentList: [],\r\n            };\r\n        },\r\n        computed: {\r\n            // 登录数据\r\n            loginData() {\r\n                return this.$store.state.Login.loginData;\r\n            }\r\n        },\r\n        created() {\r\n\r\n            if (!this.supplierId) {\r\n                this.$router.push('/');\r\n                return;\r\n            }\r\n\r\n            // 获取供应商店铺主页的数据\r\n            this.getSupplierStoreIndexData();\r\n            // 获取供应商店铺主页评论的数据\r\n            this.getSupplierStoreIndexCommentData();\r\n        },\r\n        beforeDestroy() {\r\n            // 卸载轮播图\r\n            if (this.posterSwiper) {\r\n                this.posterSwiper.destroy();\r\n            }\r\n        },\r\n        methods: {\r\n            // 获取供应商店铺主页的数据\r\n            getSupplierStoreIndexData() {\r\n                this.$ajax({\r\n                    url: '/SupplierMainHandler/SupplierMainHandler.ashx',\r\n                    data: {\r\n                        act: 'getSupplierStoreIndexData',// 获取供应商店铺主页的数据\r\n                        supplierId: this.supplierId,// 供应商店铺ID\r\n                        previewID: this.previewID || '',// 预览ID（仅预览）\r\n                        type: this.previewID ? '0' : '1',// 类型 0-预览、1-正式\r\n                    },\r\n                    beforeSend: () => {\r\n                        this.loading = true;\r\n                    },\r\n                    success: async (res) => {\r\n                        this.supplierLogoImgUrl = res.success.supplierLogoImgUrl;// 供应商logoUrl\r\n                        this.supplierName = res.success.supplierName;// 供应商名称\r\n                        this.isVip = res.success.isVip;// 是否是会员 0-不是vip、1-是vip\r\n                        this.attention = res.success.attention;// 关注数\r\n                        this.isAttention = res.success.isAttention;// 是否已关注 0-未关注、1-已关注\r\n                        // 海报图列表\r\n                        this.posterList = res.success.posterList;\r\n                        // 公告\r\n                        this.announcement = res.success.announcement;\r\n                        // 产品列表\r\n                        this.productList = res.success.productList;\r\n\r\n                        // 绑定title\r\n                        document.title = this.supplierName + ' - 三脚猫电商';\r\n\r\n                        if (this.posterList.length) {\r\n                            await this.$nextTick();\r\n                            // 渲染广告图\r\n                            this.posterRenderer();\r\n                        }\r\n                    },\r\n                    complete: () => {\r\n                        this.loading = false;\r\n                    },\r\n                });\r\n            },\r\n            // 获取供应商店铺主页评论的数据\r\n            getSupplierStoreIndexCommentData() {\r\n                this.$ajax({\r\n                    url: '/SupplierMainHandler/CommentHandler.ashx',\r\n                    data: {\r\n                        act: 'getSupplierStoreIndexCommentData',// 获取供应商店铺主页评论的数据\r\n                        supplierId: this.supplierId,// 供应商店铺ID\r\n                    },\r\n                    success: (res) => {\r\n                        this.commentList = res.success.commentList;\r\n                    }\r\n                });\r\n            },\r\n            // 提交供应商店铺关注的数据\r\n            postSupplierStoreAttentionData() {\r\n                // 未登录 打开登录弹窗\r\n                if (!this.loginData.loginType) {\r\n                    this.$showLogin();\r\n                    return;\r\n                }\r\n                this.$ajax({\r\n                    url: '/SupplierMainHandler/SupplierMainHandler.ashx',\r\n                    data: {\r\n                        act: 'postSupplierStoreAttentionData',// 提交供应商店铺关注的数据\r\n                        supplierId: this.supplierId,// 供应商店铺ID\r\n                    },\r\n                    beforeSend: () => {\r\n                        this.attentionLoading = true;\r\n                    },\r\n                    success: (res) => {\r\n                        // 改变本地关注状态\r\n                        this.isAttention = res.success.type;\r\n                    },\r\n                    complete: () => {\r\n                        this.attentionLoading = false;\r\n                    }\r\n                });\r\n            },\r\n            // 提交供应商评论的数据\r\n            postCommentData() {\r\n                // 未登录 打开登录弹窗\r\n                if (!this.loginData.loginType) {\r\n                    this.$showLogin();\r\n                    return;\r\n                }\r\n\r\n                if (!this.content) {\r\n                    return;\r\n                }\r\n\r\n                this.$ajax({\r\n                    url: '/CargoClubHandler/CommentHandler.ashx',\r\n                    data: {\r\n                        act: 'postCommentData',// 提交评论\r\n                        contentId: this.supplierId,// 内容id 帖子id 供应商店铺id\r\n                        contentType: '9',// 内容类型 8-用户帖子、9-供应商店铺评论\r\n                        rootCommentId: '0',// 根评论id 一级评论为0，非一级评论为 对应的根评论id\r\n                        fatherCommentId: '0',// 父评论id 一级评论为0，非一级评论为 对应的父评论id\r\n                        content: this.content,// 评论内容\r\n                        imageList: JSON.stringify([]),// 图片Id数组，没有传空数组\r\n                    },\r\n                    beforeSend: () => {\r\n                        this.contentLoading = true;\r\n                    },\r\n                    success: () => {\r\n                        this.content = '';\r\n                        this.$Message({\r\n                            msg: '评论成功！',\r\n                            type: 'success',\r\n                        });\r\n                        // 获取供应商店铺主页评论的数据\r\n                        this.getSupplierStoreIndexCommentData();\r\n                    },\r\n                    complete: () => {\r\n                        this.contentLoading = false;\r\n                    },\r\n                });\r\n            },\r\n            // 提交评论点赞的数据\r\n            postLikeHateShare(commentId, index) {\r\n                // 未登录 打开登录弹窗\r\n                if (!this.loginData.loginType) {\r\n                    this.$showLogin();\r\n                    return;\r\n                }\r\n                this.$ajax({\r\n                    url: '/CargoClubHandler/CommentHandler.ashx',\r\n                    data: {\r\n                        act: 'postLikeHateShare',// 提交点赞_点踩_分享\r\n                        actionType: '0',// 动作类型 0-点赞、1-点踩、2-分享\r\n                        contentId: commentId,// 内容id\r\n                        contentType: '9',// 内容类型 3-评论、8-用户帖子、9-供应商店铺评论\r\n                    },\r\n                    success: (res) => {\r\n                        this.$set(this.commentList, index, {\r\n                            ...this.commentList[index],\r\n                            isLikeHate: res.success.isLikeHate\r\n                        });\r\n                    }\r\n                });\r\n            },\r\n\r\n            // 渲染广告图\r\n            posterRenderer() {\r\n                this.posterSwiper = new this.$swiper('.posterWrap', {\r\n                    pagination: '.posterWrap .swiper-pagination',\r\n                    paginationClickable: true,\r\n                    centeredSlides: true,\r\n                    slidesPerView: 'auto',\r\n                    speed: 1000,\r\n                    loop: true,\r\n                    autoplay: 4000,\r\n                });\r\n            },\r\n        }\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .supplierStoreMainWrap {\r\n        position: relative;\r\n        width: 100%;\r\n        min-width: 1245px;\r\n        overflow: hidden;\r\n        background-color: #f3f3f4;\r\n\r\n        .container {\r\n            position: relative;\r\n            width: 1245px;\r\n            padding-bottom: 15px;\r\n            margin: 0 auto;\r\n\r\n            .titleWrap {\r\n                position: relative;\r\n                display: flex;\r\n                height: 160px;\r\n                margin-bottom: 15px;\r\n                background-color: white;\r\n\r\n                .logoBox {\r\n                    position: relative;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    width: 80px;\r\n                    height: 100%;\r\n                    padding-left: 40px;\r\n\r\n                    .logoImg {\r\n                        position: relative;\r\n                        width: 80px;\r\n                        height: 80px;\r\n                        border-radius: 50%;\r\n                    }\r\n                }\r\n\r\n                .supplierNameWrap {\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: center;\r\n                    margin-left: 20px;\r\n\r\n                    .titleBox {\r\n                        display: flex;\r\n                        margin-bottom: 26px;\r\n\r\n                        .tit {\r\n                            margin-right: 15px;\r\n                            font-size: 20px;\r\n                            color: #1a1a1a;\r\n                        }\r\n\r\n                        .vip {\r\n                            display: flex;\r\n                            align-items: center;\r\n                            padding: 0 10px;\r\n                            color: #29abe2;\r\n                            border: 1px solid #29abe2;\r\n                            border-radius: 2px;\r\n                        }\r\n                    }\r\n\r\n                    .supplierInfoBox {\r\n                        display: flex;\r\n                        align-items: center;\r\n\r\n                        .tit {\r\n                            margin-right: 10px;\r\n                            font-size: 16px;\r\n                            color: #1a1a1a;\r\n                        }\r\n\r\n                        .count {\r\n                            font-size: 24px;\r\n                            color: #29abe2;\r\n                        }\r\n\r\n                        .fragment {\r\n                            width: 2px;\r\n                            height: 21px;\r\n                            margin: 0 30px;\r\n                            background-color: #d8d8d8;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .attentionTips {\r\n                    position: absolute;\r\n                    top: 37px;\r\n                    right: 61px;\r\n                    width: 260px;\r\n                }\r\n\r\n                .attentionBtn {\r\n                    position: absolute;\r\n                    top: 93px;\r\n                    right: 141px;\r\n                    width: 100px;\r\n                }\r\n            }\r\n\r\n            .posterWrap {\r\n                position: relative;\r\n                width: 100%;\r\n                height: 452px;\r\n                margin-bottom: 15px;\r\n                overflow: hidden;\r\n            }\r\n\r\n            .announcementWrap {\r\n                position: relative;\r\n                width: 100%;\r\n                height: 300px;\r\n                margin-bottom: 15px;\r\n                overflow: hidden;\r\n                background-image: url(\"~@/assets/img/supplier/announcementBg.png\");\r\n                background-size: 100%;\r\n\r\n                .announcementBox {\r\n                    position: relative;\r\n                    width: 840px;\r\n                    height: 122px;\r\n                    padding-top: 146px;\r\n                    margin: 0 auto;\r\n                    overflow: hidden;\r\n                    font-size: 30px;\r\n                    color: #e02020;\r\n                    word-break: break-all;\r\n                }\r\n            }\r\n\r\n            .productListWrap {\r\n                position: relative;\r\n                padding: 30px 0;\r\n                margin-bottom: 15px;\r\n                background-color: #e02020;\r\n\r\n                .productListBox {\r\n                    position: relative;\r\n                    box-sizing: border-box;\r\n                    width: 925px;\r\n                    padding: 30px;\r\n                    margin: 0 auto;\r\n                    background-color: white;\r\n\r\n                    .productBox {\r\n                        position: relative;\r\n                        width: 100%;\r\n                        padding-bottom: 43px;\r\n\r\n                        .productInfoBox {\r\n                            display: flex;\r\n                            width: 100%;\r\n                            margin-bottom: 34px;\r\n\r\n                            .productImgBox {\r\n                                position: relative;\r\n                                width: 276px;\r\n                                height: 170px;\r\n                                margin-right: 20px;\r\n\r\n                                .productImg {\r\n                                    width: 100%;\r\n                                    height: 100%;\r\n                                    border-radius: 4px;\r\n                                }\r\n                            }\r\n\r\n                            .productContent {\r\n                                position: relative;\r\n                                flex: 1;\r\n\r\n                                .productName {\r\n                                    margin-bottom: 16px;\r\n                                    font-size: 28px;\r\n                                    color: #1a1a1a;\r\n                                }\r\n\r\n                                .salesCount {\r\n                                    position: absolute;\r\n                                    top: 0;\r\n                                    right: 0;\r\n                                    padding: 4px 9px;\r\n                                    color: #e02020;\r\n                                    border: 1px solid #e02020;\r\n                                    border-radius: 2px;\r\n                                }\r\n\r\n                                .contentList {\r\n                                    position: relative;\r\n                                    box-sizing: border-box;\r\n                                    padding: 10px;\r\n                                    background-color: #f6f6f6;\r\n\r\n                                    .contentItem {\r\n                                        position: relative;\r\n                                        margin-bottom: 7px;\r\n                                        color: #717071;\r\n                                        word-break: break-all;\r\n\r\n                                        .tit {\r\n                                            color: #1a1a1a;\r\n                                        }\r\n\r\n                                        &:last-child {\r\n                                            margin-bottom: 0;\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n\r\n                        .operatingBox {\r\n                            position: relative;\r\n                            display: flex;\r\n                            align-items: center;\r\n                            justify-content: flex-end;\r\n\r\n                            .priceBox {\r\n                                position: relative;\r\n                                font-size: 36px;\r\n                                color: #e02020;\r\n\r\n                                .priceS {\r\n                                    font-size: 24px;\r\n                                }\r\n                            }\r\n\r\n                            .buyBtn {\r\n                                position: relative;\r\n                                display: flex;\r\n                                align-items: center;\r\n                                justify-content: center;\r\n                                width: 300px;\r\n                                height: 44px;\r\n                                margin-left: 77px;\r\n                                font-size: 18px;\r\n                                color: white;\r\n                                cursor: pointer;\r\n                                background-color: #e02020;\r\n                                border-radius: 4px;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .commentWrap {\r\n                position: relative;\r\n                box-sizing: border-box;\r\n                width: 100%;\r\n                padding: 20px;\r\n                background-color: white;\r\n\r\n                .commentWrapTit {\r\n                    margin-bottom: 20px;\r\n                    font-size: 16px;\r\n                    color: #1a1a1a;\r\n\r\n                    .count {\r\n                        color: #7f7f80;\r\n                    }\r\n                }\r\n\r\n                .textarea {\r\n                    box-sizing: border-box;\r\n                    width: 100%;\r\n                    height: 126px;\r\n                    padding: 10px;\r\n                    margin-bottom: 20px;\r\n                    resize: none;\r\n                    background-color: #f6f6f6;\r\n                    border: none;\r\n                    border-radius: 10px;\r\n                }\r\n\r\n                .commentBtnBox {\r\n                    display: flex;\r\n                    justify-content: flex-end;\r\n                    margin-bottom: 20px;\r\n\r\n                    .btn {\r\n                        width: 100px;\r\n                    }\r\n                }\r\n\r\n                .commentListBox {\r\n                    position: relative;\r\n\r\n                    .commentItem {\r\n                        position: relative;\r\n                        box-sizing: border-box;\r\n                        display: flex;\r\n                        width: 100%;\r\n                        padding: 20px;\r\n                        margin-bottom: 15px;\r\n                        background-color: #f6f6f6;\r\n                        border-radius: 10px;\r\n\r\n                        .avatarBox {\r\n                            width: 70px;\r\n                            height: 70px;\r\n\r\n                            .avatar {\r\n                                width: 100%;\r\n                                height: 100%;\r\n                                border-radius: 50%;\r\n                            }\r\n                        }\r\n\r\n                        .contentBox {\r\n                            position: relative;\r\n                            width: 812px;\r\n                            margin-left: 20px;\r\n\r\n                            .username {\r\n                                display: flex;\r\n                                align-items: center;\r\n                                margin-bottom: 10px;\r\n                                font-size: 16px;\r\n                                color: #1a1a1a;\r\n\r\n                                &.vip {\r\n                                    color: #daa070;\r\n                                }\r\n\r\n                                .vip {\r\n                                    width: 23px;\r\n                                    height: 14px;\r\n                                    margin-left: 10px;\r\n                                }\r\n                            }\r\n\r\n                            .content {\r\n                                width: 100%;\r\n                                color: #4d4d4d;\r\n                                word-break: break-all;\r\n                            }\r\n                        }\r\n\r\n                        .operatingBox {\r\n                            display: flex;\r\n                            flex: 1;\r\n                            flex-direction: column;\r\n                            align-items: flex-end;\r\n\r\n                            .date {\r\n                                color: #7f7f80;\r\n                            }\r\n\r\n                            .btnBox {\r\n                                margin-top: 33px;\r\n\r\n                                i.iconfont {\r\n                                    font-size: 33px;\r\n                                    cursor: pointer;\r\n\r\n                                    &.isLikeHate {\r\n                                        color: #e78b00;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SupplierStoreMain.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SupplierStoreMain.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SupplierStoreMain.vue?vue&type=template&id=14694e38&scoped=true&\"\nimport script from \"./SupplierStoreMain.vue?vue&type=script&lang=js&\"\nexport * from \"./SupplierStoreMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SupplierStoreMain.vue?vue&type=style&index=0&id=14694e38&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"14694e38\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"distVue/img/attention.91bd54c3.png\";","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SupplierStoreMain.vue?vue&type=style&index=0&id=14694e38&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SupplierStoreMain.vue?vue&type=style&index=0&id=14694e38&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GuessYouLike.vue?vue&type=style&index=0&id=42ced497&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GuessYouLike.vue?vue&type=style&index=0&id=42ced497&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"guessYouLike\"},[_vm._m(0),_c('div',{staticClass:\"guessYouLikeBdMod\"},[(_vm.cardDataList.length!==0)?_c('div',{staticClass:\"guessYouLikeBd\"},[_c('div',{staticClass:\"cardLists\"},_vm._l((_vm.cardDataList),function(cardData,index){return _c('div',{key:index,staticClass:\"cardItem\"},[_c('a',{attrs:{\"href\":(\"/product/SmartProducts?productNo=\" + (cardData.productNo) + \"&productDate=\" + (cardData.productDate)),\"target\":\"_blank\"},on:{\"click\":function($event){return _vm.$bigData('猜你喜欢-产品','猜你喜欢-产品',cardData.productNo+'+'+cardData.productDate)}}},[_c('div',{staticClass:\"itemTop\"},[_c('ProductCard',{attrs:{\"cardData\":cardData}})],1),_c('div',{staticClass:\"itemBot\"},[_c('div',{staticClass:\"compositeAppraisal\"},[_vm._v(\"综合评价 \"),_c('el-rate',{attrs:{\"disabled\":\"\",\"text-color\":\"#ff9900\"},model:{value:(cardData.comprehensiveEvaluation),callback:function ($$v) {_vm.$set(cardData, \"comprehensiveEvaluation\", $$v)},expression:\"cardData.comprehensiveEvaluation\"}})],1),_c('div',{staticClass:\"salesVolume\",attrs:{\"title\":'销量 '+cardData.salesCount}},[_c('span',[_vm._v(\"销量\")]),_c('span',{staticClass:\"number\"},[_vm._v(_vm._s(cardData.salesCount))])])])])])}),0)]):_c('NoData'),(_vm.isShowLoading)?_c('SJMLoading'):_vm._e()],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"guessYouLikeHd\"},[_c('img',{staticClass:\"guessYouLikeHdImg\",attrs:{\"src\":require(\"@/assets/img/index/guessYouLikeHead.png\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"guessYouLike\">\r\n        <div class=\"guessYouLikeHd\">\r\n            <img class=\"guessYouLikeHdImg\"\r\n                 src=\"@/assets/img/index/guessYouLikeHead.png\"\r\n                 alt=\"\">\r\n        </div>\r\n        <div class=\"guessYouLikeBdMod\">\r\n            <div v-if=\"cardDataList.length!==0\" class=\"guessYouLikeBd\">\r\n                <div class=\"cardLists\">\r\n                    <div v-for=\"(cardData,index) in cardDataList\"\r\n                         :key=\"index\"\r\n                         class=\"cardItem\">\r\n                        <a :href=\"`/product/SmartProducts?productNo=${cardData.productNo}&productDate=${cardData.productDate}`\"\r\n                           target=\"_blank\"\r\n                           @click=\"$bigData('猜你喜欢-产品','猜你喜欢-产品',cardData.productNo+'+'+cardData.productDate)\">\r\n                            <div class=\"itemTop\">\r\n                                <ProductCard :cardData=\"cardData\"></ProductCard>\r\n                            </div>\r\n                            <div class=\"itemBot\">\r\n                                <div class=\"compositeAppraisal\">综合评价\r\n                                    <el-rate v-model=\"cardData.comprehensiveEvaluation\"\r\n                                             disabled\r\n                                             text-color=\"#ff9900\">\r\n                                    </el-rate>\r\n                                </div>\r\n                                <div class=\"salesVolume\" :title=\"'销量 '+cardData.salesCount\">\r\n                                    <span>销量</span><span class=\"number\">{{cardData.salesCount}}</span>\r\n                                </div>\r\n                            </div>\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NoData v-else></NoData>\r\n            <SJMLoading v-if=\"isShowLoading\"></SJMLoading>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import ProductCard from '@/components/ProductCard.vue';\r\n\r\n    export default {\r\n        name: 'GuessYouLike',// 猜你喜欢\r\n        components: {\r\n            ProductCard,\r\n        },\r\n        data() {\r\n            return {\r\n                // 产品卡片数组\r\n                cardDataList: [],\r\n                // 加载中\r\n                isShowLoading: false\r\n            };\r\n        },\r\n        created() {\r\n            // 获取猜你喜欢的数据\r\n            this.getGuessYouLikeData();\r\n        },\r\n        methods: {\r\n            // 获取猜你喜欢数据\r\n            getGuessYouLikeData() {\r\n                this.$ajax({\r\n                    url: '/HomeHandler/GuessYouLikeHandler.ashx',\r\n                    data: {\r\n                        act: 'get2019IndexGuessYouLikeData'// 获取猜你喜欢的数据\r\n                    },\r\n                    beforeSend: () => {\r\n                        // 加载中添加\r\n                        this.isShowLoading = true;\r\n                    },\r\n                    success: (res) => {\r\n                        // 产品卡片数组\r\n                        this.cardDataList = res.success.productList;\r\n                        if (this.cardDataList.length !== 0) {\r\n                            // 将综合评价的字符串转成数字\r\n                            this.cardDataList.map((item) => {\r\n                                item.comprehensiveEvaluation = Number(item.comprehensiveEvaluation);\r\n                            });\r\n                        }\r\n                    },\r\n                    complete: () => {\r\n                        // 加载中移除\r\n                        this.isShowLoading = false;\r\n                    }\r\n                });\r\n            }\r\n        }\r\n\r\n    };\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n    .guessYouLike {\r\n        position: relative;\r\n        box-sizing: border-box;\r\n        max-width: 1245px;\r\n        min-height: 250px;\r\n        padding: 30px 25px 11px;\r\n        margin: 0 auto;\r\n        background-color: #fff;\r\n\r\n        .guessYouLikeHd {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 0 0 30px 0;\r\n            font-size: 16px;\r\n            color: #1a1a1a;\r\n\r\n            .guessYouLikeHdImg {\r\n                width: 496px;\r\n            }\r\n        }\r\n\r\n        .guessYouLikeBdMod {\r\n            position: relative;\r\n            min-height: 196px;\r\n\r\n            .guessYouLikeBd {\r\n                .cardLists {\r\n                    .cardItem {\r\n                        display: inline-block;\r\n                        width: 226px;\r\n                        padding: 20px 48px 0 48px;\r\n                        border-right: 1px dashed #c8c8c8;\r\n\r\n                        &:nth-child(4n-3) {\r\n                            padding-left: 0;\r\n                        }\r\n\r\n                        &:nth-child(4n) {\r\n                            padding-right: 0;\r\n                            padding-left: 47px;\r\n                            border-right: none;\r\n                        }\r\n\r\n                        &:last-child {\r\n                            padding-right: 0;\r\n                            border-right: none;\r\n                        }\r\n\r\n                        > a {\r\n                            &:hover .itemTop {\r\n                                box-shadow: 0 7px 21px rgba(0, 0, 0, 0.25);\r\n                            }\r\n                        }\r\n\r\n                        .itemTop {\r\n                            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);\r\n                            transition: all 0.2s linear;\r\n                        }\r\n\r\n                        .itemBot {\r\n                            display: flex;\r\n                            justify-content: space-between;\r\n                            width: 226px;\r\n                            margin: 12px 0 0;\r\n                            font-size: 12px;\r\n\r\n                            .compositeAppraisal {\r\n                                display: flex;\r\n\r\n                                /deep/ .el-rate {\r\n                                    margin-left: 2px;\r\n\r\n                                    > span {\r\n                                        margin-top: 2px;\r\n                                    }\r\n\r\n                                    i {\r\n                                        margin-right: 1px;\r\n                                        font-size: 12px;\r\n                                        transform: scale(1.2);\r\n                                    }\r\n                                }\r\n                            }\r\n\r\n                            .salesVolume {\r\n                                span {\r\n                                    display: inline-block;\r\n                                    overflow: hidden;\r\n                                }\r\n\r\n                                > span.number {\r\n                                    max-width: 40px;\r\n                                    margin: 0 0 0 2px;\r\n                                    text-overflow: ellipsis;\r\n                                    white-space: nowrap;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GuessYouLike.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GuessYouLike.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GuessYouLike.vue?vue&type=template&id=42ced497&scoped=true&\"\nimport script from \"./GuessYouLike.vue?vue&type=script&lang=js&\"\nexport * from \"./GuessYouLike.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GuessYouLike.vue?vue&type=style&index=0&id=42ced497&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"42ced497\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"distVue/img/guessYouLikeHead.7bf50bef.png\";","module.exports = __webpack_public_path__ + \"distVue/img/storeLogo.18197704.png\";"],"sourceRoot":""}