{"version":3,"sources":["webpack:///./src/views/artist/index.vue?0348","webpack:///src/views/artist/index.vue","webpack:///./src/views/artist/index.vue?7f69","webpack:///./src/views/artist/index.vue","webpack:///./src/views/artist/index.vue?45f7","webpack:///./src/model/artist.js","webpack:///./src/components/artist.vue?f06b","webpack:///src/components/artist.vue","webpack:///./src/components/artist.vue?995c","webpack:///./src/components/artist.vue","webpack:///./src/components/artist.vue?62c9"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","collect","list","staticRenderFns","name","data","pageIndex","pageSize","components","Artist","created","getAllArtist","methods","Promise","resolve","reject","artistAPI","allArtist","CustomerId","_this","user","PageIndex","PageSize","res","$router","push","component","ArtistAPI","param","request","url","method","Http","swiper","_e","_l","item","index","key","style","_s","ArtistName","ProductCount","LikeCount","IsLike","$event","handleAddArtlike","ID","path","query","id","swiperOption","headimg","Photo","Realname","productcount","fanscount","islike","slot","props","type","Array","default","Boolean","Object","spaceBetween","slidesPerView","pagination","autoplay","autoplayDisableOnInteraction","watchSlidesProgress","observer","observeParents","swiperSlide","console","log","addLike","then","$message","message"],"mappings":"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","file":"js/chunk-14038b16.c3f020f1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-container\"},[_c('div',{staticClass:\"artist-hd\"},[_c('div',{staticClass:\"blockquote\"},[_vm._v(\" 下一个艺术大师就是你 \")]),_c('div',{staticClass:\"arrow-dowm\"}),_c('el-button',{staticClass:\"renzheng\",attrs:{\"type\":\"success\",\"plain\":\"\"},on:{\"click\":_vm.collect}},[_vm._v(\"立即认证\")])],1),_c('div',{staticClass:\"artist-bd\"},[_c('Artist',{attrs:{\"list\":_vm.list}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"page-container\">\r\n    <div class=\"artist-hd\">\r\n      <div class=\"blockquote\">\r\n        下一个艺术大师就是你\r\n      </div>\r\n      <div class=\"arrow-dowm\"></div>\r\n      <el-button type=\"success\" class=\"renzheng\" @click=\"collect\" plain>立即认证</el-button>\r\n    </div>\r\n    <div class=\"artist-bd\">\r\n      <Artist :list=\"list\"></Artist>\r\n    </div>\r\n  </div>\r\n</template>\r\n<style lang=\"scss\" scoped>\r\n@font-face {\r\n  font-family: \"FontAwesome\";\r\n  src: url(../../assets/fonts/fontawesome-webfont.eot?v=4.1.0);\r\n  src: url(../../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0)\r\n      format(\"embedded-opentype\"),\r\n    url(../../assets/fonts/fontawesome-webfont.woff?v=4.1.0) format(\"woff\"),\r\n    url(../../assets/fonts/fontawesome-webfont.ttf?v=4.1.0) format(\"truetype\"),\r\n    url(../../assets/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular)\r\n      format(\"svg\");\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n.artist-hd {\r\n  padding: 20px;\r\n  text-align: center;\r\n}\r\n.blockquote {\r\n  width: 328px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  margin: 15px auto;\r\n  padding: 5px 15px 10px;\r\n  font-size: 24px;\r\n  position: relative;\r\n}\r\n.blockquote:before {\r\n  position: absolute;\r\n  left: 0;\r\n  display: inline-block;\r\n  font-family: FontAwesome;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  line-height: 1;\r\n  -webkit-font-smoothing: antialiased;\r\n  color: #c4c4c4;\r\n  text-indent: 0;\r\n  margin-top: -10px;\r\n  content: \"\\f10d\";\r\n}\r\n\r\n.blockquote::after {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  display: inline-block;\r\n  font-family: FontAwesome;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  line-height: 1;\r\n  -webkit-font-smoothing: antialiased;\r\n  color: #c4c4c4;\r\n  text-indent: 0;\r\n  margin-bottom: -10px;\r\n  content: \"\\f10e\";\r\n}\r\n\r\n.arrow-dowm {\r\n  text-align: center;\r\n  font-size: 50px;\r\n}\r\n\r\n.arrow-dowm::before {\r\n  display: inline-block;\r\n  font-family: FontAwesome;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  line-height: 1;\r\n  -webkit-font-smoothing: antialiased;\r\n  content: \"\\f063\";\r\n}\r\n.renzheng {\r\n  display: inline-block;\r\n  text-align: center;\r\n}\r\n</style>\r\n<script>\r\nimport Artist from '../../components/artist.vue'\r\nimport {\r\n  ArtistAPI\r\n} from \"../../model/artist.js\";\r\nlet artistAPI = new ArtistAPI();\r\nexport default {\r\n  name: 'index',\r\n  data() {\r\n    return {\r\n      pageIndex: 1,\r\n      pageSize: 50,\r\n      list: []\r\n    }\r\n  },\r\n  components: {\r\n    Artist\r\n  },\r\n  created() {\r\n    this.getAllArtist()\r\n  },\r\n  methods: {\r\n    getAllArtist() {\r\n      let _this = this;\r\n      return new Promise(function (resolve, reject) {\r\n        artistAPI.allArtist({\r\n          CustomerId: _this.user?_this.user.id:\"\",\r\n          PageIndex: 1,\r\n          PageSize: 50\r\n        }).then((res) => {\r\n          _this.list = res\r\n          resolve();\r\n        }, () => {\r\n          reject();\r\n        })\r\n      })\r\n    },\r\n    collect() {\r\n      let _this = this;\r\n      _this.$router.push({ path: \"/collect/index\" })\r\n    }\r\n  }\r\n}\r\n</script>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=ef03833c&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=ef03833c&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  \"ef03833c\",\n  null\n  \n)\n\nexport default component.exports","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!./index.vue?vue&type=style&index=0&id=ef03833c&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!./index.vue?vue&type=style&index=0&id=ef03833c&lang=scss&scoped=true&\"","import { Http } from \"../utils/http.js\";\r\nclass ArtistAPI extends Http {\r\n  allArtist(param) {\r\n    let _this = this;\r\n    return _this.request({\r\n      url: \"WebApi/Artist/AllArtistList\",\r\n      method: \"post\",\r\n      param: param\r\n    });\r\n  }\r\n  artistInfo(param) {\r\n    let _this = this;\r\n    return _this.request({\r\n      url: \"WebApi/Artist/GetArtist\",\r\n      method: \"post\",\r\n      param: param\r\n    });\r\n  }\r\n}\r\nexport { ArtistAPI };\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.swiper)?_c('div',[_c('el-row',{staticClass:\"artbox-ul\"},_vm._l((_vm.list),function(item,index){return _c('el-col',{key:index,staticClass:\"artist\",attrs:{\"span\":6}},[_c('div',{staticClass:\"itemwrap\"},[_c('div',{staticClass:\"mask\"}),_c('div',{staticClass:\"headimg\",style:('background-image:url('+(item.Photo)+')')}),_c('div',{staticClass:\"artinfo\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.ArtistName))]),_c('div',{staticClass:\"des\"},[_c('div',{staticClass:\"des-l\"},[_c('span',[_vm._v(\"作品\"),_c('span',[_vm._v(_vm._s(item.ProductCount || 0))])]),_c('span',[_vm._v(\"粉丝\"),_c('span',[_vm._v(_vm._s(item.LikeCount))])])])]),_c('div',{staticClass:\"txt\"},[_vm._v(\"艺术家简介 \")]),_c('div',{staticClass:\"des-r\"},[_c('div',[_c('el-button',{attrs:{\"type\":\"primary\",\"icon\":item.IsLike?'':'el-icon-plus',\"plain\":\"\"},on:{\"click\":function($event){return _vm.handleAddArtlike(item.ID,index)}}},[_vm._v(_vm._s(item.IsLike?\"取消关注\":\"关注\"))])],1),_c('div',{staticClass:\"artist-home\"},[_c('el-button',{attrs:{\"type\":\"text\"}},[_c('router-link',{attrs:{\"to\":{path:'/artist/page',query:{id:item.ID}}}},[_vm._v(\"进入主页\")])],1)],1)])])])])}),1)],1):_vm._e(),(_vm.swiper)?_c('div',[_c('swiper',{staticClass:\"artbox-ul\",attrs:{\"options\":_vm.swiperOption}},[_vm._l((_vm.list),function(item,index){return _c('swiper-slide',{key:index},[_c('div',{staticClass:\"artist\"},[_c('div',{staticClass:\"itemwrap\"},[_c('div',{staticClass:\"mask\"}),_c('div',{staticClass:\"headimg\",style:('background-image:url('+(item.headimg ||item.Photo)+')')}),_c('div',{staticClass:\"artinfo\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.Realname ||item.ArtistName))]),_c('div',{staticClass:\"des\"},[_c('div',{staticClass:\"des-l\"},[_c('span',[_vm._v(\"作品\"),_c('span',[_vm._v(_vm._s(item.productcount || item.ProductCount))])]),_c('span',[_vm._v(\"粉丝\"),_c('span',[_vm._v(_vm._s(item.fanscount ||item.LikeCount))])])])]),_c('div',{staticClass:\"des-r\"},[_c('div',[_c('el-button',{attrs:{\"type\":\"primary\",\"icon\":(item.islike ||item.IsLike)?'':'el-icon-plus',\"plain\":\"\"},on:{\"click\":function($event){return _vm.handleAddArtlike(item.id||item.ID,index)}}},[_vm._v(_vm._s((item.islike ||item.IsLike)?\"取消关注\":\"关注\"))])],1),_c('div',{staticClass:\"artist-home\"},[_c('el-button',{attrs:{\"type\":\"text\"}},[_c('router-link',{attrs:{\"to\":{path:'/artist/page',query:{id:item.id ||item.ID}}}},[_vm._v(\"进入主页\")])],1)],1)])])])])])}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2)],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div v-if=\"!swiper\">\r\n      <el-row class=\"artbox-ul\">\r\n        <el-col :span=\"6\" class=\"artist\" v-for=\"(item,index) in list\" :key=\"index\">\r\n          <div class=\"itemwrap\">\r\n            <div class=\"mask\"></div>\r\n            <div class=\"headimg\" :style=\"'background-image:url('+(item.Photo)+')'\">\r\n              <!-- <el-image  fit=\"cover\">\r\n                <div slot=\"error\" class=\"image-slot\">\r\n                  <img src=\"../assets/image/morentx.jpg\" alt=\"\">\r\n                </div>\r\n              </el-image> -->\r\n            </div>\r\n            <div class=\"artinfo\">\r\n              <div class=\"name\">{{item.ArtistName}}</div>\r\n              <div class=\"des\">\r\n                <div class=\"des-l\"><span>作品<span>{{item.ProductCount || 0}}</span></span><span>粉丝<span>{{item.LikeCount}}</span></span> </div>\r\n              </div>\r\n              <div class=\"txt\">艺术家简介 </div>\r\n              <div class=\"des-r\">\r\n                <div>\r\n                  <el-button type=\"primary\" @click=\"handleAddArtlike(item.ID,index)\" :icon=\"item.IsLike?'':'el-icon-plus'\" plain>{{item.IsLike?\"取消关注\":\"关注\"}}</el-button>\r\n                </div>\r\n                <div class=\"artist-home\">\r\n                  <el-button type=\"text\">\r\n                    <router-link :to=\"{path:'/artist/page',query:{id:item.ID}}\">进入主页</router-link>\r\n                  </el-button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n    </div>\r\n    <div v-if=\"swiper\">\r\n      <swiper :options=\"swiperOption\" class=\"artbox-ul\">\r\n        <swiper-slide v-for=\"(item, index) in list\" v-bind:key=\"index\">\r\n          <div class=\"artist\">\r\n            <div class=\"itemwrap\">\r\n              <div class=\"mask\"></div>\r\n              <div class=\"headimg\" :style=\"'background-image:url('+(item.headimg ||item.Photo)+')'\">\r\n                <!-- <el-image :src=\"item.headimg ||item.Photo\" fit=\"cover\">\r\n                  <div slot=\"error\" class=\"image-slot\">\r\n                    <img src=\"../assets/image/morentx.jpg\" alt=\"\">\r\n                  </div>\r\n                </el-image> -->\r\n              </div>\r\n              <div class=\"artinfo\">\r\n                <div class=\"name\">{{item.Realname ||item.ArtistName}}</div>\r\n                <div class=\"des\">\r\n                  <div class=\"des-l\"><span>作品<span>{{item.productcount || item.ProductCount}}</span></span><span>粉丝<span>{{item.fanscount ||item.LikeCount}}</span></span> </div>\r\n                </div>\r\n                <!-- <div class=\"txt\">艺术家简介 </div> -->\r\n                <div class=\"des-r\">\r\n                  <div>\r\n                    <el-button type=\"primary\" @click=\"handleAddArtlike(item.id||item.ID,index)\" :icon=\" (item.islike ||item.IsLike)?'':'el-icon-plus'\" plain>{{(item.islike ||item.IsLike)?\"取消关注\":\"关注\"}}</el-button>\r\n                  </div>\r\n                  <div class=\"artist-home\">\r\n                    <el-button type=\"text\">\r\n                      <router-link :to=\"{path:'/artist/page',query:{id:item.id ||item.ID}}\">进入主页</router-link>\r\n                    </el-button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </swiper-slide>\r\n        <div class=\"swiper-pagination\" slot=\"pagination\"></div>\r\n      </swiper>\r\n    </div>\r\n\r\n  </div>\r\n\r\n</template>\r\n<style lang=\"scss\" scoped>\r\n@import \"../assets/artist.scss\";\r\n</style>\r\n<script>\r\nimport 'swiper/dist/css/swiper.css'\r\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\r\nexport default {\r\n  name: 'artist',\r\n  props: {\r\n    //列表数组\r\n    list: {\r\n      type: Array,\r\n      default: function () {\r\n        return []\r\n      }\r\n    },\r\n    //是否开启幻灯片\r\n    swiper: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    //幻灯片设置\r\n    swiperOption: {\r\n      type: Object,\r\n      default: function () {\r\n        return {\r\n          spaceBetween: 0,\r\n          slidesPerView: 5,\r\n          pagination: '.swiper-pagination',\r\n          autoplay: 5000,\r\n          autoplayDisableOnInteraction: true,\r\n          watchSlidesProgress: true,    //开启这个参数来计算每个slide的progress(进度、进程)\r\n          //centeredSlides: true,    //设定为true时，活动块会居中，而不是默认状态下的居左。\r\n          observer: true, //修改swiper自己或子元素时，自动初始化swiper\r\n          observeParents: true, //修改swiper的父元素时，自动初始化swiper\r\n        }\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n\r\n    }\r\n  },\r\n  components: {\r\n    swiper,\r\n    swiperSlide\r\n  },\r\n  methods: {\r\n    handleAddArtlike(id, index) {\r\n      let _this = this;\r\n      console.log(id)\r\n      _this.addLike(id).then(() => {\r\n        if (_this.list[index].ID) {\r\n          if (!_this.list[index].IsLike) {\r\n            _this.list[index].IsLike = true\r\n          } else {\r\n            _this.list[index].IsLike = false\r\n          }\r\n        } else if (_this.list[index].id) {\r\n          if (!_this.list[index].islike) {\r\n            _this.list[index].islike = true\r\n          } else {\r\n            _this.list[index].islike = false\r\n          }\r\n        }\r\n        _this.$message({\r\n          message: '关注成功',\r\n          type: 'success'\r\n        });\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>","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!./artist.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!./artist.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./artist.vue?vue&type=template&id=01388a68&scoped=true&\"\nimport script from \"./artist.vue?vue&type=script&lang=js&\"\nexport * from \"./artist.vue?vue&type=script&lang=js&\"\nimport style0 from \"./artist.vue?vue&type=style&index=0&id=01388a68&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  \"01388a68\",\n  null\n  \n)\n\nexport default component.exports","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!./artist.vue?vue&type=style&index=0&id=01388a68&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!./artist.vue?vue&type=style&index=0&id=01388a68&lang=scss&scoped=true&\""],"sourceRoot":""}