{"version":3,"sources":["webpack:///./src/views/glovecategory/Index.vue?ad91","webpack:///./src/views/glovecategory/Index.vue?432b","webpack:///src/views/glovecategory/Index.vue","webpack:///./src/views/glovecategory/Index.vue?a562","webpack:///./src/views/glovecategory/Index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","_v","staticStyle","_l","item","index","key","_s","name","getList","item2","index1","coverUrl","staticRenderFns","data","gloveCategories","list","advBanner","advCertification","certificationList","created","getIndex","methods","t","categoryNo","push","component"],"mappings":"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","file":"js/chunk-990bdc02.e24dc746.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Index.vue?vue&type=style&index=0&id=1718ce61&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"banner666\"},[_c('el-image',{attrs:{\"src\":\"https://sritrang.oss-cn-shanghai.aliyuncs.com/202108/2021082807390745.jpg\"}}),_vm._m(0)],1),_c('div',{staticClass:\"module\"},[_c('el-row',[_c('el-col',{attrs:{\"span\":14}},[_c('div',{staticClass:\"content\"},[_c('div',[_c('div',{staticClass:\"title\"},[_vm._v(\" 设计手部健康防护的未来 \")]),_c('div',{staticClass:\"desc\"},[_vm._v(\" 我们提供各种高品质的天然胶乳和丁腈橡胶检查手套及通用一次性手套。凭借丰富的专业知识和大量研发，诗董手套在质量和竞争力方面延续一贯的高标准。产品为亚洲人手型设计，更好地贴合手部曲线，可有效缓解手部工作疲劳。 \")])])])]),_c('el-col',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-end\"},attrs:{\"span\":10}},[_c('el-image',{attrs:{\"src\":\"/img/st1.jpg\"}})],1)],1)],1),_c('div',{staticClass:\"module\"},[_c('el-row',[_c('el-col',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"},attrs:{\"span\":10}},[_c('el-image',{attrs:{\"src\":\"/img/st2.jpg\"}})],1),_c('el-col',{attrs:{\"span\":14}},[_c('div',{staticClass:\"content\"},[_c('div',[_c('div',{staticClass:\"title\"},[_vm._v(\" 一次性乳胶有粉手套 \")]),_c('div',{staticClass:\"desc\"},[_vm._v(\" 泰国自产优势天然乳胶原料，弹性佳。可吸收玉米粉，容易穿戴且安全可靠。优越的触感灵敏度，抓握度更佳。低手部束缚感，手部操作更加灵活。 \")])])])])],1)],1),_c('div',{staticClass:\"module\"},[_c('el-row',[_c('el-col',{attrs:{\"span\":14}},[_c('div',{staticClass:\"content\"},[_c('div',[_c('div',{staticClass:\"title\"},[_vm._v(\" 一次性乳胶无粉手套 \")]),_c('div',{staticClass:\"desc\"},[_vm._v(\" 泰国自产优势天然乳胶原料，弹性佳。不含粉末残留，采用先进的线上过氯/涂层工艺，降低致敏性，提供高水平的舒适度与安全保障。 \")])])])]),_c('el-col',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-end\"},attrs:{\"span\":10}},[_c('el-image',{attrs:{\"src\":\"/img/st3.jpg\"}})],1)],1)],1),_c('div',{staticClass:\"module\"},[_c('el-row',[_c('el-col',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"},attrs:{\"span\":10}},[_c('el-image',{attrs:{\"src\":\"/img/st4.jpg\"}})],1),_c('el-col',{attrs:{\"span\":14}},[_c('div',{staticClass:\"content\"},[_c('div',[_c('div',{staticClass:\"title\"},[_vm._v(\" 一次性丁腈橡胶手套 \")]),_c('div',{staticClass:\"desc\"},[_vm._v(\" 不含可能引起过敏反应的乳胶蛋白成分。耐酸碱、耐穿刺、防静电，具有更好的防护性。拥有优于市面上多数同类产品的舒适度与弹性。 \")])])])])],1)],1),_c('div',{staticClass:\"info\"},[_vm._v(\"我们的手套适用于医疗、护理、科研以及其他需要良好卫生标准和手部防护的工业和服务领域。\")]),_vm._l((_vm.gloveCategories),function(item,index){return _c('div',{key:index,staticClass:\"category\"},[_c('h2',[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"list\"},[_c('el-row',{attrs:{\"gutter\":20}},_vm._l((_vm.getList(item)),function(item2,index1){return _c('el-col',{key:index1,attrs:{\"span\":3}},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"img\"},[_c('el-image',{attrs:{\"src\":item2.coverUrl}})],1),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item2.name))])])])}),1)],1)])}),_c('div',{staticClass:\"certification\",staticStyle:{\"background\":\"url('https://sritrang.oss-cn-shanghai.aliyuncs.com/202108/2021082810043951.jpg') no-repeat\",\"background-size\":\"100% 100%\"}},[_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_vm._v(\" \")]),_c('el-col',{attrs:{\"span\":12}},[_c('div',{staticClass:\"section-hd\"},[_c('h2',[_vm._v(\"标准及认证\")])]),_c('div',{staticClass:\"list\"},[_c('el-row',{attrs:{\"gutter\":20}},_vm._l((_vm.certificationList),function(item,index){return _c('el-col',{key:index,staticClass:\"item\",attrs:{\"span\":6}},[_c('el-image',{attrs:{\"src\":item.coverUrl}})],1)}),1)],1)])],1)],1)],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cover\"},[_c('h1',[_vm._v(\"手套分类\")]),_c('div',{staticClass:\"subtitle\"},[_vm._v(\"健康手套\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"banner666\">\r\n      <el-image src=\"https://sritrang.oss-cn-shanghai.aliyuncs.com/202108/2021082807390745.jpg\"></el-image>\r\n      <div class=\"cover\">\r\n        <h1>手套分类</h1>\r\n        <div class=\"subtitle\">健康手套</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"module\">\r\n      <el-row>\r\n        <el-col :span=\"14\">\r\n          <div class=\"content\">\r\n            <div>\r\n              <div class=\"title\">\r\n                设计手部健康防护的未来\r\n              </div>\r\n              <div class=\"desc\">\r\n                我们提供各种高品质的天然胶乳和丁腈橡胶检查手套及通用一次性手套。凭借丰富的专业知识和大量研发，诗董手套在质量和竞争力方面延续一贯的高标准。产品为亚洲人手型设计，更好地贴合手部曲线，可有效缓解手部工作疲劳。\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-col>\r\n        <el-col :span=\"10\" style=\"display: flex;justify-content: flex-end;\">\r\n          <el-image src=\"/img/st1.jpg\"></el-image>\r\n        </el-col>\r\n      </el-row>\r\n    </div>\r\n    <div class=\"module\">\r\n      <el-row>\r\n        <el-col :span=\"10\" style=\"display: flex;justify-content: flex-start;\">\r\n          <el-image src=\"/img/st2.jpg\"></el-image>\r\n        </el-col>\r\n        <el-col :span=\"14\">\r\n          <div class=\"content\">\r\n            <div>\r\n              <div class=\"title\">\r\n                一次性乳胶有粉手套\r\n              </div>\r\n              <div class=\"desc\">\r\n                泰国自产优势天然乳胶原料，弹性佳。可吸收玉米粉，容易穿戴且安全可靠。优越的触感灵敏度，抓握度更佳。低手部束缚感，手部操作更加灵活。\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n    </div>\r\n    <div class=\"module\">\r\n      <el-row>\r\n        <el-col :span=\"14\">\r\n          <div class=\"content\">\r\n            <div>\r\n              <div class=\"title\">\r\n                一次性乳胶无粉手套\r\n              </div>\r\n              <div class=\"desc\">\r\n                泰国自产优势天然乳胶原料，弹性佳。不含粉末残留，采用先进的线上过氯/涂层工艺，降低致敏性，提供高水平的舒适度与安全保障。\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-col>\r\n        <el-col :span=\"10\" style=\"display: flex;justify-content: flex-end;\">\r\n          <el-image src=\"/img/st3.jpg\"></el-image>\r\n        </el-col>\r\n      </el-row>\r\n    </div>\r\n    <div class=\"module\">\r\n      <el-row>\r\n        <el-col :span=\"10\" style=\"display: flex;justify-content: flex-start;\">\r\n          <el-image src=\"/img/st4.jpg\"></el-image>\r\n        </el-col>\r\n        <el-col :span=\"14\">\r\n          <div class=\"content\">\r\n            <div>\r\n              <div class=\"title\">\r\n                一次性丁腈橡胶手套\r\n              </div>\r\n              <div class=\"desc\">\r\n                不含可能引起过敏反应的乳胶蛋白成分。耐酸碱、耐穿刺、防静电，具有更好的防护性。拥有优于市面上多数同类产品的舒适度与弹性。\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n    </div>\r\n    <div class=\"info\">我们的手套适用于医疗、护理、科研以及其他需要良好卫生标准和手部防护的工业和服务领域。</div>\r\n    <div class=\"category\" v-for=\"(item,index) in gloveCategories\" :key=\"index\">\r\n      <h2>{{ item.name }}</h2>\r\n      <div class=\"list\">\r\n        <el-row :gutter=\"20\">\r\n          <el-col :span=\"3\" v-for=\"(item2,index1) in getList(item)\" :key=\"index1\">\r\n            <div class=\"item\">\r\n              <div class=\"img\">\r\n                <el-image :src=\"item2.coverUrl\"></el-image>\r\n              </div>\r\n              <div class=\"name\">{{ item2.name }}</div>\r\n            </div>\r\n          </el-col>\r\n        </el-row>\r\n      </div>\r\n    </div>\r\n    <div class=\"certification\"\r\n         style=\"background: url('https://sritrang.oss-cn-shanghai.aliyuncs.com/202108/2021082810043951.jpg') no-repeat; background-size: 100% 100%;\">\r\n      <el-row>\r\n        <el-col :span=\"12\">&nbsp;</el-col>\r\n        <el-col :span=\"12\">\r\n          <div class=\"section-hd\">\r\n            <h2>标准及认证</h2>\r\n          </div>\r\n          <div class=\"list\">\r\n            <el-row :gutter=\"20\">\r\n              <el-col :span=\"6\" class=\"item\" v-for=\"(item,index) in certificationList\" :key=\"index\">\r\n                <el-image :src=\"item.coverUrl\"></el-image>\r\n              </el-col>\r\n            </el-row>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getGloveCategoryIndex} from '@/api/api'\r\n\r\nexport default {\r\n  name: \"Index\",\r\n  data() {\r\n    return {\r\n      gloveCategories: null,\r\n      list: null,\r\n      advBanner: null,\r\n      advCertification: null,\r\n      certificationList: null,\r\n    }\r\n  },\r\n  created() {\r\n    this.getIndex();\r\n  },\r\n  methods: {\r\n    getIndex() {\r\n      getGloveCategoryIndex().then((res) => {\r\n        this.gloveCategories = res.data.gloveCategories;\r\n        this.list = res.data.list;\r\n        this.advBanner = res.data.advBanner;\r\n        this.advCertification = res.data.advCertification;\r\n        this.certificationList = res.data.certificationList;\r\n      })\r\n    },\r\n    getList(t) {\r\n      let data = [];\r\n      for (let i = 0; i < this.list.length; i++) {\r\n        let item = this.list[i];\r\n        if (t.categoryNo == item.categoryNo) {\r\n          data.push(item);\r\n        }\r\n      }\r\n      return data;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n@import url(\"Index.css?v=100\");\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!./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=1718ce61&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=1718ce61&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  \"1718ce61\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}