{"version":3,"sources":["webpack:///./src/assets/img/Slice2.png","webpack:///./src/components/demos/function/humansegmentation.vue?c62e","webpack:///src/components/demos/function/humansegmentation.vue","webpack:///./src/components/demos/function/humansegmentation.vue?ddfa","webpack:///./src/components/demos/function/humansegmentation.vue","webpack:///./src/components/demos/function/humansegmentation.vue?741a","webpack:///./src/assets/img/Rectangle2765.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","style","width","canvasWidth","height","canvasHeight","attrs","directives","name","rawName","value","expression","_v","language_type","class","PitchOn_first","on","modelFirst","PitchOn_last","modelLast","_e","ref","imgUrl","srcList","$event","getSrc","NewimgUrl","getSrcS","slideImg","mouseMove","model","callback","$$v","_m","_l","item","index","key","active","isActice","url","changImg","wxShareAppMessage","share_weibo","shareToQQ","shareToDouban","windowWidth","staticRenderFns","created","window","addEventListener","getWidth","destroyed","removeEventListener","data","imgList","suffix","ImgName","strImgName","downImg","uploadtake","dowmtake","mouse_disable","first","bg_width","bg_height","loading","bg_size","parameter","file","mounted","innerWidth","creatQrCode","$route","path","slice","createBtn","watch","to","methods","btnLeft","innerHTML","btnHtml","input","uploadImage","down","downloadImage","sendFn","url2","url3","push","that","e","target","files","substring","lastIndexOf","split","imageT","src","imgT","setAttribute","onload","base64","getBase64Image","file2","btof","reader","FileReader","onloadend","forData","FormData","append","jhForData","axios","post","jhUrl","then","jhRes","errcode","$message","type","message","readAsDataURL","length","Namesuffix","navigator","msSaveOrOpenBlob","n","u8arr","bstr","charCodeAt","a","href","click","$refs","widthStyle","leftStyle","left","zh_path","en_path","wx_qr","document","getElementsByClassName","replace","path2","qrcode","text","offsetWidth","offsetHeight","colorDark","colorLight","correctLevel","qrcode2","console","log","debug","appId","timestamp","nonceStr","signature","jsApiList","title","desc","link","success","alert","cancel","event","preventDefault","_shareUrl","open","share_url","shareToTieba","pic","_width","_height","_top","screen","_left","encodeURIComponent","share","shareToFacebook","location","canvas","createElement","img","ctx","getContext","drawImage","ext","toLowerCase","dataURL","toDataURL","endings","u8Arr","i","byteString","File","fileName","options","component"],"mappings":"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","file":"js/chunk-54f2d716.b2516262.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/Slice2.0e7f60b0.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"humansegmentation\"},[_c('div',{staticClass:\"canvensBox\",staticStyle:{\"position\":\"fixed\",\"top\":\"999999999999999999999px\"}},[_c('canvas',{staticClass:\"canvas\",style:({ width: _vm.canvasWidth + 'px', height: _vm.canvasHeight + 'px' }),attrs:{\"id\":\"myCanvas\"}})]),(_vm.windowWidth)?_c('div',{staticClass:\"modelBox\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}],staticClass:\"modelTitle\"},[_vm._v(\"模型选择：\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}],staticClass:\"modelTitle\"},[_vm._v(\"Model selection：\")]),_c('div',{class:_vm.PitchOn_first ? 'PitchOn_first' : 'modelSelect',on:{\"click\":_vm.modelFirst}},[_vm._v(\" V1.1 \")]),_c('div',{class:_vm.PitchOn_last ? 'PitchOn_last' : 'modelSelect',on:{\"click\":_vm.modelLast}},[_vm._v(\" V1.2 \")])]):_vm._e(),(_vm.windowWidth)?_c('div',{staticClass:\"functionBox\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"functionLeft\",attrs:{\"element-loading-background\":\"#e2e8ef\"}},[_c('div',{ref:\"widthStyle\",staticClass:\"oldimgUrl\",staticStyle:{\"width\":\"50%\"}},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}],staticClass:\"beforelabel\"},[_vm._v(\"抠图前\")]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}],staticClass:\"beforelabel en_long\"},[_vm._v(\"Before\")]),_c('el-image',{staticClass:\"imgUrl\",attrs:{\"src\":_vm.imgUrl,\"preview-src-list\":_vm.srcList},on:{\"click\":function($event){return _vm.getSrc(_vm.imgUrl)}}})],1),_c('div',{staticClass:\"newimgUrl\",style:(_vm.bg_size)},[_c('el-image',{staticClass:\"imgUrl\",attrs:{\"src\":_vm.NewimgUrl,\"preview-src-list\":_vm.srcList},on:{\"click\":function($event){return _vm.getSrcS(_vm.NewimgUrl)}}})],1),_c('el-slider',{attrs:{\"show-tooltip\":false},on:{\"input\":_vm.slideImg,\"change\":_vm.mouseMove},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('div',{ref:\"leftStyle\",staticClass:\"slideRectangle\",staticStyle:{\"left\":\"50%\"}},[_vm._m(0),_vm._m(1),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}],staticClass:\"afterlabel\"},[_vm._v(\"抠图后\")]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}],staticClass:\"afterlabel en_long\"},[_vm._v(\"After\")])])],1),_c('div',{staticClass:\"functionRight\"},_vm._l((_vm.imgList),function(item,index){return _c('img',{key:index,staticClass:\"imgList\",class:{ active: index === _vm.isActice },attrs:{\"src\":item.url,\"alt\":\"\"},on:{\"click\":function($event){return _vm.changImg(item, index)}}})}),0),_c('div',{staticClass:\"btnBox\"},[_c('div',{staticClass:\"btnLeft\"}),_c('div',{staticClass:\"btnRight\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}],staticClass:\"shareTo\"},[_vm._v(\"分享至：\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}],staticClass:\"shareTo\"},[_vm._v(\"Share To :\")]),_c('div',{staticClass:\"shareIcon\",on:{\"click\":_vm.wxShareAppMessage}},[_c('img',{staticClass:\"normal_img\",attrs:{\"src\":require(\"../../../assets/img/icon/wx1.png\"),\"alt\":\"\"}}),_c('img',{staticClass:\"hover_img\",attrs:{\"src\":require(\"../../../assets/img/icon/wx.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"wx_code\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}],ref:\"qrCodeUrl\",staticClass:\"code\"}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}],ref:\"qrCodeUrl2\",staticClass:\"code\"}),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}]},[_vm._v(\"分享到微信朋友圈\")]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}]},[_vm._v(\"Share with wechat\")])])]),_c('div',{staticClass:\"shareIcon\",on:{\"click\":_vm.share_weibo}},[_c('img',{staticClass:\"normal_img\",attrs:{\"src\":require(\"../../../assets/img/icon/weibo1.png\"),\"alt\":\"\"}}),_c('img',{staticClass:\"hover_img\",attrs:{\"src\":require(\"../../../assets/img/icon/weibo.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"shareIcon\",on:{\"click\":_vm.shareToQQ}},[_c('img',{staticClass:\"normal_img\",attrs:{\"src\":require(\"../../../assets/img/icon/qq1.png\"),\"alt\":\"\"}}),_c('img',{staticClass:\"hover_img\",attrs:{\"src\":require(\"../../../assets/img/icon/qq.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"shareIcon\",on:{\"click\":_vm.shareToDouban}},[_c('img',{staticClass:\"normal_img\",attrs:{\"src\":require(\"../../../assets/img/icon/dou1.png\"),\"alt\":\"\"}}),_c('img',{staticClass:\"hover_img\",attrs:{\"src\":require(\"../../../assets/img/icon/dou.png\"),\"alt\":\"\"}})])])])]):_vm._e(),(_vm.windowWidth == false)?_c('div',{staticClass:\"functionBox_mini\"},[(_vm.language_type)?_c('p',{staticClass:\"message\"},[_vm._v(\" 建议在PC端打开链接或扫描二维码体验Demo \")]):_vm._e(),(!_vm.language_type)?_c('p',{staticClass:\"message\"},[_vm._v(\" It is recommended to open the link or scan the QR code on the PC side to experience the Demo \")]):_vm._e(),_vm._m(2)]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Slice\"},[_c('img',{attrs:{\"src\":require(\"../../../assets/img/Slice2.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Rectangle\"},[_c('img',{attrs:{\"src\":require(\"../../../assets/img/Rectangle2765.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wxapp_box\"},[_c('img',{attrs:{\"src\":require(\"../../../assets/img/wxapp.jpg\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"humansegmentation\">\r\n    <div\r\n      class=\"canvensBox\"\r\n      style=\"position: fixed; top: 999999999999999999999px\"\r\n    >\r\n      <canvas\r\n        id=\"myCanvas\"\r\n        class=\"canvas\"\r\n        :style=\"{ width: canvasWidth + 'px', height: canvasHeight + 'px' }\"\r\n      ></canvas>\r\n    </div>\r\n    <div class=\"modelBox\" v-if=\"windowWidth\">\r\n      <span v-show=\"language_type\" class=\"modelTitle\">模型选择：</span>\r\n      <span v-show=\"!language_type\" class=\"modelTitle\">Model selection：</span>\r\n      <div\r\n        :class=\"PitchOn_first ? 'PitchOn_first' : 'modelSelect'\"\r\n        @click=\"modelFirst\"\r\n      >\r\n        V1.1\r\n      </div>\r\n      <div\r\n        :class=\"PitchOn_last ? 'PitchOn_last' : 'modelSelect'\"\r\n        @click=\"modelLast\"\r\n      >\r\n        V1.2\r\n      </div>\r\n    </div>\r\n    <div class=\"functionBox\" v-if=\"windowWidth\">\r\n      <div\r\n        class=\"functionLeft\"\r\n        v-loading=\"loading\"\r\n        element-loading-background=\"#e2e8ef\"\r\n      >\r\n        <div class=\"oldimgUrl\" style=\"width: 50%\" ref=\"widthStyle\">\r\n          <p class=\"beforelabel\" v-show=\"language_type\">抠图前</p>\r\n          <p class=\"beforelabel en_long\" v-show=\"!language_type\">Before</p>\r\n          <!-- <img :src=\"imgUrl\" alt=\"\" class=\"imgUrl\" /> -->\r\n          <el-image\r\n            class=\"imgUrl\"\r\n            :src=\"imgUrl\"\r\n            :preview-src-list=\"srcList\"\r\n            @click=\"getSrc(imgUrl)\"\r\n          >\r\n          </el-image>\r\n        </div>\r\n        <div class=\"newimgUrl\" :style=\"bg_size\">\r\n          <!-- <img :src=\"NewimgUrl\" alt=\"\" class=\"imgUrl\" /> -->\r\n          <el-image\r\n            class=\"imgUrl\"\r\n            :src=\"NewimgUrl\"\r\n            :preview-src-list=\"srcList\"\r\n            @click=\"getSrcS(NewimgUrl)\"\r\n          >\r\n          </el-image>\r\n          <!-- <img\r\n            class=\"arcLogo\"\r\n            src=\"../../../assets/img/shuiyin_logo2.png\"\r\n            alt=\"\"\r\n          /> -->\r\n        </div>\r\n        <el-slider\r\n          v-model=\"value\"\r\n          :show-tooltip=\"false\"\r\n          @input=\"slideImg\"\r\n          @change=\"mouseMove\"\r\n        ></el-slider>\r\n        <div class=\"slideRectangle\" style=\"left: 50%\" ref=\"leftStyle\">\r\n          <div class=\"Slice\">\r\n            <img src=\"../../../assets/img/Slice2.png\" alt=\"\" />\r\n          </div>\r\n          <div class=\"Rectangle\">\r\n            <img src=\"../../../assets/img/Rectangle2765.png\" alt=\"\" />\r\n          </div>\r\n          <p class=\"afterlabel\" v-show=\"language_type\">抠图后</p>\r\n          <p class=\"afterlabel en_long\" v-show=\"!language_type\">After</p>\r\n        </div>\r\n      </div>\r\n      <div class=\"functionRight\">\r\n        <img\r\n          @click=\"changImg(item, index)\"\r\n          class=\"imgList\"\r\n          v-for=\"(item, index) in imgList\"\r\n          :key=\"index\"\r\n          :src=\"item.url\"\r\n          alt=\"\"\r\n          :class=\"{ active: index === isActice }\"\r\n        />\r\n      </div>\r\n      <div class=\"btnBox\">\r\n        <div class=\"btnLeft\"></div>\r\n        <div class=\"btnRight\">\r\n          <span class=\"shareTo\" v-show=\"language_type\">分享至：</span>\r\n          <span class=\"shareTo\" v-show=\"!language_type\">Share To :</span>\r\n          <div class=\"shareIcon\" @click=\"wxShareAppMessage\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/wx1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/wx.png\"\r\n              alt=\"\"\r\n            />\r\n            <div class=\"wx_code\">\r\n              <div class=\"code\" v-show=\"language_type\" ref=\"qrCodeUrl\"></div>\r\n              <div class=\"code\" v-show=\"!language_type\" ref=\"qrCodeUrl2\"></div>\r\n              <p v-show=\"language_type\">分享到微信朋友圈</p>\r\n              <p v-show=\"!language_type\">Share with wechat</p>\r\n            </div>\r\n          </div>\r\n          <div class=\"shareIcon\" @click=\"share_weibo\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/weibo1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/weibo.png\"\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n          <div class=\"shareIcon\" @click=\"shareToQQ\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/qq1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/qq.png\"\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n          <!-- <div class=\"shareIcon\" @click=\"shareToTieba\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/zhihu1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/zhihu.png\"\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n          <div class=\"shareIcon\" @click=\"shareToFacebook\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/bilibili1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/bilibili.png\"\r\n              alt=\"\"\r\n            />\r\n          </div> -->\r\n          <div class=\"shareIcon\" @click=\"shareToDouban\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/dou1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/dou.png\"\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"functionBox_mini\" v-if=\"windowWidth == false\">\r\n      <p class=\"message\" v-if=\"language_type\">\r\n        建议在PC端打开链接或扫描二维码体验Demo\r\n      </p>\r\n      <p class=\"message\" v-if=\"!language_type\">\r\n        It is recommended to open the link or scan the QR code on the PC side to\r\n        experience the Demo\r\n      </p>\r\n      <div class=\"wxapp_box\">\r\n        <img src=\"../../../assets/img/wxapp.jpg\" alt=\"\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport QRCode from \"qrcodejs2\";\r\nimport wx from \"weixin-js-sdk\";\r\nexport default {\r\n  // 监听页面宽度\r\n  created() {\r\n    window.addEventListener(\"resize\", this.getWidth);\r\n    this.getWidth();\r\n  },\r\n  destroyed() {\r\n    window.removeEventListener(\"resize\", this.getWidth);\r\n  },\r\n  data() {\r\n    return {\r\n      windowWidth: true,\r\n      imgList: [\r\n        {\r\n          index: 1,\r\n          url: \"https://50058.gzc.svp.tencent-cloud.com/0b532aac4aaagealqzg76nqyvugdf3iaalqa.f0.jpg?dis_k=6a6f1bc6c219f527b0f556dcc3a7c6d1&dis_t=1642043105\",\r\n          url2: \"https://50058.gzc.svp.tencent-cloud.com/0b53xmacsaaataal4lo72rqyvo6dfg5qakia.f0.jpg?dis_k=ef8555284c6c0a73e07db2ca66d43684&dis_t=1642043171\",\r\n          url3: \"https://50058.gzc.svp.tencent-cloud.com/0b53yyahwaaamuaaja4vgrrivrwdppdaa6ya.f0.jpg?dis_k=c71b3b9ef08f1b3657598967583dd5fe&dis_t=1653964707\",\r\n        },\r\n        {\r\n          index: 2,\r\n          url: \"https://50058.gzc.svp.tencent-cloud.com/0b53riacsaaapmal6s67fbqyvcwdfgfaakia.f0.jpg?dis_k=dc06ab70b96ce4895f9cfc9c0baf33bb&dis_t=1642043122\",\r\n          url2: \"https://50058.gzc.svp.tencent-cloud.com/0b53vaacqaaasaal77w7ffqyvkgdfcuaakaa.f0.jpg?dis_k=e13d9912e0f569c7f2bf6fd343916e4f&dis_t=1642043192\",\r\n          url3: \"https://50058.gzc.svp.tencent-cloud.com/0b53f4a6maabxyajt6euczriwl6d4yxqdzqa.f0.jpg?dis_k=f651293078c21e41e2a1b2af905de052&dis_t=1653964689\",\r\n        },\r\n        {\r\n          index: 3,\r\n          url: \"https://50058.gzc.svp.tencent-cloud.com/0b534aadaaaalaamj7xaz5qyvygdgdqaamaa.f0.jpg?dis_k=463f3a79e3c12fec6fe73289dccf5743&dis_t=1642132664\",\r\n          url2: \"https://50058.gzc.svp.tencent-cloud.com/0b53uaadoaaahmadtihbzvqyvigdg6qaanya.f0.jpg?dis_k=d8ad8e286a6791b93d5fc6277587db57&dis_t=1642139291\",\r\n          url3: \"https://50058.gzc.svp.tencent-cloud.com/0b534ea7iaabsmaiwx4uc5rixyod6tqqd5aa.f0.jpg?dis_k=05cacd15820b9cf1b008828466ba085f&dis_t=1653964658\",\r\n        },\r\n      ],\r\n      //旧照片\r\n      imgUrl:\r\n        \"https://50058.gzc.svp.tencent-cloud.com/0b532aac4aaagealqzg76nqyvugdf3iaalqa.f0.jpg?dis_k=6a6f1bc6c219f527b0f556dcc3a7c6d1&dis_t=1642043105\",\r\n      //新照片\r\n      NewimgUrl:\r\n        \"https://50058.gzc.svp.tencent-cloud.com/0b53xmacsaaataal4lo72rqyvo6dfg5qakia.f0.jpg?dis_k=ef8555284c6c0a73e07db2ca66d43684&dis_t=1642043171\",\r\n      isActice: 0,\r\n      value: 50,\r\n      suffix: \"\", //文件拓展名\r\n      ImgName: \"\", //文件名\r\n      strImgName: \"\",\r\n      downImg: \"\",\r\n      uploadtake: false,\r\n      dowmtake: false,\r\n      mouse_disable: false,\r\n      first: 1,\r\n      bg_width: 98,\r\n      bg_height: 100,\r\n      loading: false,\r\n      bg_size: \"background-size:98% 100%\",\r\n      language_type: true,\r\n      canvasWidth: 0,\r\n      canvasHeight: 0,\r\n      srcList: [],\r\n      //模型选择\r\n      PitchOn_first: true,\r\n      PitchOn_last: false,\r\n      parameter: \"abc\",\r\n      file: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    if (window.innerWidth > 1032) {\r\n      this.creatQrCode();\r\n    }\r\n    if (this.$route.path.slice(1, 3) == \"zh\") {\r\n      this.language_type = true;\r\n    } else {\r\n      this.language_type = false;\r\n    }\r\n    this.createBtn();\r\n  },\r\n  watch: {\r\n    $route(to) {\r\n      if (to.path.slice(1, 3) == \"zh\") {\r\n        this.language_type = true;\r\n      } else {\r\n        this.language_type = false;\r\n      }\r\n      this.createBtn();\r\n    },\r\n  },\r\n  methods: {\r\n    createBtn() {\r\n      let btnHtml = `<div class=\"uploadBtn\">\r\n      ${this.language_type ? \"本地上传\" : \"Upload\"}\r\n      <input\r\n        type=\"file\"\r\n        accept=\"image/*\"\r\n        ref=\"avatarInput\"\r\n        multiple\r\n        class=\"uploadInput\"\r\n      />\r\n      </div>\r\n      <div\r\n        class=\"${this.mouse_disable ? \"mouse_disable\" : \"dowmBtn\"} downBtn\">\r\n        ${this.language_type ? \"下载图片\" : \"Download\"}\r\n      </div>`;\r\n      let btnLeft = document.getElementsByClassName(\"btnLeft\")[0];\r\n      btnLeft.innerHTML = btnHtml;\r\n      let input = document.getElementsByClassName(\"uploadInput\");\r\n      input[0].addEventListener(\"change\", this.uploadImage);\r\n      let down = document.getElementsByClassName(\"downBtn\");\r\n      down[0].addEventListener(\"click\", this.downloadImage);\r\n    },\r\n    modelFirst() {\r\n      this.PitchOn_first = true;\r\n      this.PitchOn_last = false;\r\n      this.parameter = \"abc\";\r\n      this.sendFn();\r\n      if (this.parameter == \"abc\") {\r\n        this.NewimgUrl = this.imgList[this.isActice].url2;\r\n      }\r\n    },\r\n    modelLast() {\r\n      this.PitchOn_last = true;\r\n      this.PitchOn_first = false;\r\n      this.parameter = \"def\";\r\n      this.sendFn();\r\n      if (this.parameter == \"def\") {\r\n        this.NewimgUrl = this.imgList[this.isActice].url3;\r\n      }\r\n    },\r\n    sendFn() {\r\n      if (this.file !== \"\") {\r\n        this.uploadImage(this.file);\r\n      }\r\n    },\r\n    getSrc(imgUrl) {\r\n      this.srcList = [];\r\n      this.srcList.push(imgUrl);\r\n    },\r\n    getSrcS(NewimgUrl) {\r\n      this.srcList = [];\r\n      this.srcList.push(NewimgUrl);\r\n    },\r\n    // 获取页面宽度\r\n    getWidth() {\r\n      if (window.innerWidth > 1032) {\r\n        this.windowWidth = true;\r\n      } else {\r\n        this.windowWidth = false;\r\n      }\r\n    },\r\n    changImg(item, index) {\r\n      this.imgUrl = item.url;\r\n      if (this.parameter == \"abc\") {\r\n        this.NewimgUrl = item.url2;\r\n      } else {\r\n        this.NewimgUrl = item.url3;\r\n      }\r\n      this.isActice = index;\r\n      this.bg_size = \"background-size:98% 100%\";\r\n      this.file = \"\";\r\n      let input = document.getElementsByClassName(\"uploadInput\")[0]\r\n      input.value = null\r\n    },\r\n    uploadImage(e) {\r\n      var that = this;\r\n      that.uploadtake = true;\r\n      this.file = e;\r\n      var file = e.target.files[0];\r\n      if (\r\n        ![\r\n          \"image/png\",\r\n          \"image/jpeg\",\r\n          \"image/jpeg\",\r\n          \"png\",\r\n          \"jpg\",\r\n          \"jpeg\",\r\n        ].includes(file.type)\r\n      ) {\r\n        that.$message({\r\n          type: \"error\",\r\n          message: that.language_type ? \"文件格式错误！仅支持png,jpg,jpeg格式\" : \"File format error! Only supports PNG, JPG, and JPEG formats\",\r\n        });\r\n        return;\r\n      }\r\n      var model = \"False\";\r\n      if (this.parameter == \"abc\") {\r\n        model = \"False\";\r\n      }\r\n      if (this.parameter == \"def\") {\r\n        model = \"True\";\r\n      }\r\n      that.ImgName = file.name; //获取文件名称\r\n      that.suffix = that.ImgName.substring(that.ImgName.lastIndexOf(\".\") + 1); //获取拓展名\r\n      that.strImgName = that.ImgName.split(\".\")[0];\r\n      let imgT =\r\n        \"https://50058.gzc.svp.tencent-cloud.com/0b53oibwiaadxaaozsg3xjrys4wdmrzagzaa.f0.png?dis_k=867894a49d34b36a9749f3589af8fcf1&dis_t=1675135178\";\r\n      let imageT = new Image();\r\n      imageT.src = imgT;\r\n      imageT.setAttribute(\"crossOrigin\", \"Anonymous\");\r\n      imageT.onload = function () {\r\n        var base64 = that.getBase64Image(imageT);\r\n        // document.getElementById(\"img\")['src'] = base64;\r\n        //转换base64到file\r\n        var file2 = that.btof(base64, \"test\");\r\n        var reader = new FileReader();\r\n        reader.onloadend = function () {\r\n          that.loading = true;\r\n          var forData = new FormData();\r\n          forData.append(\"file\", file);\r\n          forData.append(\"file2\", file2);\r\n          forData.append(\"matting_refine\", model);\r\n          forData.append(\"complate\", model);\r\n          let potss = forData;\r\n          let urls = \"https://arc.tencent.com/human_fenge/\";\r\n          let jhUrl = \"https://arc.tencent.com/identify_pictures\";\r\n          let jhForData = new FormData();\r\n          jhForData.append(\"file1\", file);\r\n          that.axios.post(jhUrl, jhForData).then((jhRes) => {\r\n            if (jhRes.data.errcode != 0) {\r\n              that.$message({\r\n                type: \"error\",\r\n                message: that.language_type\r\n                  ? \"图片可能涉及违规！\"\r\n                  : \"The image may involve violations\",\r\n              });\r\n              that.loading = false;\r\n              return;\r\n            }\r\n            that.axios\r\n              .post(urls, potss)\r\n              .then((res) => {\r\n                if (res.data.code == \"0\") {\r\n                  let img = new Image();\r\n                  img.src = window.URL.createObjectURL(file);\r\n                  img.onload = function () {\r\n                    if (img.width * 415 > img.height * 740) {\r\n                      let bg_height = (740 * img.height) / img.width / 4.15;\r\n                      that.bg_size =\r\n                        \"background-size:\" + \"98%\" + bg_height + \"%\";\r\n                    } else {\r\n                      let bg_width = (415 * img.width) / img.height / 7.4;\r\n                      that.bg_size = \"background-size:\" + bg_width + \"% 100%\";\r\n                    }\r\n                  };\r\n                  that.NewimgUrl = res.data.data[0].image_url;\r\n                  var baseimg = res.data.data[0].image_base64;\r\n                  that.downImg = baseimg;\r\n                  that.imgUrl = this.result;\r\n                  that.loading = false;\r\n                  that.$message({\r\n                    type: \"success\",\r\n                    message: that.language_type ? \"加载成功\" : \"Success\",\r\n                  });\r\n                } else {\r\n                  that.loading = false;\r\n                  that.$message({\r\n                    type: \"error\",\r\n                    message: that.language_type\r\n                      ? \"返回结果失败，请稍后再试\"\r\n                      : \"Failed to return results. Please try again later\",\r\n                  });\r\n                }\r\n              })\r\n              .catch(() => {\r\n                that.loading = false;\r\n                that.$message({\r\n                  type: \"error\",\r\n                  message: that.language_type\r\n                    ? \"当前调用的人太多啦，请稍后再试\"\r\n                    : \"Too many people are calling now. Please try again later\",\r\n                });\r\n                that.imgUrl = that.imgList[that.isActice].url;\r\n                that.NewimgUrl = that.imgList[that.isActice].url2;\r\n              });\r\n          });\r\n        };\r\n        reader.readAsDataURL(file);\r\n      };\r\n    },\r\n    downloadImage() {\r\n      if (this.downImg.length == \"0\") {\r\n        this.$message({\r\n          type: \"warning\",\r\n          message: this.language_type\r\n            ? \"请先上传图片\"\r\n            : \"Please upload pictures first\",\r\n        });\r\n      } else {\r\n        this.dowmtake = true;\r\n        var Namesuffix = this.language_type ? \"_抠图后\" : \"_after\";\r\n        // 如果浏览器支持msSaveOrOpenBlob方法（也就是使用IE浏览器的时候），那么调用该方法去下载图片\r\n        if (window.navigator.msSaveOrOpenBlob) {\r\n          let bstr = atob(this.downImg.split(\",\")[1]);\r\n          let n = bstr.length;\r\n          let u8arr = new Uint8Array(n);\r\n          while (n--) {\r\n            u8arr[n] = bstr.charCodeAt(n);\r\n          }\r\n          let blob = new Blob([u8arr]);\r\n          window.navigator.msSaveOrOpenBlob(\r\n            blob,\r\n            this.strImgName + Namesuffix + \".\" + this.suffix\r\n          );\r\n        } else {\r\n          // 这里就按照chrome等新版浏览器来处理\r\n          let a = document.createElement(\"a\");\r\n          a.href = this.downImg;\r\n          a.setAttribute(\r\n            \"download\",\r\n            this.strImgName + Namesuffix + \".\" + this.suffix\r\n          );\r\n          a.click();\r\n        }\r\n      }\r\n    },\r\n    slideImg() {\r\n      this.$refs.widthStyle.style.width = this.value + \"%\";\r\n      this.$refs.leftStyle.style.left = this.value + \"%\";\r\n      if (this.first == 1) {\r\n        this.first++;\r\n      } else {\r\n        // 鼠标滑过效果互斥\r\n        this.mouse_disable = true;\r\n      }\r\n    },\r\n    mouseMove() {\r\n      this.mouse_disable = false;\r\n    },\r\n    // 创建微信二维码\r\n    creatQrCode() {\r\n      var wx_qr = document.getElementsByClassName(\"code\");\r\n      var zh_path, en_path;\r\n      if (this.$route.path.slice(1, 3) == \"zh\") {\r\n        zh_path = this.$route.path;\r\n        en_path = this.$route.path.replace(\"/zh/\", \"/en/\");\r\n      } else {\r\n        zh_path = this.$route.path.replace(\"/en/\", \"/zh/\");\r\n        en_path = this.$route.path;\r\n      }\r\n      var path = \"https://arc.tencent.com\" + zh_path;\r\n      var path2 = \"https://arc.tencent.com\" + en_path;\r\n      var qrcode = new QRCode(this.$refs.qrCodeUrl, {\r\n        text: path, // 需要转换为二维码的内容\r\n        width: wx_qr[0].offsetWidth,\r\n        height: wx_qr[0].offsetHeight,\r\n        colorDark: \"#000000\",\r\n        colorLight: \"#ffffff\",\r\n        correctLevel: QRCode.CorrectLevel.H,\r\n      });\r\n      var qrcode2 = new QRCode(this.$refs.qrCodeUrl2, {\r\n        text: path2, // 需要转换为二维码的内容\r\n        width: wx_qr[0].offsetWidth,\r\n        height: wx_qr[0].offsetHeight,\r\n        colorDark: \"#000000\",\r\n        colorLight: \"#ffffff\",\r\n        correctLevel: QRCode.CorrectLevel.H,\r\n      });\r\n      console.log(qrcode, qrcode2);\r\n    },\r\n    wxShareAppMessage() {\r\n      wx.config({\r\n        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。\r\n        appId: \"wx80d0a7314195c39e\", // 必填，公众号的唯一标识\r\n        timestamp: \"1414587457\", // 必填，生成签名的时间戳\r\n        nonceStr: \"Wm3WZYTPz0wzccnW\", // 必填，生成签名的随机串\r\n        signature: \"0f9de62fce790f9a083d5c99e95740ceb90c27ed\", // 必填，签名\r\n        jsApiList: [\"updateAppMessageShareData\", \"updateTimelineShareData\"], // 必填，需要使用的JS接口列表\r\n      });\r\n      wx.ready(function () {\r\n        //需在用户可能点击分享按钮前就先调用\r\n        wx.updateAppMessageShareData({\r\n          title: \"人像抠图\", // 分享标题\r\n          desc: \"自动抠出前景人像图\", // 分享描述\r\n          link: \"https://arc.tencent.com/ai-demos/humansegmentation\", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致\r\n          imgUrl:\r\n            \"https://50058.gzc.svp.tencent-cloud.com/0b53lqadaaaat4ajeuavpzriuxgdgboaamaa.f0.jpg?dis_k=d924b0483964c3a9c031c8889a0c4c47&dis_t=1645585091\", // 分享图标\r\n          success: function () {\r\n            alert(\"分享成功\");\r\n          },\r\n          cancel: function () {\r\n            alert(\"分享失败\");\r\n          },\r\n        });\r\n        wx.updateTimelineShareData({\r\n          title: \"人像抠图-自动抠出前景人像图\", // 分享标题\r\n          link: \"https://arc.tencent.com/ai-demos/humansegmentation\", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致\r\n          imgUrl:\r\n            \"https://50058.gzc.svp.tencent-cloud.com/0b53lqadaaaat4ajeuavpzriuxgdgboaamaa.f0.jpg?dis_k=d924b0483964c3a9c031c8889a0c4c47&dis_t=1645585091\", // 分享图标\r\n          success: function () {\r\n            // 设置成功\r\n          },\r\n        });\r\n      });\r\n\r\n      wx.error(function () {\r\n        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。\r\n        alert(\"验证失败\");\r\n      });\r\n    },\r\n    // 分享到新浪微博\r\n    share_weibo(event) {\r\n      event.preventDefault();\r\n      // shareUrl是微博的分享地址，（有资料说需要真实的appkey，必选参数，这里我没用appkey也可以正常分享）\r\n      var _shareUrl = \"http://v.t.sina.com.cn/share/share.php?\";\r\n      _shareUrl +=\r\n        \"url=\" +\r\n        encodeURIComponent(\r\n          \"https://arc.tencent.com/ai-demos/humansegmentation\"\r\n        ); //参数url设置分享的内容链接\r\n      _shareUrl +=\r\n        \"&title=\" + encodeURIComponent(\"人像抠图-自动抠出前景人像图\"); //参数title设置分享的标题\r\n      _shareUrl +=\r\n        \"&pic=\" + encodeURIComponent(this.NewimgUrl) + \"&searchPic=true\";\r\n      // 保留当前页面,打开一个非tab页面（按需求来，可以新开标签页，也可以在当前页新开页面）\r\n      window.open(\r\n        _shareUrl,\r\n        \"_blank\",\r\n        \"height=400, width=400\",\r\n        \"scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes\"\r\n      );\r\n    },\r\n    shareToQQ() {\r\n      //此处分享链接内无法携带图片\r\n      const share = {\r\n        title: \"人像抠图\",\r\n        desc: \"自动抠出前景人像\",\r\n        share_url: \"https://arc.tencent.com/ai-demos/humansegmentation\",\r\n      };\r\n      var _shareUrl =\r\n        \"https://connect.qq.com/widget/shareqq/index.html?url=\" +\r\n        encodeURIComponent(share.share_url) +\r\n        \"&title=\" +\r\n        share.title +\r\n        \"&desc=\" +\r\n        share.desc;\r\n      window.open(\r\n        _shareUrl,\r\n        \"打开qq分享\",\r\n        \"height=700, width=800,left=500,top=200\",\r\n        \"scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes\"\r\n      );\r\n    },\r\n    //分享到贴吧\r\n    shareToTieba(event) {\r\n      event.preventDefault();\r\n      var _shareUrl = \"http://tieba.baidu.com/f/commit/share/openShareApi?\";\r\n      const share = {\r\n        title: \"人像抠图-自动抠出前景人像图\",\r\n        share_url: \"https://arc.tencent.com/ai-demos/humansegmentation\",\r\n        pic: this.NewimgUrl,\r\n        _width: 670,\r\n        _height: 550,\r\n        _top: (screen.height - 550) / 2,\r\n        _left: (screen.width - 670) / 2,\r\n      };\r\n      _shareUrl += \"title=\" + encodeURIComponent(share.title || document.title); //分享的标题\r\n      _shareUrl +=\r\n        \"&url=\" + encodeURIComponent(share.share_url || document.location); //分享的链接\r\n      _shareUrl += \"&pic=\" + encodeURIComponent(share.pic || \"\"); //分享的图片\r\n      window.open(\r\n        _shareUrl,\r\n        \"_blank\",\r\n        \"width=\" +\r\n          share._width +\r\n          \",height=\" +\r\n          share._height +\r\n          \",left=\" +\r\n          share._left +\r\n          \",top=\" +\r\n          share._top +\r\n          \",toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0\"\r\n      );\r\n    },\r\n    //分享到Facebook\r\n    shareToFacebook(event) {\r\n      event.preventDefault();\r\n      var _shareUrl = \"http://www.facebook.com/sharer/sharer.php?\";\r\n      const share = {\r\n        title: \"人像抠图-自动抠出前景人像\",\r\n        share_url: \"https://arc.tencent.com/ai-demos/humansegmentation\",\r\n        _width: 670,\r\n        _height: 550,\r\n        _top: (screen.height - 550) / 2,\r\n        _left: (screen.width - 670) / 2,\r\n      };\r\n      _shareUrl += \"u=\" + encodeURIComponent(share.share_url || location.href); //分享的链接\r\n      _shareUrl += \"&t=\" + encodeURIComponent(share.title || document.title); //分享的标题\r\n      window.open(\r\n        _shareUrl,\r\n        \"_blank\",\r\n        \"width=\" +\r\n          share._width +\r\n          \",height=\" +\r\n          share._height +\r\n          \",left=\" +\r\n          share._left +\r\n          \",top=\" +\r\n          share._top +\r\n          \",toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0\"\r\n      );\r\n    },\r\n    //分享到豆瓣\r\n    shareToDouban(event) {\r\n      event.preventDefault();\r\n      const share = {\r\n        title: \"人像抠图-自动抠出前景人像\",\r\n        share_url: \"https://arc.tencent.com/ai-demos/humansegmentation\",\r\n        pic: this.NewimgUrl,\r\n      };\r\n      var _shareUrl = \"http://shuo.douban.com/!service/share?\";\r\n      _shareUrl +=\r\n        \"href=\" + encodeURIComponent(share.share_url || location.href); //分享的链接\r\n      _shareUrl += \"&name=\" + encodeURIComponent(share.title || document.title); //分享的标题\r\n      _shareUrl += \"&image=\" + encodeURIComponent(share.pic || \"\"); //分享的图片\r\n      window.open(_shareUrl, \"_blank\");\r\n    },\r\n    // 改变arcLogo的大小、位置\r\n    // changeArea(url) {\r\n    //   let logo = document.getElementsByClassName(\"arcLogo\")[0];\r\n    //   let mar_top = 10;\r\n    //   let mar_left = 10;\r\n    //   let pix = 1;\r\n    //   let img = new Image();\r\n    //   img.src = url;\r\n    //   img.onload = function () {\r\n    //     if (img.width * 415 > img.height * 740) {\r\n    //       mar_top = (415 - (img.height * 740) / img.width) / 2 + 10;\r\n    //     } else {\r\n    //       mar_left = (740 - (img.width * 415) / img.height) / 2 + 10;\r\n    //     }\r\n    //     if (img.height / img.width >= 2) {\r\n    //       pix = 0.5;\r\n    //     } else if (img.height / img.width >= 1.5) {\r\n    //       pix = 0.8;\r\n    //     } else if (img.height / img.width >= 1.1) {\r\n    //       pix = 0.9;\r\n    //     }\r\n    //     logo.style.width = 0.88 * pix + \"rem\";\r\n    //     logo.style.height = 0.22 * pix + \"rem\";\r\n    //     logo.style.bottom = mar_top / 100 + \"rem\";\r\n    //     logo.style.right = mar_left / 100 + \"rem\";\r\n    //   };\r\n    // },\r\n    // 图片下载时合成logo\r\n    // addLogo(src) {\r\n    //   var that = this;\r\n    //   let image = new Image();\r\n    //   image.src = src;\r\n    //   image.setAttribute(\"crossOrigin\", \"anonymous\");\r\n    //   let canvas = document.createElement(\"canvas\");\r\n    //   let context = canvas.getContext(\"2d\");\r\n    //   let img2 = new Image();\r\n    //   // 将 image 加入画布\r\n    //   img2.src = \"\";\r\n    //   img2.setAttribute(\"crossOrigin\", \"anonymous\");\r\n    //   image.onload = () => {\r\n    //     that.canvasWidth = image.width;\r\n    //     that.canvasHeight = image.height;\r\n    //     canvas.width = image.width;\r\n    //     canvas.height = image.height;\r\n    //     context.drawImage(image, 0, 0, image.width, image.height);\r\n    //     img2.width = 88;\r\n    //     img2.height = 22;\r\n    //     // 将 img2 加入画布\r\n    //     img2.onload = () => {\r\n    //       var x = image.width - 88 - 10;\r\n    //       var y = image.height - 22 - 10;\r\n    //       context.drawImage(img2, x, y, img2.width, img2.height);\r\n    //       let src = canvas.toDataURL(\"image/png\");\r\n    //       that.downImg = src;\r\n    //     };\r\n    //   };\r\n    // },\r\n    getBase64Image(img) {\r\n      var canvas = document.createElement(\"canvas\");\r\n      canvas.width = img.width;\r\n      canvas.height = img.height;\r\n      var ctx = canvas.getContext(\"2d\");\r\n      ctx.drawImage(img, 0, 0, img.width, img.height);\r\n      var ext = img.src.substring(img.src.lastIndexOf(\".\") + 1).toLowerCase();\r\n      var dataURL = canvas.toDataURL(\"image/\" + ext);\r\n      return dataURL;\r\n    },\r\n    btof(data, fileName) {\r\n      const dataArr = data.split(\",\");\r\n      const byteString = atob(dataArr[1]);\r\n      const options = {\r\n        type: \"image/jpeg\",\r\n        endings: \"native\",\r\n      };\r\n      const u8Arr = new Uint8Array(byteString.length);\r\n      for (let i = 0; i < byteString.length; i++) {\r\n        u8Arr[i] = byteString.charCodeAt(i);\r\n      }\r\n      return new File([u8Arr], fileName + \".jpg\", options);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped lang='less'>\r\n/deep/.el-loading-spinner .path {\r\n  stroke: #babdc5;\r\n}\r\n\r\n/deep/.el-loading-mask {\r\n  z-index: 25;\r\n}\r\n\r\n/deep/ .el-image__inner {\r\n  object-fit: contain;\r\n}\r\n\r\n.humansegmentation {\r\n  max-width: 9.96rem;\r\n  margin: 0 auto;\r\n\r\n  .modelBox {\r\n    display: flex;\r\n    height: 0.46rem;\r\n    align-items: center;\r\n    margin-top: 0.3975rem;\r\n    color: #222222;\r\n    font-weight: 400;\r\n    font-size: 0.14rem;\r\n\r\n    .modelTitle {\r\n      margin-right: 0.08rem;\r\n    }\r\n\r\n    .modelSelect,\r\n    .PitchOn_first,\r\n    .PitchOn_last,\r\n    .PitchOn_Nthone {\r\n      padding: 0.12rem 0.16rem;\r\n      background: #f3f5f8;\r\n      border-radius: 0.02rem;\r\n      margin-left: 0.16rem;\r\n      cursor: pointer;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .modelSelect:hover {\r\n      color: #2e54eb;\r\n    }\r\n\r\n    .modelSelect:active {\r\n      color: #2e54eb;\r\n    }\r\n\r\n    .PitchOn_first,\r\n    .PitchOn_last,\r\n    .PitchOn_Nthone {\r\n      border: 0.01rem solid #2e54eb;\r\n      color: #2e54eb;\r\n      background-color: #ecf3ff;\r\n      font-weight: 600;\r\n    }\r\n  }\r\n\r\n  .functionBox {\r\n    background-color: #f2f6fa;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 2.93rem;\r\n    margin-top: 0.12rem;\r\n\r\n    .functionLeft {\r\n      position: relative;\r\n      width: 7.4rem;\r\n      height: 4.15rem;\r\n      border-radius: 0.02rem;\r\n      overflow: hidden;\r\n\r\n      .oldimgUrl {\r\n        overflow: hidden;\r\n        position: absolute;\r\n        height: 4.15rem;\r\n        z-index: 11;\r\n\r\n        .beforelabel {\r\n          position: absolute;\r\n          width: 0.66rem;\r\n          height: 0.38rem;\r\n          left: 0;\r\n          top: 0;\r\n          background: #00031e;\r\n          opacity: 0.5;\r\n          border-radius: 0.02rem;\r\n          font-family: PingFang SC;\r\n          font-style: normal;\r\n          font-weight: normal;\r\n          font-size: 0.14rem;\r\n          line-height: 0.38rem;\r\n          color: #fff;\r\n          text-align: center;\r\n          z-index: 1;\r\n        }\r\n\r\n        .imgUrl {\r\n          width: 7.4rem;\r\n          height: 4.15rem;\r\n          object-fit: contain;\r\n        }\r\n      }\r\n\r\n      .newimgUrl {\r\n        position: absolute;\r\n        width: 7.4rem;\r\n        height: 4.15rem;\r\n        background-color: #e2e8ef;\r\n        background: url(\"https://50058.gzc.svp.tencent-cloud.com/0b53diabaaaaomapqz7pqfqyugwdcanaaeaa.f0.jpg?dis_k=6ed76588ad816a371878ebf7caf647d0&dis_t=1643112553\")\r\n          no-repeat;\r\n        background-position: center center;\r\n\r\n        .imgUrl {\r\n          display: block;\r\n          width: 7.4rem;\r\n          height: 4.15rem;\r\n          object-fit: contain;\r\n        }\r\n\r\n        .arcLogo {\r\n          position: absolute;\r\n          width: 0.88rem;\r\n          height: 0.22rem;\r\n          right: 0.1rem;\r\n          bottom: 0.1rem;\r\n        }\r\n      }\r\n\r\n      .slideRectangle {\r\n        position: absolute;\r\n        margin-left: -0.38rem;\r\n        z-index: 22;\r\n\r\n        .Slice {\r\n          position: absolute;\r\n          bottom: -0.08rem;\r\n          width: 0.76rem;\r\n          height: 0.53rem;\r\n\r\n          img {\r\n            width: 0.76rem;\r\n            height: 0.53rem;\r\n          }\r\n        }\r\n\r\n        .Rectangle {\r\n          position: absolute;\r\n          left: 0.38rem;\r\n          bottom: -0.2rem;\r\n          width: 1px;\r\n          height: 4.15rem;\r\n\r\n          img {\r\n            width: 1px;\r\n            height: 4.15rem;\r\n          }\r\n        }\r\n\r\n        .afterlabel {\r\n          width: 0.66rem;\r\n          height: 0.38rem;\r\n          position: absolute;\r\n          top: -3.95rem;\r\n          left: 0.39rem;\r\n          background: #00031e;\r\n          opacity: 0.5;\r\n          border-radius: 0.02rem;\r\n          font-family: PingFang SC;\r\n          font-style: normal;\r\n          font-weight: normal;\r\n          font-size: 0.14rem;\r\n          line-height: 0.38rem;\r\n          color: #fff;\r\n          text-align: center;\r\n          z-index: 1;\r\n        }\r\n      }\r\n\r\n      /deep/.el-slider {\r\n        margin-top: 3.57rem;\r\n\r\n        .el-slider__runway {\r\n          background-color: rgba(255, 255, 255, 0);\r\n        }\r\n\r\n        .el-slider__bar {\r\n          background-color: rgba(255, 255, 255, 0);\r\n        }\r\n\r\n        .el-slider__button-wrapper {\r\n          width: 0.76rem;\r\n\r\n          .el-slider__button {\r\n            z-index: 999;\r\n            width: 0.5rem;\r\n            height: 0.3rem;\r\n            border: 0;\r\n            background-color: rgba(255, 255, 255, 0);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .functionRight {\r\n      flex: 1;\r\n      padding-left: 0.26rem;\r\n      padding-right: 0.24rem;\r\n      padding-top: 0.23rem;\r\n\r\n      .imgList {\r\n        display: block;\r\n        width: 2.06rem;\r\n        height: 1.16rem;\r\n        object-fit: cover;\r\n        box-sizing: border-box;\r\n        border: solid 0.02rem transparent;\r\n      }\r\n\r\n      img:nth-child(1) {\r\n        margin-bottom: 0.23rem;\r\n      }\r\n\r\n      img:nth-child(2) {\r\n        margin-bottom: 0.23rem;\r\n      }\r\n\r\n      .active {\r\n        border: solid 0.02rem #2e54eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .btnBox {\r\n    width: 100%;\r\n    height: 1.06rem;\r\n    padding-top: 0.3rem;\r\n    padding-bottom: 0.3rem;\r\n    padding-left: 0.3rem;\r\n    box-sizing: border-box;\r\n\r\n    .btnLeft {\r\n      float: left;\r\n      display: flex;\r\n\r\n      /deep/.uploadBtn {\r\n        background-color: #2e54eb;\r\n        width: 1.6rem;\r\n        height: 0.46rem;\r\n        line-height: 0.46rem;\r\n        border-radius: 0.02rem;\r\n        color: #fff;\r\n        font-size: 0.16rem;\r\n        text-align: center;\r\n        margin-right: 0.3rem;\r\n        position: relative;\r\n      }\r\n      /deep/.uploadInput {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        top: 0;\r\n        right: 0;\r\n        left: 0;\r\n        bottom: 0;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        padding: 0.25rem;\r\n      }\r\n\r\n      /deep/.uploadBtn:hover {\r\n        background-color: #486dff;\r\n      }\r\n\r\n      /deep/.uploadBtn:active {\r\n        background-color: #002acf;\r\n      }\r\n\r\n      /deep/.clickupload {\r\n        background-color: #002acf;\r\n      }\r\n\r\n      /deep/.dowmBtn,\r\n      /deep/.mouse_disable {\r\n        width: 1.6rem;\r\n        height: 0.46rem;\r\n        line-height: 0.46rem;\r\n        border-radius: 0.02rem;\r\n        font-size: 0.16rem;\r\n        text-align: center;\r\n        border: 1px solid #2e54eb;\r\n        color: #2e54eb;\r\n        cursor: pointer;\r\n      }\r\n\r\n      /deep/.dowmBtn:hover {\r\n        color: #fff;\r\n        background-color: #486dff;\r\n        border: 1px solid transparent;\r\n      }\r\n\r\n      /deep/.dowmBtn:active {\r\n        color: #fff;\r\n        background-color: #002acf;\r\n        border: 1px solid transparent;\r\n      }\r\n    }\r\n\r\n    .btnRight {\r\n      height: 0.46rem;\r\n      flex: 1;\r\n      margin-right: 0.08rem;\r\n      display: flex;\r\n      align-items: center;\r\n      float: right;\r\n\r\n      .shareTo {\r\n        font-weight: 600;\r\n        font-family: PingFang SC;\r\n        font-size: 0.14rem;\r\n        line-height: 0.2rem;\r\n        margin-right: 0.22rem;\r\n        color: #222;\r\n      }\r\n\r\n      .shareIcon {\r\n        position: relative;\r\n        margin-right: 0.16rem;\r\n        width: 0.28rem;\r\n        height: 0.28rem;\r\n        background-color: #fff;\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n\r\n        img {\r\n          object-fit: contain;\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n\r\n        .normal_img {\r\n          display: inline-block;\r\n        }\r\n\r\n        .hover_img {\r\n          display: none;\r\n        }\r\n\r\n        .wx_code {\r\n          width: 1.52rem;\r\n          height: 1.8rem;\r\n          background: #ffffff;\r\n          border: 1px solid #d9e0e8;\r\n          box-sizing: border-box;\r\n          box-shadow: 0rem 0.04rem 0.15rem rgba(108, 121, 154, 0.201759);\r\n          border-radius: 0.02rem;\r\n          position: absolute;\r\n          top: 0.28rem;\r\n          left: -0.62rem;\r\n          visibility: hidden;\r\n\r\n          .code {\r\n            width: 1.2rem;\r\n            height: 1.2rem;\r\n            margin: 0.16rem 0.16rem 0.08rem;\r\n          }\r\n\r\n          p {\r\n            height: 0.2rem;\r\n            font-family: PingFang SC;\r\n            font-style: normal;\r\n            font-weight: 600;\r\n            font-size: 0.14rem;\r\n            line-height: 0.2rem;\r\n            color: #434343;\r\n            text-align: center;\r\n          }\r\n        }\r\n      }\r\n\r\n      .shareIcon:hover {\r\n        .normal_img {\r\n          display: none;\r\n        }\r\n\r\n        .hover_img {\r\n          display: inline-block;\r\n        }\r\n\r\n        .wx_code {\r\n          visibility: inherit;\r\n        }\r\n      }\r\n\r\n      .hover_img:active {\r\n        opacity: 0.7;\r\n      }\r\n    }\r\n  }\r\n\r\n  .functionBox_mini {\r\n    margin-top: 0.8rem;\r\n\r\n    .message {\r\n      width: 80%;\r\n      margin: 0 auto;\r\n      font-family: PingFangSC-Regular, sans-serif;\r\n      font-size: 0.3rem;\r\n      color: #666666;\r\n      line-height: 0.52rem;\r\n      text-align: center;\r\n    }\r\n\r\n    .wxapp_box {\r\n      width: 3.4rem;\r\n      height: 3.4rem;\r\n      margin: 0.4rem auto 0;\r\n      background: #ffffff;\r\n      border: 1px solid #d9e0e8;\r\n      box-sizing: border-box;\r\n      box-shadow: 0px 0.04rem 0.15rem rgb(108 121 154 / 20%);\r\n      border-radius: 0.02rem;\r\n      text-align: center;\r\n      padding-top: 0.2rem;\r\n\r\n      img {\r\n        width: 3rem;\r\n        height: 3rem;\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!./humansegmentation.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!./humansegmentation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./humansegmentation.vue?vue&type=template&id=09b0cf9a&scoped=true&\"\nimport script from \"./humansegmentation.vue?vue&type=script&lang=js&\"\nexport * from \"./humansegmentation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./humansegmentation.vue?vue&type=style&index=0&id=09b0cf9a&scoped=true&lang=less&\"\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  \"09b0cf9a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./humansegmentation.vue?vue&type=style&index=0&id=09b0cf9a&scoped=true&lang=less&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAGfCAYAAAB1OQMNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAnSURBVHgB7caxAQAgCAMw9HI/rwzcwJRMOUletVtDREREREREZC0flncGu/TLRfcAAAAASUVORK5CYII=\""],"sourceRoot":""}