| 1 |
- {"version":3,"sources":["webpack:///./src/views/image-text-list.vue?5d30","webpack:///src/views/image-text-list.vue","webpack:///./src/views/image-text-list.vue?3887","webpack:///./src/views/image-text-list.vue","webpack:///./src/views/image-text-list.vue?8ca5","webpack:///./src/assets/return.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","$router","back","_v","_s","info","title","_l","item_list","item","index","key","toDetail","id","is_vip","cover","showOpenVip","push","staticRenderFns","components","data","isLogin","isVip","mounted","methods","getArticleDetail","ArticleService","getUserInfo","UserCenterService","item_id","message","confirmButtonText","then","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAM,CAAC,IAAM,EAAQ,SAAyBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,QAAQC,WAAWP,EAAG,IAAI,CAACE,YAAY,gBAAgB,CAACN,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIc,KAAKC,cAAcX,EAAG,KAAK,CAACE,YAAY,QAAQN,EAAIgB,GAAKhB,EAAIc,KAAKG,WAAa,IAAK,SAASC,EAAKC,GAAO,OAAOf,EAAG,KAAK,CAACgB,IAAID,EAAMX,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIqB,SAASrB,EAAIc,KAAKQ,GAAIJ,EAAKI,GAAIJ,EAAKK,WAAW,CAACnB,EAAG,MAAM,CAACE,YAAY,MAAMC,MAAM,CAAC,IAAMW,EAAKM,SAASpB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACE,YAAY,aAAa,CAACN,EAAIY,GAAGZ,EAAIa,GAAGK,EAAKH,iBAAgB,GAAGX,EAAG,cAAc,CAACG,MAAM,CAAC,KAAOP,EAAIyB,YAAY,UAAU,SAASjB,GAAG,CAAC,MAAQ,SAASC,GAAQT,EAAIyB,aAAc,KAAS,CAACrB,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,IAAI,CAACJ,EAAIY,GAAG,cAAcR,EAAG,IAAI,CAACJ,EAAIY,GAAG,gBAAgBR,EAAG,SAAS,CAACI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,QAAQgB,KAAK,cAAc,CAAC1B,EAAIY,GAAG,kBAAkB,IAC3kCe,EAAkB,G,oCCkCtB,GACAC,cACAC,KAFA,WAGA,OACAJ,eACAX,MACAQ,MAGAQ,WACAC,WAGAC,QAbA,WAcA,wBACA,+BACA,gBACA,wBAEA,oBAEAC,SACAC,iBADA,WACA,WACAC,yBAAAb,kBAAA,0DAGAc,YALA,WAKA,WACAC,uCAAA,aACA,aACA,mBACA,cACA,2BACA,mDACA,iBAIAhB,SAhBA,SAgBAC,EAAAgB,EAAAf,GAAA,WACA,UACA,iBACA,uBACAgB,sBACAC,0BACAC,MAAA,WACA,4BAGA,eACA,2BAGA,gFCtFyV,I,wBCQrVC,EAAY,eACd,EACA3C,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAe,E,2CCnBf,W,mBCAAC,EAAOC,QAAU,s7B","file":"js/chunk-5638b63c.a2c89699.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"header-wrap\"},[_c('div',{staticClass:\"header\"},[_c('img',{staticClass:\"return-img\",attrs:{\"src\":require(\"../assets/return.png\")},on:{\"click\":function($event){return _vm.$router.back()}}}),_c('p',{staticClass:\"header-title\"},[_vm._v(_vm._s(_vm.info.title))])])]),_c('ul',{staticClass:\"list\"},_vm._l(((_vm.info.item_list || [])),function(item,index){return _c('li',{key:index,on:{\"click\":function($event){return _vm.toDetail(_vm.info.id, item.id, item.is_vip)}}},[_c('img',{staticClass:\"img\",attrs:{\"src\":item.cover}}),_c('div',{staticClass:\"item-sidebar\"},[_c('p',{staticClass:\"item-name\"},[_vm._v(_vm._s(item.title))])])])}),0),_c('van-overlay',{attrs:{\"show\":_vm.showOpenVip,\"z-index\":\"99999\"},on:{\"click\":function($event){_vm.showOpenVip = false}}},[_c('div',{staticClass:\"open-vip\"},[_c('p',[_vm._v(\"仅支持VIP查看\")]),_c('p',[_vm._v(\"开通VIP查看本材料\")]),_c('button',{on:{\"click\":function($event){return _vm.$router.push('/member')}}},[_vm._v(\"开通VIP会员\")])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 图文-列表 -->\r\n<template>\r\n\t<div class=\"wrap\">\r\n\r\n\t\t<div class=\"header-wrap\">\r\n\t\t\t<div class=\"header\">\r\n\t\t\t\t<img src=\"../assets/return.png\" class=\"return-img\" @click=\"$router.back()\">\r\n\t\t\t\t<p class=\"header-title\">{{ info.title }}</p>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<ul class=\"list\">\r\n\t\t\t<li v-for=\"(item, index) in (info.item_list || [])\" :key=\"index\" @click=\"toDetail(info.id, item.id, item.is_vip)\">\r\n\t\t\t\t<img :src=\"item.cover\" class=\"img\">\r\n\t\t\t\t<div class=\"item-sidebar\">\r\n\t\t\t\t\t<p class=\"item-name\">{{ item.title }}</p>\r\n\t\t\t\t</div>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\r\n <!-- 显示开通vip -->\r\n <van-overlay :show=\"showOpenVip\" @click=\"showOpenVip = false\" z-index=\"99999\">\r\n <div class=\"open-vip\">\r\n <p>仅支持VIP查看</p>\r\n <p>开通VIP查看本材料</p>\r\n <button @click=\"$router.push('/member')\">开通VIP会员</button>\r\n </div>\r\n </van-overlay>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport {ArticleService, UserCenterService} from \"@/common/service\";\r\nimport {Dialog} from \"vant\";\r\n\r\n export default {\r\n\t\tcomponents: {},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n showOpenVip: false,\r\n info: {\r\n id: 0\r\n },\r\n\r\n isLogin: false,\r\n isVip: false,\r\n };\r\n\t\t},\r\n\t\tmounted() {\r\n const option = this.$route.query;\r\n this.info.id = parseInt(option.id || 0);\r\n if (this.info.id > 0) {\r\n this.getArticleDetail();\r\n }\r\n this.getUserInfo();\r\n },\r\n\t\tmethods: {\r\n getArticleDetail() {\r\n ArticleService.getArticleDetail({id: this.info.id}).then(({data}) => this.info = data.detail);\r\n },\r\n\r\n getUserInfo() {\r\n UserCenterService.getUserInfo().then(({ data }) => {\r\n this.isLogin = true;\r\n const userLevel = data.user_level;\r\n if (userLevel && userLevel.id > 0) {\r\n const currentTime = new Date().getTime();\r\n const endTime = new Date(userLevel.end_date.replace(/-/g, '/')).getTime();\r\n this.isVip = currentTime < endTime;\r\n }\r\n });\r\n },\r\n toDetail(id, item_id, is_vip) {\r\n if (is_vip === 1) {\r\n if (!this.isLogin) {\r\n return Dialog.confirm({\r\n message: 'VIP图文请登录后查看',\r\n confirmButtonText: '去登录'\r\n }).then(() => {\r\n this.$router.push('/login');\r\n });\r\n }\r\n if (!this.isVip) {\r\n return this.showOpenVip = true;\r\n }\r\n }\r\n this.$router.push(`/image-text-details?id=${id}&item_id=${item_id}`)\r\n }\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\t.wrap {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 44px 0 83px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t/* 头部样式 */\r\n\t.header-wrap {\r\n\t\twidth: 100%;\r\n\t\theight: 44px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 500;\r\n\t\tbackground-color: #FFFFFF;\r\n\t}\r\n\r\n\t.header-wrap-tab-list-none {\r\n\t\theight: 80px;\r\n\t\tpadding-bottom: 10px;\r\n\t}\r\n\r\n\t.header {\r\n\t\twidth: 100%;\r\n\t\theight: 44px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tz-index: 999;\r\n\t\tpadding: 0 15px;\r\n\t\tposition: relative;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.return-img {\r\n\t\tposition: absolute;\r\n\t\tleft: 15px;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t\twidth: 20px;\r\n\t}\r\n\r\n\t.header-title {\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\r\n\t.list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 10px 15px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.list>li {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 16px;\r\n\t}\r\n\r\n\t.img {\r\n\t\twidth: 100px;\r\n\t\theight: 62px;\r\n\t\tmargin-right: 21px;\r\n\t\tobject-fit: cover;\r\n\t\tborder-radius: 7px;\r\n\t}\r\n\r\n\t.item-sidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.item-name {\r\n\t\twidth: 100%;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 15px;\r\n\t\tfont-weight: bold;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t}\r\n .open-vip {\r\n width: 275px;\r\n height: 170px;\r\n background: #FFFFFF;\r\n border-radius: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 273px auto 0;\r\n }\r\n\r\n .open-vip p {\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: #222222;\r\n line-height: 35px;\r\n }\r\n\r\n .open-vip button {\r\n width: 215px;\r\n height: 40px;\r\n background: #EBD793;\r\n border-radius: 20px;\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #553D0E;\r\n margin-top: 10px;\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!./image-text-list.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!./image-text-list.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./image-text-list.vue?vue&type=template&id=5abaf3d3&scoped=true&\"\nimport script from \"./image-text-list.vue?vue&type=script&lang=js&\"\nexport * from \"./image-text-list.vue?vue&type=script&lang=js&\"\nimport style0 from \"./image-text-list.vue?vue&type=style&index=0&id=5abaf3d3&scoped=true&lang=css&\"\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 \"5abaf3d3\",\n null\n \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./image-text-list.vue?vue&type=style&index=0&id=5abaf3d3&scoped=true&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAm5JREFUWEft2MnLTlEYAPDfZx4yK8WCWLBgwQIbSobIkMiwYiMbJX+JWLFRSmJBUoYyLCjDQoREQgghikQiQ4/OW8eXvPfe976fV31ne8+9z+8+59xzn3O6dHjr6nCfXmCrI9RTGeyH2XiEl2XQPQEci5MJ+AlLcKkost3AcTiH6RloN3Z0AnACzmNqhvmBFTj1r4ETE25KBvmObdhbFBf92jHEgYrMBbLRvmEL9pfBtQM4LeHGZ5Cv2ITDZXF1A2fgLOLDaLQv2IhjVXB1AmfhDMZkkM9YW+aD+NNL1DEH5+I0RmYBPmJ1WmKqJu/Xfa0C5+MEhmWKD2kpudiSLN3cCnARjmNIBnmHZbhaB66VDC7HEQzKIG/Tb+x6XbiqwDU4hAEZ5BUW43aduCrA9TiIqE4a7TliuO/VjSsLjA8hSqV8zj3BQjxsB64scDRiKPPs3UzZe9MJwDBEmbSz2/J0JyFLFaJFX6jKMrMdu7oh76ehflY0cNF+VYDx7K3Ygz5ZoCjnYz4+Lhq8SL+qwHj2ZuxD3yzQ04R8UCR4kT6tAOP5G3AA/bNgL9KcvFsE0KxPq8B4fhQFUesNzIK9Tgv3rWaAZtfrAEaM+P8exeAsYPz6luJaM8TfrtcFjBjxgUTxMDQL+D7hr1RF1gkMw7xUfg3PQFF+rcSFKsi6gWGYkwrYURkoNuwxV2NLUKq1AxiAmWkLEKcKjRZbgHUpw4WR7QIGIE4T4lSh+yZqAS4XFbYTGIY4VYg9cpwyNFrHHH00QJMTchLidGFVOkwqlMR2Z7CBGIHYJsTf5UYhWerUU8Aypt/69gIrp+5/GeKfiUBcKeCBb1YAAAAASUVORK5CYII=\""],"sourceRoot":""}
|
