{"version":3,"sources":["webpack:///./src/views/UserDetails.vue","webpack:///src/views/UserDetails.vue","webpack:///./src/views/UserDetails.vue?d479","webpack:///./src/views/UserDetails.vue?e379","webpack:///./src/views/UserDetails.vue?5ba0"],"names":["render","_vm","this","_c","_self","_m","staticClass","staticStyle","on","$event","target","currentTarget","onClickNavbarLeft","apply","arguments","hts","directives","name","rawName","value","navshow","expression","_v","_s","title","style","backgroundImage","defaultImgUrl","backgroundColor","bgs","bigContentBgs","videoShow","attrs","cover","xuanShouUrl","magnify","numbershow","xuNumberImg","_f","order","worksName","_e","authorName","rankingBgImg","ranking","voteNumber","juPerName","domProps","intro","formeLaUrl","onSelect","voteBtnUrl","voteBtn","ref","QRcodeFrame","top","shareBoxHeight","left","allData","fontsize","Navtitle","fontsize2","poster","ishtml2CanvsBox","require","guanBtnClick","lastUrl","lotteryFrameShow","lotteryFrame","changeCI","GoToTheSweepstakesPage","quxiao","imgShow","stopPlay","imgShowSrc","staticRenderFns","randomString","e","a","n","moment","data","name1","userData","bigFrameUrl","xuanShouUrls","perData","auth","nowDatas","startTime","endTime","sessionid","stemFrom","siteId","preview","preview_token","allUrl","huoDongId","item_id","GetQueryStringGroupName","groupEnable","groupName","showShare","options","icon","windowUrl","ruas","fenxiangImg","totalTime","currPlayTime","group","current","fxtitle","fxhumb","fxt","date_gpt","components","filters","number","methods","query","id","fns","window","getnewurl","arr","obj","url","content","img","cztvApi","objs","voteB","CryptoJS","toString","method","headers","previewToken","timestamp","userSession","nonce","signature","vote_item_id","num","vote_id","token","then","res","Toast","catch","err","searchValue","wm","that","location","getDataE","sessionStorage","document","created","responseType","mounted","fn","default_info","watch","component"],"mappings":"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AC,WACAC,iBACAC,UACAC,aACAC,WACAC,2BACAC,eACAC,aACAvC,UACAwC,aACAC,SACA,CAAAtF,UAAAuF,eACA,CAAAvF,YAAAuF,aACA,CAAAvF,YAAAuF,gBAEAC,aACA/C,WACAJ,eACAE,kBACAkD,QACAxC,WACAH,mBACA4C,eAEAvC,uBACAD,oBACAE,YACAtC,aACA6E,eACAC,wBACAC,SACA7F,QACA8F,UACAC,WACAC,UACA7F,WACAgB,cACA8E,OACAC,cAGAC,YACA,0BAEAC,SACAC,UACA,QACA,YACA,MACA,MACA,OADA,IAMAC,SAEAxG,MACA,mBACAE,YACAuG,OACAC,4BAKAC,OACA,kBAEAjD,WACA,iBAEAtC,WACA,gBACA,mBAGAoC,SACA,0BAGAD,yBACAqD,wKAGAC,aACA,sBACA,0BACA,qBACA,oBAGA,IAFA,SACA,eACA,mBACAC,qBACAC,0BAEA,KACA,wFACA,WAKA5E,YACA,cACA,4CACA,sDACA,mCAEA,yDACA,gDACA,gJACA,GACA6E,MACAvG,mBACAwG,WACAC,iBAEAC,sBAEA,CACA,gBACA,2BACAC,WAIAlE,eACA,yBAGAmE,aACA,2BAEA,OACA,gEAEA,iBACA,WACAC,2BACA,GACAC,WACA,YACAP,oBACAQ,cACAC,SACA1C,qBACA2C,gCACAC,YACAC,cACAC,QACAC,aAEA5D,MACA6D,8BACAC,MACAC,UACAC,WAGAC,KAAAC,IACA,mBACA,yBACA,oBACA,0BAMA,4CAGAC,iCAEAC,MAAAC,IACAF,wCAGAG,iBAEA,WACA,gEAEA,iBACA,WACAlB,2BACA,GACAC,WACA,YACAP,uEACAQ,aACAC,SACA1C,qBACA2C,gCACAC,YACAC,cAGAC,QACAC,eAEAK,KAAAC,IACA,gCACA,6BACA,+BAOA/F,aAEA,sBAEA,GACA,4BACA,yBACA,uBACA,mBACA,oBAEA,GACA,6BACA,0BACA,wBACA,oBACA,qBAGA,GACA,+BACA,2BACA,CACA,WACA,aACAoG,gEAEAC,kBAGAN,SACA,6BAEAC,sBACA,4BAEAA,0BAKAlB,kBACA,aACAwB,wBAIA,CAEA,gBACA,2BACAvB,cAIA,0DACA,gBACA,6BAEAiB,sBACA,4BAEAA,sBAMAO,WACA,YACA5B,sBACAQ,aACAC,SACA1C,qBACA2C,mCAEAS,KAAAC,IAEA,0CACAS,yEACA,uCAEAC,kCACA,IACA3B,yCACA,UAEA,iCACA,oBACA,8BACA,yCACA,2CAEA,4BACA,2BAEA,kCAEA,4BAGA,6BAEA,2BAEA,mBAEA,0BAEA,0BAEA,2BAEA,8BACA,6BACA,iCACA,4CACA,sEAEA,6CAGA,mCAEA,4BAGA,6BAEA,2BAEA,mBAEA,0BAEA,0BAEA,2BAEA,8BACA,6BACA,iCACA,4CACA,sEAEA,6CAGA,kCAEA,4BAGA,6BAEA,2BAEA,mBAEA,0BAEA,0BAEA,2BACA,8BACA,6BACA,iCACA,4CACA,sEAEA,6CAGA,iCAEA,4BAGA,6BAEA,2BAEA,mBAEA,0BAEA,0BAEA,2BACA,8BACA,6BACA,iCACA,4CACA,sEAEA,6CAGA,mCAEA,4BAGA,6BAEA,2BAEA,mBAEA,0BAEA,0BAEA,2BACA,8BACA,6BACA,iCACA,4CACA,sEAEA,6CAGA,qCAEA,4BAGA,6BAEA,2BAEA,mBAEA,0BAEA,0BAEA,2BACA,8BACA,6BACA,iCACA,4CACA,sEAEA,iDAOA4B,UACA,kDAOA,cACA,4CACA,sDACA,mCATA,YACA/B,uDACAQ,eACAW,KAAAC,IACA,2BAOA,6CACAjB,4BAEA,6CAEA,cACAP,gKAGA,eACA,YACAI,kGACAQ,eACAW,KAAAC,IA6CA,cACA,4CACA,sDACA,mCA/CA,qBAEA,yCACA,iEAEA,uCAEA,sFACA,kIAEA,uCAEA,0CAEA,wCADA,gFAIA,8BAIA,wDAEA,4BAEA,8BAEA,gCAEA,mCAEA,+BAGA,8BACA,kCACA,8BAEA,8BACA,iCACAS,gDACAA,6CACA,uCACA,mDAMA,YACA7B,sBACAQ,aACAC,SACA1C,qBACA2C,mCAEAS,KAAAC,IACA,wBACA,qBACA,sCACA,gJAEA,GACApB,MACAvG,iBACAwG,WACAC,cAGAC,+BAUA,4CACA,gBAEA,kBAGA,qCACA,+CACA,wCAEA,oCACA,uCACA,qDAEA,uBACA,oBAEA,0IACA,wBACA,YACAH,6CACAQ,aACAwB,sBACAb,KAAAC,IACA,yCACA,gBAEA,2BACA,SACA,qBAGAa,UAEA,uDACA,oCACA,uCACA,kCACA,qDAEA,wCAEA,iCAEAH,0BAEAA,qCAEAlC,qBACA,uCACA,mDACAO,qBACA,sBACA,wBAEA,0DACA,gBAEA,gCACA,YACAH,sBACAQ,aACAC,SACA1C,qBACA2C,mCAEAS,KAAAC,IACA,sCACA,qDACA,8BACA,wBACA,2CACA,kCACA,gCAEA,mCACA,4CACAS,gEAEA,mBACAA,8FAGA,2DACAA,6CACAK,yBAGA,8CACAC,gCACA,kBACA,wBAEA,iBACA,uBAEA,OAIAC,OAEAnE,UAEA,6BACA,oCACA,KAEA,YACA+B,4HACAQ,eACAW,KAAAC,IACA,iBACA,8BACA,sDAEA,4BAEA,2EACA,uHAEA,2BAEA,oBACA,mBACA,iBACA,mBACA,qBACA,mBACA,wBACA,sBACA,yBAEA,MACA,YACApB,sFACAQ,eACAW,KAAAC,IACA,iBACA,8BACA,sDAEA,4BAEA,2EACA,uHAEA,2BAEA,oBACA,mBACA,iBACA,mBACA,qBACA,mBACA,wBACA,sBACA,6BCn6BwS,I,wBCQpSiB,EAAY,eACd,EACApK,EACA2E,GACA,EACA,KACA,WACA,MAIa,aAAAyF,E,2CCnBf","file":"static/js/chunk-ec4dd58e.3da9dd54.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._m(0),_c('div',{staticClass:\"znav\"},[_c('div',{staticStyle:{\"position\":\"relative\",\"top\":\"30%\",\"left\":\"2%\",\"width\":\"14px\",\"height\":\"14px\",\"border-top\":\"3px solid rgb(174 173 173)\",\"border-right\":\"3px solid rgb(174 173 173)\",\"transform\":\"rotate(-135deg)\"},on:{\"click\":[function($event){if($event.target !== $event.currentTarget)return null;return _vm.onClickNavbarLeft.apply(null, arguments)},_vm.hts]}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.navshow),expression:\"navshow\"}],staticClass:\"navtitle\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"white-space\":\"nowrap\",\"text-overflow\":\"ellipsis\",\"overflow\":\"hidden\"}},[_vm._v(_vm._s(_vm.title))])])]),_c('div',{staticClass:\"banner\",style:({ backgroundImage: `url(${_vm.defaultImgUrl})` })}),_c('div',{staticClass:\"bgc\",style:({ backgroundColor: `${_vm.bgs}` })}),_c('div',{staticClass:\"bigContent\",style:({ backgroundColor: `${_vm.bigContentBgs}` })},[_c('div',{staticClass:\"imgXuNumberAndName\"},[(_vm.videoShow == 'video')?_c('KwaiPlayerWebVue3',{staticClass:\"player\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"poster\":_vm.cover ? _vm.cover : _vm.xuanShouUrl + '?x-oss-process=video/snapshot,t_10000,f_jpg',\"src\":_vm.xuanShouUrl,\"autoplay\":true,\"disableDanmaku\":true,\"playsinline\":true}}):_c('img',{directives:[{name:\"centerImg2\",rawName:\"v-centerImg2\"}],staticClass:\"img\",attrs:{\"src\":_vm.xuanShouUrl,\"alt\":\"\"},on:{\"click\":function($event){return _vm.magnify(_vm.xuanShouUrl)}}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.numbershow),expression:\"numbershow\"}],staticClass:\"xImg\",attrs:{\"src\":_vm.xuNumberImg,\"alt\":\"\",\"srcset\":\"\"}}),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.numbershow),expression:\"numbershow\"}],staticClass:\"xuNumber\"},[_vm._v(_vm._s(_vm._f(\"number\")(_vm.order,_vm.order))+\"号\")])],1),_c('div',{staticClass:\"tiltBox\"},[(_vm.name)?_c('p',[_vm._v(_vm._s(_vm.worksName)+\":\"+_vm._s(_vm.name))]):_vm._e(),(_vm.title)?_c('p',[_vm._v(_vm._s(_vm.authorName)+\":\"+_vm._s(_vm.title))]):_vm._e()]),_c('div',{staticClass:\"rankingBox\",style:({ backgroundImage: `url(${_vm.rankingBgImg})` })},[_c('div',{staticClass:\"boxs\"},[_c('p',{staticClass:\"rankingNumber\"},[_vm._v(_vm._s(_vm.ranking))]),_c('p',{staticClass:\"piaoNumber\"},[_vm._v(_vm._s(_vm.voteNumber))]),_c('p',{staticClass:\"juLast\"},[_vm._v(_vm._s(_vm.juPerName)),_c('b',{staticClass:\"smallPiao\"},[_vm._v(\"票\")])])])]),_c('div',{staticClass:\"textBox\",domProps:{\"innerHTML\":_vm._s(_vm.intro)}}),_c('div',{staticClass:\"laVote\"},[_c('div',{staticClass:\"la\",style:({ backgroundImage: `url(${_vm.formeLaUrl})` }),on:{\"click\":_vm.onSelect}},[_vm._v(\" 为我拉票 \")]),_c('div',{staticClass:\"tou\",style:({ backgroundImage: `url(${_vm.voteBtnUrl})` }),on:{\"click\":_vm.voteBtn}},[_vm._v(\" 投票 \")])])]),_c('div',{ref:\"imgCanvas\",staticClass:\"shareBox\",style:({\r\n      backgroundImage: 'url(' + _vm.QRcodeFrame + ')',\r\n      top: _vm.shareBoxHeight + 'rem',\r\n      left: -99999999 + 'px',\r\n    }),attrs:{\"id\":\"htmlCanvas\"}},[_c('p',{staticClass:\"shareText\",style:(_vm.allData.fontsize)},[_vm._v(_vm._s(_vm.Navtitle))]),_c('div',{staticClass:\"QRcodeBox\"},[_c('div',{staticClass:\"xhaoNumber\",style:({ backgroundImage: `url(${_vm.xuNumberImg})` })},[_vm._v(\" \"+_vm._s(_vm._f(\"number\")(_vm.order,_vm.order))+\"号 \")]),_c('p',{staticClass:\"shareText2\",style:(_vm.allData.fontsize2)},[_vm._v(_vm._s(_vm.title))]),_c('img',{staticClass:\"QRcode\",attrs:{\"src\":_vm.poster,\"alt\":\"\"}}),_c('p',{staticClass:\"lastText\"},[_vm._v(\"长按识别二维码帮ta投票\")])])]),(_vm.ishtml2CanvsBox)?_c('div',{staticClass:\"mengban\"},[_c('div',{staticClass:\"html2CanvBox\"},[_c('div',{staticClass:\"guanBtn\",staticStyle:{\"float\":\"right\"}},[_c('img',{attrs:{\"src\":require(\"../assets/guan.png\"),\"alt\":\"\",\"srcset\":\"\"},on:{\"click\":_vm.guanBtnClick}})]),_c('img',{staticClass:\"html2CanvBoxImg\",attrs:{\"src\":_vm.lastUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"enImg\"},[_vm._v(\"长按图片保存\")])])]):_vm._e(),(_vm.lotteryFrameShow)?_c('div',{staticClass:\"lotteryFrameS\",style:({ backgroundImage: `url(${_vm.lotteryFrame})` })},[_c('div',{staticClass:\"lotteryFrameSText\"},[_vm._v(\"恭喜您,获得 \"),_c('p',{staticClass:\"lotteryFrameSText2\"},[_vm._v(_vm._s(_vm.changeCI))]),_vm._v(\"次抽奖机会\")]),_c('div',{staticClass:\"lotteryFrameSBtn\",on:{\"click\":_vm.GoToTheSweepstakesPage}},[_c('img',{attrs:{\"src\":require(\"../assets/lotteryBtn.png\"),\"alt\":\"\",\"srcset\":\"\"}})]),_c('p',{staticClass:\"zaikankan\",on:{\"click\":_vm.quxiao}},[_vm._v(\"再看看\")])]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.imgShow),expression:\"imgShow\"}],staticClass:\"imgShowBigBox\",on:{\"click\":_vm.stopPlay}},[_c('img',{staticClass:\"imgShowSrc\",attrs:{\"src\":_vm.imgShowSrc,\"alt\":\"\"}})])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"cover\",staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"cover\"}},[_c('div',{staticClass:\"flex-img\",attrs:{\"id\":\"flex\"}},[_c('img',{attrs:{\"src\":\"https://h5.cztv.com/pinghu/h5/hfc/images/open.png\"}})])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- 提示  在微信里面显示-->\r\n    <div class=\"cover\" id=\"cover\" style=\"display: none\">\r\n      <div class=\"flex-img\" id=\"flex\">\r\n        <img src=\"https://h5.cztv.com/pinghu/h5/hfc/images/open.png\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"znav\">\r\n      <div\r\n        style=\"position: relative;top: 30%;left: 2%;width:14px;\r\n          height:14px;border-top:3px solid rgb(174 173 173);border-right:3px solid rgb(174 173 173);transform: rotate(-135deg);\"\r\n        @click.self=\"onClickNavbarLeft\" @click=\"hts\"></div>\r\n      <div class=\"navtitle\" v-show=\"navshow\">\r\n        <div style=\"width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;\">{{ title }}</div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- banner图 -->\r\n    <div class=\"banner\" :style=\"{ backgroundImage: `url(${defaultImgUrl})` }\"></div>\r\n    <div class=\"bgc\" :style=\"{ backgroundColor: `${bgs}` }\">\r\n    </div>\r\n    <!-- 框框(最大的) -->\r\n    <!-- <div class=\"bigContent\" :style=\"{ backgroundImage: `url(${bigFrameUrl})` }\"> -->\r\n    <div class=\"bigContent\" :style=\"{ backgroundColor: `${bigContentBgs}` }\">\r\n      <!-- 图片 + 序号 + 名称 -->\r\n      <div class=\"imgXuNumberAndName\">\r\n        <KwaiPlayerWebVue3 :poster=\"cover ? cover : xuanShouUrl + '?x-oss-process=video/snapshot,t_10000,f_jpg'\"\r\n          class=\"player\" :src=\"xuanShouUrl\" :autoplay=\"true\" :disableDanmaku=\"true\" :playsinline=\"true\"\r\n          v-if=\"videoShow == 'video'\" style=\"width: 100%;height: 100%;\" />\r\n        <!-- <van-swipe v-else class=\"img my-swipe\"  indicator-color=\"white\">\r\n          <van-swipe-item  v-for=\"(image, index) in xuanShouUrl\" :key=\"index\">\r\n            <img  class=\"img\" :src=\"image\">\r\n          </van-swipe-item>\r\n        </van-swipe> -->\r\n        <img v-centerImg2 @click=\"magnify(xuanShouUrl)\" class=\"img\" :src=\"xuanShouUrl\" alt=\"\" v-else>\r\n        <img class=\"xImg\" :src=\"xuNumberImg\" alt=\"\" srcset=\"\" v-show=\"numbershow\" />\r\n        <p class=\"xuNumber\" v-show=\"numbershow\">{{ order | number(order) }}号</p>\r\n        <!-- <p class=\"names\">{{ title }}</p> -->\r\n      </div>\r\n      <div class=\"tiltBox\">\r\n        <p v-if=\"name\">{{ worksName }}:{{ name }}</p>\r\n        <p v-if=\"title\">{{ authorName }}:{{ title }}</p>\r\n      </div>\r\n      <!-- 排名 票数 居上一名 -->\r\n      <div class=\"rankingBox\" :style=\"{ backgroundImage: `url(${rankingBgImg})` }\">\r\n        <div class=\"boxs\">\r\n          <!-- 排名 -->\r\n          <p class=\"rankingNumber\">{{ ranking }}</p>\r\n          <!-- 票数 -->\r\n          <p class=\"piaoNumber\">{{ voteNumber }}</p>\r\n          <!-- 距上一名 -->\r\n          <p class=\"juLast\">{{ juPerName }}<b class=\"smallPiao\">票</b></p>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 文本 (选手简介 如何未填写  则隐藏)-->\r\n      <div class=\"textBox\" v-html=\"intro\"></div>\r\n      <div class=\"laVote\">\r\n        <div class=\"la\" @click=\"onSelect\" :style=\"{ backgroundImage: `url(${formeLaUrl})` }\">\r\n          为我拉票\r\n        </div>\r\n        <div class=\"tou\" @click=\"voteBtn\" :style=\"{ backgroundImage: `url(${voteBtnUrl})` }\">\r\n          投票\r\n        </div>\r\n      </div>\r\n      <!-- <van-share-sheet v-model=\"showShare\" title=\"立即分享给好友\" :options=\"options\" @select=\"onSelect\" /> -->\r\n    </div>\r\n    <!-- 分享海报 -->\r\n    <div id=\"htmlCanvas\" ref=\"imgCanvas\" class=\"shareBox\" :style=\"{\r\n      backgroundImage: 'url(' + QRcodeFrame + ')',\r\n      top: shareBoxHeight + 'rem',\r\n      left: -99999999 + 'px',\r\n    }\">\r\n\r\n      <!-- <div class=\"guanBtn\">\r\n        <img @click=\"guanBtnClick\" src=\"../assets/guan.png\" alt=\"\" srcset=\"\" />\r\n      </div> -->\r\n      <p class=\"shareText\" :style=\"allData.fontsize\">{{ Navtitle }}</p>\r\n      <!-- 二维码 -->\r\n      <div class=\"QRcodeBox\">\r\n        <div class=\"xhaoNumber\" :style=\"{ backgroundImage: `url(${xuNumberImg})` }\">\r\n          {{ order | number(order) }}号\r\n        </div>\r\n        <p class=\"shareText2\" :style=\"allData.fontsize2\">{{ title }}</p>\r\n        <img :src=\"poster\" alt=\"\" class=\"QRcode\" />\r\n        <p class=\"lastText\">长按识别二维码帮ta投票</p>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- html2Canvs生成之后的海报二维码 -->\r\n    <div class=\"mengban\" v-if=\"ishtml2CanvsBox\">\r\n      <div class=\"html2CanvBox\">\r\n        <div class=\"guanBtn\" style=\"float: right;\">\r\n          <img @click=\"guanBtnClick\" src=\"../assets/guan.png\" alt=\"\" srcset=\"\" />\r\n        </div>\r\n        <img class=\"html2CanvBoxImg\" :src=\"lastUrl\" alt=\"\" />\r\n        <div class=\"enImg\">长按图片保存</div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 抽奖 -->\r\n    <div class=\"lotteryFrameS\" v-if=\"lotteryFrameShow\" :style=\"{ backgroundImage: `url(${lotteryFrame})` }\">\r\n      <div class=\"lotteryFrameSText\">恭喜您,获得 <p class=\"lotteryFrameSText2\">{{ changeCI }}</p>次抽奖机会</div>\r\n      <div class=\"lotteryFrameSBtn\" @click=\"GoToTheSweepstakesPage\"><img src=\"../assets/lotteryBtn.png\" alt=\"\" srcset=\"\">\r\n      </div>\r\n      <p class=\"zaikankan\" @click=\"quxiao\">再看看</p>\r\n    </div>\r\n\r\n    <!-- 放大图片 -->\r\n    <div class=\"imgShowBigBox\" v-show=\"imgShow\" @click=\"stopPlay\">\r\n      <img class=\"imgShowSrc\" :src=\"imgShowSrc\" alt=\"\">\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nfunction randomString(e) {\r\n  e = e || 32;\r\n  var t = \"ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678\",\r\n    a = t.length,\r\n    n = \"\";\r\n  for (var i = 0; i < e; i++) n += t.charAt(Math.floor(Math.random() * a));\r\n  return n;\r\n}\r\nimport moment from \"moment\";\r\n// import 方式\r\nimport \"moment/locale/zh-cn\";\r\nmoment.locale(\"zh-cn\");\r\nimport html2canvas from \"html2canvas\";\r\nimport { GetQueryString, bridgeApp, objs } from \"../utils/msg/guidePages\";\r\nimport { shareFn } from \"../utils/msg/share\";\r\nimport { fn } from \"../utils/msg/fn\";\r\nimport CryptoJS from \"crypto-js\";\r\nimport { Toast, Swipe, SwipeItem } from \"vant\";\r\nimport KwaiPlayerWebVue3 from \"@kwai-video-team/kwai-player-web/vue2\";\r\nexport default {\r\n  name: \"UserDetails\",\r\n  // beforeRouteEnter (to, from, next) {\r\n  //    next(vm =>{\r\n  //     if (to.path === \"/UserDetails\"&&from.path==\"/\") {\r\n\r\n  //   var  order=  GetQueryString('order')\r\n  //    var group =  GetQueryString('group')\r\n\r\n  //     vm.searchValue(order,group)\r\n  //   this.content= vm.userData.content\r\n  //     console.log(vm.userData,'数据',group, order)\r\n  //      next()\r\n  // }\r\n\r\n  //   })\r\n\r\n\r\n  // },\r\n  data() {\r\n    return {\r\n      authorName: \"\",\r\n      worksName: \"\",\r\n      name1: \"\",\r\n      imgShowSrc: \"\",\r\n      imgShow: false,\r\n      userData: {},\r\n      //banner图(默认为default.png)\r\n      defaultImgUrl: \"\",\r\n      //大框框\r\n      bigFrameUrl: \"\",\r\n      //背景色\r\n      bgs: \"\",\r\n      bigContentBgs: \"\",\r\n      //序号背景图\r\n      xuNumberImg: \"\",\r\n      //排名背景图\r\n      rankingBgImg: \"\",\r\n      //拉票\r\n      formeLaUrl: \"\",\r\n      //投票\r\n      voteBtnUrl: \"\",\r\n      //参赛图\r\n      xuanShouUrl: \"\",\r\n      xuanShouUrls: \"\",\r\n      cover: '',\r\n      juPerName: \"\", //距上一名\r\n      //票数\r\n      voteNumber: \"\",\r\n      //排名\r\n      ranking: \"\",\r\n      //简介\r\n      intro: \"\",\r\n      //参数名称\r\n      title: \"\",\r\n      perData: \"\",\r\n      auth: \"\",\r\n      Navtitle: \"\", //导航标题\r\n      //当前时间\r\n      nowDatas: \"\",\r\n      startTime: \"\", //开始时间\r\n      endTime: \"\", //结束时间\r\n      sessionid: \"\",\r\n      stemFrom: \"\",\r\n      order: \"\",\r\n      siteId: \"\",\r\n\r\n      preview: \"\",\r\n      preview_token: \"\",\r\n      allUrl: \"\", //全部连接\r\n      huoDongId: \"\", //活动id\r\n      item_id: \"\", //keyword\r\n      GetQueryStringGroupName: \"\", //二维码用到的分组\r\n      groupEnable: \"\", //为0没分组 1有分组\r\n      groupName: \"\", //分组\r\n      poster: \"\", //二维码\r\n      showShare: false, //分享\r\n      options: [\r\n        { name: \"微信\", icon: \"wechat\" },\r\n        { name: \"复制链接\", icon: \"link\" },\r\n        { name: \"生成海报\", icon: \"poster\" },\r\n      ],\r\n      windowUrl: \"\",\r\n      allData: \"\",\r\n      QRcodeFrame: \"\",\r\n      shareBoxHeight: \"\", //海报的高\r\n      ruas: \"\",\r\n      lastUrl: \"\", //海报图\r\n      ishtml2CanvsBox: false, //生成之后的海报盒子\r\n      fenxiangImg: \"\", //分享的logo\r\n\r\n      lotteryFrame: require(\"../assets/lotteryFrame.png\"),\r\n      lotteryFrameShow: false,\r\n      changeCI: '',\r\n      videoShow: '',\r\n      totalTime: null,\r\n      currPlayTime: '00:00:00',\r\n      group: \"\",\r\n      name: '',\r\n      current: 0,\r\n      fxtitle: \"\",\r\n      fxhumb: \"\",\r\n      navshow: false,\r\n      numbershow: true,\r\n      fxt: '',\r\n      date_gpt:''\r\n    };\r\n  },\r\n  components: {\r\n    'KwaiPlayerWebVue3': KwaiPlayerWebVue3,\r\n  },\r\n  filters: {\r\n    number(value) {\r\n      var numbers = value;\r\n      if (numbers < 10) {\r\n        return (numbers = \"0\" + numbers);\r\n      } else if (numbers >= 10) {\r\n        return numbers;\r\n      }\r\n      // return numbers\r\n    },\r\n  },\r\n  methods: {\r\n    //回退\r\n    hts() {\r\n      this.$router.push({\r\n        name: \"Vote\",\r\n        query: {\r\n          id: GetQueryString('id'),\r\n        },\r\n      });\r\n    },\r\n    //用户token赋值\r\n    fns(token) {\r\n      this.sessionid = token;\r\n    },\r\n    stopPlay() {\r\n      this.imgShow = false\r\n    },\r\n    magnify(src) {\r\n      this.imgShow = true\r\n      this.imgShowSrc = src\r\n    },\r\n    //\r\n    quxiao() {\r\n      this.lotteryFrameShow = false\r\n    },\r\n    //去抽奖页面\r\n    GoToTheSweepstakesPage() {\r\n      window.location.href = `${this.$urls.jumpLottery}${sessionStorage.getItem('goLotteryId')}&token=${this.sessionid}&sessionId=${this.sessionid}&stemFrom=${this.stemFrom}`\r\n    },\r\n    // 删除指定url参数\r\n    getnewurl(name) {\r\n      var loca = window.location;\r\n      var baseUrl = loca.origin + loca.pathname + \"?\";\r\n      var query = loca.search.substr(1);\r\n      if (query.indexOf(name) > -1) {\r\n        var obj = {}\r\n        var arr = query.split(\"&\");\r\n        for (var i = 0; i < arr.length; i++) {\r\n          arr[i] = arr[i].split(\"=\");\r\n          obj[arr[i][0]] = arr[i][1];\r\n        };\r\n        delete obj[name];\r\n        var url = baseUrl + JSON.stringify(obj).replace(/[\\\"\\{\\}]/g, \"\").replace(/\\:/g, \"=\").replace(/\\,/g, \"&\");\r\n        return url\r\n      };\r\n    },\r\n\r\n    //分享\r\n    onSelect(option) {\r\n      function GetQueryStrings(name) {\r\n        var reg = new RegExp(\"(^|&)\" + name + \"=([^&]*)(&|$)\");\r\n        var r = decodeURI(window.location.hash.substr(16)).match(reg);\r\n        if (r != null) return unescape(r[2]); return null;\r\n      }\r\n      if (window.navigator.userAgent.indexOf('chinablue') !== -1) {\r\n        if (navigator.userAgent.includes(\"chinabluetv\")) {\r\n          let urls = 'https://zinteract.cztv.com/batrix-h5/vote/?id=' + GetQueryString('id') + '#/UserDetails?id=' + GetQueryString('id') + '&detailid=' + GetQueryStrings('detailid');\r\n          let shareData = {\r\n            url: urls, //分享的网址链接\r\n            title: this.fxtitle, //分享的标题\r\n            content: '', // 分享的文字\r\n            img: this.fxhumb, // 分享的图片Url\r\n          }\r\n          cztvApi.share(shareData);\r\n        }\r\n      } else {\r\n        let id = this.siteId;\r\n        let objs = fn(\"detail\");;\r\n        objs.name();\r\n      }\r\n    },\r\n    //关闭海报\r\n    guanBtnClick() {\r\n      this.ishtml2CanvsBox = false; //隐藏海报\r\n    },\r\n    //投票\r\n    voteB(v, i, token) {\r\n      var vote_id = GetQueryString('id');\r\n      // console.log(this.perData.id);\r\n      var once = randomString(8); //once\r\n      var timestamp = Date.parse(new Date()).toString().slice(0, -3)*1+this.date_gpt*1; //timestamp\r\n      // var userSession = \"S1001fb2d2f46e44d53a6924f7079867ff64e\"; //tooken\r\n      var userSession = this.sessionid;\r\n      var signature = CryptoJS.SHA1(\r\n        CryptoJS.enc.Utf8.parse(userSession + once + timestamp),\r\n        true\r\n      ).toString(); //signature\r\n      this.$http({\r\n        url: this.$urls.vote,\r\n        method: \"post\",\r\n        headers: {\r\n          preview: this.preview,\r\n          previewToken: this.preview_token,\r\n          timestamp: timestamp,\r\n          userSession: userSession, //用户\r\n          nonce: once,\r\n          signature: signature,\r\n        },\r\n        data: {\r\n          vote_item_id: this.xuanshou_id, // 投票选项id\r\n          num: 1, //票数\r\n          vote_id: vote_id,//活动ID\r\n          token: token //易盾token\r\n        },\r\n      })\r\n        .then((res) => {\r\n          if (res.data.has_free == 0) {\r\n            this.lotteryFrameShow = false\r\n          } else if (res.data.has_free > 0) {\r\n            this.lotteryFrameShow = true\r\n          }\r\n          // has_free\r\n          // console.log(this.listData[i].total);\r\n          // this.voteNumber = this.voteNumber + res.data.has_free;\r\n          // 投票成功之后刷新排名数据\r\n          this.searchValue(this.order, this.groupName)\r\n\r\n          //距上一名加1\r\n          Toast.success(res.data.message);\r\n        })\r\n        .catch((err) => {\r\n          Toast.fail(err.response.data.message);\r\n        });\r\n    },\r\n    searchValue(order, group) {\r\n\r\n      var once = randomString(8); //once\r\n      var timestamp = Date.parse(new Date()).toString().slice(0, -3)*1+this.date_gpt*1; //timestamp\r\n      // var userSession = \"S1001fb2d2f46e44d53a6924f7079867ff64e\"; //tooken\r\n      var userSession = this.sessionid;\r\n      var signature = CryptoJS.SHA1(\r\n        CryptoJS.enc.Utf8.parse(userSession + once + timestamp),\r\n        true\r\n      ).toString(); //signature\r\n      this.$http({\r\n        url: `${this.$urls.sendVoteList}?&keyword=${order}&pageSize=800&group=${group}`,\r\n        method: \"get\",\r\n        headers: {\r\n          preview: this.preview,\r\n          previewToken: this.preview_token,\r\n          timestamp: timestamp,\r\n          userSession: userSession, //用户\r\n          // TempZone:1,\r\n          // TempSite:21,\r\n          nonce: once,\r\n          signature: signature,\r\n        },\r\n      }).then((res) => {\r\n        this.voteNumber = res.data[0].total\r\n        this.juPerName = res.data[0].gap\r\n        this.ranking = res.data[0].rank\r\n\r\n\r\n        // this.perData = res.data[0];\r\n      });\r\n    },\r\n    //投票(校验是否在app中 是否登录)\r\n    voteBtn(v, i) {\r\n\r\n      if (this.auth == \"login\") {\r\n        //当前时间大于报名时间 并且 小于结束时间\r\n        if (\r\n          this.stemFrom != \"undefined\" &&\r\n          this.stemFrom != \"logout\" &&\r\n          this.stemFrom != \"null\" &&\r\n          this.stemFrom != \"\" &&\r\n          this.stemFrom != null\r\n        ) {\r\n          if (\r\n            this.sessionid != \"undefined\" &&\r\n            this.sessionid != \"logout\" &&\r\n            this.sessionid != \"null\" &&\r\n            this.sessionid != \"\" &&\r\n            this.sessionid != null\r\n          ) {\r\n            // ------------------\r\n            if (\r\n              this.nowDatas >= this.startTime &&\r\n              this.nowDatas < this.endTime\r\n            ) {\r\n              var that = this;\r\n              function res() {\r\n                wm && wm.getToken('d38b59d1634344de990a5e75c4fdfad5', function (token) {\r\n                  // 提交点赞业务请求            \r\n                  that.voteB(v, i, token); //投票\r\n                });\r\n              }\r\n              res();\r\n            } else if (this.nowDatas < this.startTime) {\r\n              // 当前时间小于开始时间\r\n              Toast.fail(\"活动尚未开始\");\r\n            } else if (this.nowDatas > this.endTime) {\r\n              //  当前时间 大于 活动结束时间\r\n              Toast.fail(\"活动已结束\");\r\n            }\r\n\r\n            //---------------------\r\n          } else {\r\n            cztvApi.login(res => {\r\n              if (res.code == 200) {\r\n                location.reload();\r\n              }\r\n            })\r\n          }\r\n        } else {\r\n          // objs(this.title);\r\n          let id = this.siteId;\r\n          let objs = fn(\"detail\");;\r\n          objs.name();\r\n        }\r\n      } else {\r\n        // ------------------\r\n        if (this.nowDatas >= this.startTime && this.nowDatas < this.endTime) {\r\n          this.voteB(v, i); //投票\r\n        } else if (this.nowDatas > this.startTime) {\r\n          // 当前时间小于开始时间\r\n          Toast.fail(\"活动尚未开始\");\r\n        } else if (this.nowDatas > this.endTime) {\r\n          //  当前时间 大于 活动结束时间\r\n          Toast.fail(\"活动已结束\");\r\n        }\r\n        //---------------------\r\n      }\r\n    },\r\n\r\n    getDataE() {\r\n      this.$http({\r\n        url: this.$urls.oneUrl,\r\n        method: \"get\",\r\n        headers: {\r\n          preview: this.preview,\r\n          previewToken: this.preview_token,\r\n        },\r\n      }).then((res) => {\r\n        // 存储抽奖活动\r\n        if (res.data.extra.link_to_lucky_draw.enable == 1) {\r\n          sessionStorage.setItem('goLotteryId', res.data.extra.link_to_lucky_draw.id)\r\n        } else if (res.data.extra.link_to_lucky_draw.enable == 0) {\r\n        }\r\n        document.title = res.data.extra.title;\r\n        try {\r\n          cztvApi.refreshTitle(res.data.extra.title);\r\n        } catch (error) {\r\n        }\r\n        this.Navtitle = res.data.extra.title;\r\n        this.allData = res.data; //------\r\n        if (res.data.extra.title.length > 7) {\r\n          this.allData.fontsize = \"fontSize: 0.4rem\";\r\n          this.allData.fontsize2 = \"fontSize: 0.2rem\";\r\n        }\r\n        this.auth = res.data.extra.auth;\r\n        this.siteId = res.data.site_id;\r\n        //判断主题色\r\n        if (res.data.extra.coler_style == \"blue\") {\r\n          //排名背景图\r\n          this.rankingBgImg = require(\"../assets/blueImg/frame/UserDetailsFrame.png\");\r\n          //投票框框(动态切换)\r\n          // this.bigFrameUrl = require(\"../assets/blueImg/frame/bigframe.png\");\r\n          this.bigContentBgs = \"#3F62FA\";\r\n          //二维码frame\r\n          this.QRcodeFrame = require(\"../assets/blueImg/frame/QRcodeframeBox.png\");\r\n          //背景色\r\n          this.bgs = \"#13175F\";\r\n          //拉票\r\n          this.formeLaUrl = require(\"../assets/blueImg/btn/formeLa.png\");\r\n          //投票\r\n          this.voteBtnUrl = require(\"../assets/blueImg/btn/votebtn.png\");\r\n          //序号背景框\r\n          this.xuNumberImg = require(\"../assets/blueImg/top/ranking.png\");\r\n          //banner图\r\n          if (res.data.extra.banner.enable == 0) {\r\n            this.defaultImgUrl = require(\"../assets/blueImg/bannerOrdefault/default.png\");\r\n          } else if (res.data.extra.banner.enable == 1) {\r\n            if (res.data.extra.banner.url.indexOf(\"http:\") != -1) {\r\n              this.defaultImgUrl = \"https:\" + res.data.extra.banner.url.split(\"http:\")[1];\r\n            } else {\r\n              this.defaultImgUrl = res.data.extra.banner.url;\r\n            }\r\n          }\r\n        } else if (res.data.extra.coler_style == \"black\") {\r\n          //排名背景图\r\n          this.rankingBgImg = require(\"../assets/blackImg/frame/UserDetailsFrame.png\");\r\n          //投票框框(动态切换)\r\n          // this.bigFrameUrl = require(\"../assets/blackImg/frame/bigframe.png\");\r\n          this.bigContentBgs = \"#322504\";\r\n          //二维码frame\r\n          this.QRcodeFrame = require(\"../assets/blackImg/frame/QRcodeframeBox.png\");\r\n          //背景色\r\n          this.bgs = \"#030200\";\r\n          //拉票\r\n          this.formeLaUrl = require(\"../assets/blackImg/btn/formeLaAndVote.png\");\r\n          //投票\r\n          this.voteBtnUrl = require(\"../assets/blackImg/btn/formeLaAndVote.png\");\r\n          //序号背景框\r\n          this.xuNumberImg = require(\"../assets/blackImg/top/ranking.png\");\r\n          //banner图\r\n          if (res.data.extra.banner.enable == 0) {\r\n            this.defaultImgUrl = require(\"../assets/blackImg/bannerOrdefault/default.png\");\r\n          } else if (res.data.extra.banner.enable == 1) {\r\n            if (res.data.extra.banner.url.indexOf(\"http:\") != -1) {\r\n              this.defaultImgUrl = \"https:\" + res.data.extra.banner.url.split(\"http:\")[1];\r\n            } else {\r\n              this.defaultImgUrl = res.data.extra.banner.url;\r\n            }\r\n          }\r\n        } else if (res.data.extra.coler_style == \"pink\") {\r\n          //排名背景图\r\n          this.rankingBgImg = require(\"../assets/pinkImg/frame/UserDetailsFrame.png\");\r\n          //投票框框(动态切换)\r\n          // this.bigFrameUrl = require(\"../assets/pinkImg/frame/bigframe.png\");\r\n          this.bigContentBgs = \"#F88F8F\";\r\n          //二维码frame\r\n          this.QRcodeFrame = require(\"../assets/pinkImg/frame/QRcodeframeBox.png\");\r\n          //背景色\r\n          this.bgs = \"#F6CFD2\";\r\n          //拉票\r\n          this.formeLaUrl = require(\"../assets/pinkImg/btn/formeLa.png\");\r\n          //投票\r\n          this.voteBtnUrl = require(\"../assets/pinkImg/btn/votebtn.png\");\r\n          //序号背景框\r\n          this.xuNumberImg = require(\"../assets/pinkImg/top/ranking.png\");\r\n          if (res.data.extra.banner.enable == 0) {\r\n            this.defaultImgUrl = require(\"../assets/pinkImg/bannerOrdefault/default.png\");\r\n          } else if (res.data.extra.banner.enable == 1) {\r\n            if (res.data.extra.banner.url.indexOf(\"http:\") != -1) {\r\n              this.defaultImgUrl = \"https:\" + res.data.extra.banner.url.split(\"http:\")[1];\r\n            } else {\r\n              this.defaultImgUrl = res.data.extra.banner.url;\r\n            }\r\n          }\r\n        } else if (res.data.extra.coler_style == \"red\") {\r\n          //排名背景图\r\n          this.rankingBgImg = require(\"../assets/redImg/frame/UserDetailsFrame.png\");\r\n          //投票框框(动态切换)\r\n          // this.bigFrameUrl = require(\"../assets/redImg/frame/bigframe.png\");\r\n          this.bigContentBgs = \"#D52328\";\r\n          //二维码frame\r\n          this.QRcodeFrame = require(\"../assets/redImg/frame/QRcodeframeBox.png\");\r\n          //背景色\r\n          this.bgs = \"#A30B0B\";\r\n          //拉票\r\n          this.formeLaUrl = require(\"../assets/redImg/btn/formeLa.png\");\r\n          //投票\r\n          this.voteBtnUrl = require(\"../assets/redImg/btn/votebtn.png\");\r\n          //序号背景框\r\n          this.xuNumberImg = require(\"../assets/redImg/top/ranking.png\");\r\n          if (res.data.extra.banner.enable == 0) {\r\n            this.defaultImgUrl = require(\"../assets/redImg/bannerOrdefault/default.png\");\r\n          } else if (res.data.extra.banner.enable == 1) {\r\n            if (res.data.extra.banner.url.indexOf(\"http:\") != -1) {\r\n              this.defaultImgUrl = \"https:\" + res.data.extra.banner.url.split(\"http:\")[1];\r\n            } else {\r\n              this.defaultImgUrl = res.data.extra.banner.url;\r\n            }\r\n          }\r\n        } else if (res.data.extra.coler_style == \"green\") {\r\n          //排名背景图\r\n          this.rankingBgImg = require(\"../assets/greenImg/frame/UserDetailsFrame.png\");\r\n          //投票框框(动态切换)\r\n          // this.bigFrameUrl = require(\"../assets/greenImg/frame/bigframe.png\");\r\n          this.bigContentBgs = \"#37B13A\";\r\n          //二维码frame\r\n          this.QRcodeFrame = require(\"../assets/greenImg/frame/QRcodeframeBox.png\");\r\n          //背景色\r\n          this.bgs = \"#43B25D\";\r\n          //拉票\r\n          this.formeLaUrl = require(\"../assets/greenImg/btn/formeLa.png\");\r\n          //投票\r\n          this.voteBtnUrl = require(\"../assets/greenImg/btn/votebtn.png\");\r\n          //序号背景框\r\n          this.xuNumberImg = require(\"../assets/greenImg/top/ranking.png\");\r\n          if (res.data.extra.banner.enable == 0) {\r\n            this.defaultImgUrl = require(\"../assets/greenImg/bannerOrdefault/default.png\");\r\n          } else if (res.data.extra.banner.enable == 1) {\r\n            if (res.data.extra.banner.url.indexOf(\"http:\") != -1) {\r\n              this.defaultImgUrl = \"https:\" + res.data.extra.banner.url.split(\"http:\")[1];\r\n            } else {\r\n              this.defaultImgUrl = res.data.extra.banner.url;\r\n            }\r\n          }\r\n        } else if (res.data.extra.coler_style == \"orange\") {\r\n          //排名背景图\r\n          this.rankingBgImg = require(\"../assets/orangeImg/frame/UserDetailsFrame.png\");\r\n          //投票框框(动态切换)\r\n          // this.bigFrameUrl = require(\"../assets/orangeImg/frame/bigframe.png\");\r\n          this.bigContentBgs = \"#FF9959\";\r\n          //二维码frame\r\n          this.QRcodeFrame = require(\"../assets/orangeImg/frame/QRcodeframeBox.png\");\r\n          //背景色\r\n          this.bgs = \"#E2591D\";\r\n          //拉票\r\n          this.formeLaUrl = require(\"../assets/orangeImg/btn/formeLa.png\");\r\n          //投票\r\n          this.voteBtnUrl = require(\"../assets/orangeImg/btn/votebtn.png\");\r\n          //序号背景框\r\n          this.xuNumberImg = require(\"../assets/orangeImg/top/ranking.png\");\r\n          if (res.data.extra.banner.enable == 0) {\r\n            this.defaultImgUrl = require(\"../assets/orangeImg/bannerOrdefault/default.png\");\r\n          } else if (res.data.extra.banner.enable == 1) {\r\n            if (res.data.extra.banner.url.indexOf(\"http:\") != -1) {\r\n              this.defaultImgUrl = \"https:\" + res.data.extra.banner.url.split(\"http:\")[1];\r\n            } else {\r\n              this.defaultImgUrl = res.data.extra.banner.url;\r\n            }\r\n          }\r\n        }\r\n      });\r\n    },\r\n  },\r\n  created() {\r\n    var timestamps = Date.parse(new Date()).toString().slice(0, -3);\r\n    this.$http({\r\n      url: 'https://zcatapi.cztv.com/api/correctTime?time='+timestamps,\r\n      method: \"get\",\r\n    }).then((res) => {\r\n      this.date_gpt = res.data.gap;\r\n    })\r\n    function GetQueryStrings(name) {\r\n      var reg = new RegExp(\"(^|&)\" + name + \"=([^&]*)(&|$)\");\r\n      var r = decodeURI(window.location.hash.substr(16)).match(reg);\r\n      if (r != null) return unescape(r[2]); return null;\r\n    }\r\n    if (navigator.userAgent.includes(\"chinabluetv\")) {\r\n      cztvApi.showShareButton(true);\r\n    }\r\n    if (navigator.userAgent.includes(\"chinabluetv\")) {\r\n    } else {\r\n      if (GetQueryStrings(\"stitle\")) {\r\n        window.location.href = 'https://zinteract.cztv.com/batrix-h5/vote/?id=' + GetQueryString('id') + '#/UserDetails?id=' + GetQueryString('id') + '&detailid=' + GetQueryStrings('detailid')\r\n      }\r\n    }\r\n    if (GetQueryStrings(\"detailid\")) {\r\n      this.$http({\r\n        url: 'https://zcatapi.cztv.com/api/votes/' + GetQueryString(\"id\") + '/getItems?item_id=' + GetQueryStrings(\"detailid\"),\r\n        method: \"get\",\r\n      }).then((res) => {\r\n        this.perData = res.data;\r\n        //参赛图\r\n        if (this.perData.content.indexOf(\"http:\") != -1) {\r\n          this.xuanShouUrl = \"https:\" + this.perData.content.split(\"http:\")[1];\r\n        } else {\r\n          this.xuanShouUrl = this.perData.content;\r\n        }\r\n        if (this.perData.content.indexOf(\"https://z-hd-interact.oss-cn-hangzhou.aliyuncs.com\") != -1) {\r\n          this.xuanShouUrl = \"https://zinteract.cztv.com\" + this.perData.content.split(\"https://z-hd-interact.oss-cn-hangzhou.aliyuncs.com\")[1];\r\n        } else {\r\n          this.xuanShouUrl = this.perData.content;\r\n        }\r\n        if (this.perData.content.indexOf(\".mp4\") != -1) {\r\n          this.fxt = this.perData.content + '?x-oss-process=video/snapshot,h_300,t_100,f_jpg';\r\n        } else if (this.perData.content.indexOf(\".m4v\") != -1) {\r\n          this.fxt = this.perData.content + '?x-oss-process=video/snapshot,h_300,t_100,f_jpg';\r\n        } else {\r\n          this.fxt = this.perData.content;\r\n        }\r\n        console.log(111,this.fxt)\r\n\r\n        this.xuanShouUrl = this.xuanShouUrl.replaceAll('+', '%2B')\r\n        // 姓名\r\n        this.name = this.perData.name;\r\n\r\n        this.cover = this.perData.cover\r\n        //距上一名\r\n        this.juPerName = this.perData.gap;\r\n        //票数\r\n        this.voteNumber = this.perData.total;\r\n        //排名\r\n        this.ranking = this.perData.rank;\r\n        // this.order = this.perData.order; //序号\r\n        //标题\r\n        this.title = this.perData.title;\r\n        this.groupName = this.perData.group;\r\n        this.order = this.perData.order; //序号\r\n        //简介\r\n        this.intro = this.perData.intro;\r\n        this.xuanshou_id = this.perData.id;\r\n        sessionStorage.setItem('shareTiele', this.title);\r\n        sessionStorage.setItem('shareLogo', this.fxt);\r\n        this.preview = GetQueryString(\"preview\");\r\n        this.preview_token = GetQueryString(\"preview_token\");\r\n        function GetQueryStrings(name) {\r\n          var reg = new RegExp(\"(^|&)\" + name + \"=([^&]*)(&|$)\");\r\n          var r = decodeURI(window.location.hash.substr(16)).match(reg);\r\n          if (r != null) return unescape(r[2]); return null;\r\n        }\r\n        this.$http({\r\n          url: this.$urls.oneUrl,\r\n          method: \"get\",\r\n          headers: {\r\n            preview: this.preview,\r\n            previewToken: this.preview_token,\r\n          },\r\n        }).then((res) => {\r\n          this.fxtitle = this.title;\r\n          this.fxhumb = this.fxt;\r\n          this.videoShow = res.data.extra.vote_type;\r\n          let urls = 'https://zinteract.cztv.com/batrix-h5/vote/?id=' + GetQueryString('id') + '#/UserDetails?id=' + GetQueryString('id') + '&detailid=' + GetQueryStrings('detailid');\r\n          console.log(\"修改分享\", urls)\r\n          let shareDatas = {\r\n            url: urls, //分享的网址链接\r\n            title: this.title, //分享的标题\r\n            content: '', // 分享的文字\r\n            img: this.fxt, // 分享的图片Url\r\n          }\r\n          console.log(\"修改分享1\", shareDatas)\r\n          cztvApi.changeShareInfo(shareDatas);\r\n        })\r\n      })\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n      if (navigator.userAgent.includes(\"chinabluetv\")) {\r\n        this.navshow = false;\r\n      } else {\r\n        this.navshow = true;\r\n      }\r\n    } else {\r\n      this.order = GetQueryString(\"item_id\"); //------------\r\n      this.groupEnable = GetQueryString(\"groupEnable\")\r\n      this.groupName = GetQueryString(\"group\")\r\n    }\r\n    this.huoDongId = GetQueryString(\"id\"); //------------\r\n    this.item_id = GetQueryString(\"item_id\"); //------------\r\n    this.GetQueryStringGroupName = GetQueryString(\"group\");\r\n    // 二维码\r\n    if (this.groupEnable == \"\") {\r\n      this.groupEnable = 1;\r\n    }\r\n    var encodeURI = `${this.$urls.UserDetailsCode}/?item_id=${this.order}&id=${this.huoDongId}&group=${this.groupName}&groupEnable=${this.groupEnable}`;\r\n    var endodeURLAfter = encodeURIComponent(encodeURI);\r\n    this.$http({\r\n      url: `${this.$urls.code}/api/qrcode?url=${endodeURLAfter}`,\r\n      method: \"GET\",\r\n      responseType: \"blob\",\r\n    }).then((res) => {\r\n      let url = window.URL.createObjectURL(res.data); // 获取对象url\r\n      this.poster = url; // 给变量赋值\r\n    });\r\n    var vote_ids = GetQueryString('id');\r\n    if (vote_ids == 120) {\r\n      this.numbershow = false;\r\n    }\r\n  },\r\n  mounted() {\r\n\r\n    this.shareBoxHeight = (document.body.clientHeight * 2) / 100 / 2; //海报的高\r\n    this.huoDongId = GetQueryString(\"id\"); //------------\r\n    this.item_id = GetQueryString(\"item_id\"); //------------\r\n    this.name1 = GetQueryString(\"name\")\r\n    this.GetQueryStringGroupName = GetQueryString(\"group\");\r\n\r\n    this.groupName = this.$route.params.group;\r\n\r\n    this.allUrl = window.location.href; //------------\r\n    // chrome\r\n    document.body.scrollTop = 1;\r\n    // firefox\r\n    document.documentElement.scrollTop = 1;\r\n    // safari\r\n    window.pageYOffset = 1;\r\n    this.preview = GetQueryString(\"preview\");\r\n    this.preview_token = GetQueryString(\"preview_token\");\r\n    cztvApi.userInfo(res => {\r\n      const data = JSON.parse(res);\r\n      this.fns(data.sessionId);\r\n    })\r\n    this.stemFrom = navigator.userAgent.includes(\"chinabluetv\");\r\n    this.getDataE();\r\n\r\n    this.nowDatas = moment().format(\"x\");\r\n    this.$http({\r\n      url: this.$urls.oneUrl,\r\n      method: \"get\",\r\n      headers: {\r\n        preview: this.preview,\r\n        previewToken: this.preview_token,\r\n      },\r\n    }).then((res) => {\r\n      this.videoShow = res.data.extra.vote_type\r\n      this.changeCI = res.data.extra.link_to_lucky_draw.chance\r\n      var start = res.data.extra.start_time;\r\n      var end = res.data.extra.end_time;\r\n      this.groupEnable = res.data.extra.group.enable; //---------\r\n      this.startTime = moment(start).format(\"x\"); //开始时间\r\n      this.endTime = moment(end).format(\"x\"); //结束时间\r\n\r\n      if (res.data.extra.cover[0].path !== null) {\r\n        this.fenxiangImg = res.data.extra.cover[0].path; //分享的logo\r\n        sessionStorage.setItem('shareLogo', res.data.extra.cover[0].path)\r\n      } else {\r\n        if (res.data.site_id == 1) { //松阳\r\n          sessionStorage.setItem('shareLogo', 'https://ohudong.cztv.com/1/265908/png/logo.224f53c6.png')\r\n        }\r\n      }\r\n      var herf = window.location.href.replace(\"UserDetails\", \"Introduction\")\r\n      sessionStorage.setItem('shareLogo', this.fxt);\r\n      fn(\"detail\");\r\n\r\n\r\n      var default_info = res.data.extra.vote_settings.default_info\r\n      default_info?.map(item => {\r\n        if (item.name == \"title\") {\r\n          this.authorName = item.text\r\n        }\r\n        if (item.name == \"name\") {\r\n          this.worksName = item.text\r\n        }\r\n        return item\r\n      })\r\n    });\r\n  },\r\n  watch: {\r\n    //------------\r\n    allUrl(newVal) {\r\n      //扫码之后\r\n      if (newVal.indexOf(\"item_id\") != -1) {\r\n        var groupEnable = GetQueryString(\"groupEnable\");\r\n        if (groupEnable == 1) {\r\n          //有分组\r\n          this.$http({\r\n            url: `${this.$urls.code}/api/votes/${this.huoDongId}/getItems?keyword=${this.item_id}&group=${this.GetQueryStringGroupName}`,\r\n            method: \"GET\",\r\n          }).then((res) => {\r\n            var newData = res.data[0];\r\n            if (newData.content.indexOf(\"http:\") != -1) {\r\n              this.xuanShouUrl = \"https:\" + newData.content.split(\"http:\")[1];\r\n            } else {\r\n              this.xuanShouUrl = newData.content;\r\n            }\r\n            if (newData.content.indexOf(\"https://z-hd-interact.oss-cn-hangzhou.aliyuncs.com\") != -1) {\r\n              this.xuanShouUrl = \"https://zinteract.cztv.com\" + newData.content.split(\"https://z-hd-interact.oss-cn-hangzhou.aliyuncs.com\")[1];\r\n            } else {\r\n              this.xuanShouUrl = newData.content;\r\n            }\r\n            this.ranking = newData.rank; //排名\r\n            this.order = newData.order; //序号\r\n            this.name = newData.name; //作者名字\r\n            this.title = newData.title; //标题\r\n            this.juPerName = newData.gap; //距上一名\r\n            this.intro = newData.intro;\r\n            this.voteNumber = newData.total; //票数\r\n            this.xuanshou_id = newData.id\r\n            this.groupName = newData.group\r\n          });\r\n        } else if (groupEnable == 0) {\r\n          this.$http({\r\n            url: `${this.$urls.code}/api/votes/${this.huoDongId}/getItems?keyword=${this.item_id}`,\r\n            method: \"GET\",\r\n          }).then((res) => {\r\n            var newData = res.data[0];\r\n            if (newData.content.indexOf(\"http:\") != -1) {\r\n              this.xuanShouUrl = \"https:\" + newData.content.split(\"http:\")[1];\r\n            } else {\r\n              this.xuanShouUrl = newData.content;\r\n            }\r\n            if (newData.content.indexOf(\"https://z-hd-interact.oss-cn-hangzhou.aliyuncs.com\") != -1) {\r\n              this.xuanShouUrl = \"https://zinteract.cztv.com\" + newData.content.split(\"https://z-hd-interact.oss-cn-hangzhou.aliyuncs.com\")[1];\r\n            } else {\r\n              this.xuanShouUrl = newData.content;\r\n            }\r\n            this.ranking = newData.rank; //排名\r\n            this.order = newData.order; //序号\r\n            this.name = newData.name; //作者名字\r\n            this.title = newData.title; //标题\r\n            this.juPerName = newData.gap; //距上一名\r\n            this.intro = newData.intro;\r\n            this.voteNumber = newData.total; //票数\r\n            this.xuanshou_id = newData.id\r\n            this.groupName = newData.group\r\n          });\r\n        }\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n/*引导页 */\r\n#bottomFixed {\r\n  width: 7.5rem;\r\n  background: #fff;\r\n  border-top: 0.01rem solid #dfeaf2;\r\n  top: 0;\r\n  padding: 0.3rem 0 0 1.4rem;\r\n  z-index: 9999998;\r\n  position: fixed;\r\n  height: 1.3rem;\r\n}\r\n\r\n#bottomFixed h2 {\r\n  line-height: 0.38rem;\r\n  font-weight: bold;\r\n  margin-bottom: 0.16rem;\r\n  font-size: 0.3rem;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#bottomFixed p {\r\n  font-size: 0.22rem;\r\n  line-height: 0.22rem;\r\n  color: #666;\r\n}\r\n\r\n#bottomFixed .bottomLogo {\r\n  position: absolute;\r\n  width: 1rem;\r\n  height: 1rem;\r\n  left: 0.3rem;\r\n  top: 0.2rem;\r\n  border-radius: 42%;\r\n}\r\n\r\n#bottomFixed .openAPPNow {\r\n  cursor: pointer;\r\n  width: 1.63rem;\r\n  text-align: center;\r\n  font-size: 0.28rem;\r\n  color: #0068e1;\r\n  border-radius: 0.15rem;\r\n  position: absolute;\r\n  left: 5.55rem;\r\n  border: 0.03rem solid #0068e1;\r\n  font-weight: bolder;\r\n  height: 0.6rem;\r\n  line-height: 0.6rem;\r\n  top: 0.35rem;\r\n}\r\n\r\n.tiltBox {\r\n  font-weight: bold;\r\n  line-height: 0.55rem;\r\n  font-size: 0.32rem;\r\n  padding: 0.34rem 0.34rem 0 0.34rem;\r\n  color: #ffffff;\r\n}\r\n\r\n.imgShowBigBox {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 1);\r\n  z-index: 99999;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.imgShowSrc {\r\n  display: block;\r\n  margin: auto 0;\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  text-align: center;\r\n}\r\n\r\n.cover {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  background: #000;\r\n  opacity: 0.8;\r\n  display: none;\r\n  z-index: 99999999;\r\n}\r\n\r\n.flex-img {\r\n  width: 80%;\r\n  margin: auto;\r\n  position: absolute;\r\n  top: 25%;\r\n  left: 50%;\r\n  -webkit-transform: translate(-50%, -50%);\r\n  -ms-transform: translate(-50%, -50%);\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.flex-img img {\r\n  width: 100%;\r\n}\r\n\r\n/* 引导页结束 */\r\n\r\n.banner {\r\n  width: 7.5rem;\r\n  height: 4.22rem;\r\n  background-size: 100%;\r\n  position: relative;\r\n  z-index: -1;\r\n}\r\n\r\n.bgc {\r\n  width: 7.5rem;\r\n  height: 13.7rem;\r\n  margin-top: -0.1rem;\r\n  position: relative;\r\n}\r\n\r\n.laVote {\r\n  width: 100%;\r\n  height: 0.75rem;\r\n  /* background-color: aliceblue; */\r\n  position: absolute;\r\n  bottom: -1rem;\r\n  /* padding-top: ; */\r\n  display: flex;\r\n  justify-content: space-around;\r\n}\r\n\r\n.la {\r\n  width: 2.16rem;\r\n  /* height: .68rem; */\r\n  background-size: 100%;\r\n  font-size: 0.32rem;\r\n  font-family: PingFang-SC-Regular, PingFang-SC;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  text-align: center;\r\n  line-height: 0.68rem;\r\n}\r\n\r\n.tou {\r\n  width: 2.16rem;\r\n  /* height: .68rem; */\r\n  background-size: 100%;\r\n  font-size: 0.32rem;\r\n  font-family: PingFang-SC-Regular, PingFang-SC;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  line-height: 0.68rem;\r\n  text-align: center;\r\n}\r\n\r\n.bigContent {\r\n  width: 7.02rem;\r\n  /* height: 15.56rem;\r\n  background-size: 100%; */\r\n  /* background-color: #FF9959; */\r\n  border-radius: 0.2rem;\r\n  padding-bottom: 0.6rem;\r\n  position: absolute;\r\n  top: 0.8rem;\r\n  left: 0.24rem;\r\n}\r\n\r\n.imgXuNumberAndName {\r\n  width: 6.54rem;\r\n  height: 3.68rem;\r\n  background-size: 100%;\r\n  margin-left: 0.24rem;\r\n  margin-top: 0.24rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.imgXuNumberAndName video {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.img {\r\n  position: absolute;\r\n}\r\n\r\n.xImg {\r\n  width: 0.7rem;\r\n  height: 0.6rem;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0.46rem;\r\n}\r\n\r\n.xuNumber {\r\n  width: 0.7rem;\r\n  height: 0.44rem;\r\n  font-size: 0.26rem;\r\n  font-family: PingFang-SC-Regular, PingFang-SC;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  line-height: 0.44rem;\r\n  position: absolute;\r\n  top: 0.05rem;\r\n  left: 0.54rem;\r\n}\r\n\r\n.names {\r\n  width: 4.8rem;\r\n  height: 0.4rem;\r\n  font-size: 0.28rem;\r\n  font-family: PingFang-SC-Regular, PingFang-SC;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  line-height: 0.4rem;\r\n  position: absolute;\r\n  top: 0.1rem;\r\n  left: 1.3rem;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  /* background-color: green; */\r\n}\r\n\r\n.rankingBox {\r\n  width: 6.54rem;\r\n  height: 1.8rem;\r\n  background-size: 100%;\r\n  margin: 0.32rem 0 0 0.24rem;\r\n  position: relative;\r\n}\r\n\r\n.rankingNumber {\r\n  width: 1rem;\r\n  height: 0.56rem;\r\n  font-size: 0.48rem;\r\n  font-family: DINAlternate-Bold, DINAlternate;\r\n  font-weight: bold;\r\n  color: #ffffff;\r\n  line-height: 0.56rem;\r\n  text-align: center;\r\n  /* background-color: pink; */\r\n}\r\n\r\n.piaoNumber {\r\n  width: 0.94rem;\r\n  height: 0.56rem;\r\n  font-size: 0.48rem;\r\n  font-family: DINAlternate-Bold, DINAlternate;\r\n  font-weight: bold;\r\n  color: #ffffff;\r\n  line-height: 0.56rem;\r\n  text-align: center;\r\n  /* background-color: green; */\r\n}\r\n\r\n.juLast {\r\n  /* width: 24px; */\r\n  height: 0.56rem;\r\n  font-size: 0.48rem;\r\n  font-family: DINAlternate-Bold, DINAlternate;\r\n  font-weight: bold;\r\n  color: #ffffff;\r\n  line-height: 0.56rem;\r\n  text-align: center;\r\n  /* background-color: yellow; */\r\n}\r\n\r\n.smallPiao {\r\n  width: 0.32rem;\r\n  height: 0.44rem;\r\n  font-size: 0.32rem;\r\n  font-family: PingFang-SC-Medium, PingFang-SC;\r\n  font-weight: 500;\r\n  color: #ffffff;\r\n  line-height: 0.44rem;\r\n}\r\n\r\n.boxs {\r\n  width: 6.54rem;\r\n  height: 0.6rem;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  position: absolute;\r\n  top: 0.3rem;\r\n}\r\n\r\n.textBox {\r\n  white-space: pre-line;\r\n  width: 6.38rem;\r\n  /* height: 8.78rem; */\r\n  font-size: 0.32rem;\r\n  font-family: PingFang-SC-Regular, PingFang-SC;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  line-height: 0.44rem;\r\n  margin: 0.4rem 0 0 0.32rem;\r\n  overflow-y: scroll;\r\n}\r\n\r\n/* 分享海报 -- */\r\n.shareBox {\r\n  width: 5.26rem;\r\n  height: 6.96rem;\r\n  position: absolute;\r\n  padding: 0.4rem 0.4rem 0 0.4rem;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  margin: auto;\r\n  background-size: 100%;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.shareText {\r\n  /* width: 169px; */\r\n  height: 0.84rem;\r\n  font-size: 0.7rem;\r\n  font-family: Helvetica;\r\n  color: #ffffff;\r\n  text-align: center;\r\n  text-shadow: 0px 0.06rem 0px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.QRcodeBox {\r\n  width: 3.54rem;\r\n  height: 4.12rem;\r\n  background: #ffffff;\r\n  border-radius: 0.08rem;\r\n  margin-left: 0.86rem;\r\n  margin-top: 1.1rem;\r\n}\r\n\r\n.xhaoNumber {\r\n  width: 0.6rem;\r\n  height: 0.48rem;\r\n  font-size: 0.2rem;\r\n  margin-left: 1.6rem;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  text-align: center;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.QRcode {\r\n  width: 1.8rem;\r\n  height: 1.8rem;\r\n  margin-left: 0.98rem;\r\n  margin-top: 0.3rem;\r\n}\r\n\r\n.shareText2 {\r\n  /* width: 56px; */\r\n  /* height: 20px; */\r\n  text-align: center;\r\n  font-size: 0.28rem;\r\n  font-family: PingFangSC-Regular, PingFang SC;\r\n  font-weight: 400;\r\n  color: #4a4a4a;\r\n  /* line-height: 20px; */\r\n}\r\n\r\n.lastText {\r\n  width: 1.68rem;\r\n  height: 0.68rem;\r\n  font-size: 0.24rem;\r\n  font-family: PingFangSC-Regular, PingFang SC;\r\n  font-weight: 400;\r\n  color: #898c8f;\r\n  line-height: 0.34rem;\r\n  text-align: center;\r\n  margin-left: 0.98rem;\r\n}\r\n\r\n/* 分享海报结束 -- */\r\n\r\n/* 生成二维码海报纸之后 */\r\n.mengban {\r\n  background: rgba(0, 0, 0, 0.5);\r\n  position: fixed;\r\n  left: 50%;\r\n  top: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.html2CanvBox {\r\n  width: 5.26rem;\r\n  height: 6.96rem;\r\n  position: absolute;\r\n  top: 2rem;\r\n  left: 0;\r\n  /* top: 0; */\r\n  right: 0;\r\n  /* bottom: 0; */\r\n  margin: auto;\r\n}\r\n\r\n.html2CanvBoxImg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.enImg {\r\n  /* width: 1.92rem; */\r\n  height: 0.44rem;\r\n  font-size: 0.32rem;\r\n  font-family: PingFangSC-Regular, PingFang SC;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  line-height: 0.44rem;\r\n  text-align: center;\r\n  text-shadow: 0px 0.02rem 0.04rem rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n/* 生成二维码海报纸之后 结束*/\r\n\r\n.lotteryFrameS {\r\n  width: 5.3rem;\r\n  height: 6.24rem;\r\n  background-size: 100%;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  margin: auto;\r\n  z-index: 9999;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.lotteryFrameSText {\r\n  /* width: 4.12rem; */\r\n  height: 0.6rem;\r\n  font-size: 0.32rem;\r\n  font-family: PingFang-SC-Regular, PingFang-SC;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  line-height: 0.44rem;\r\n  text-shadow: 0px 0.04rem 0px rgba(78, 11, 11, 0.5);\r\n  margin-top: 2.2rem;\r\n  text-align: center;\r\n}\r\n\r\n.lotteryFrameSBtn {\r\n  margin-top: 0.76rem;\r\n  text-align: center;\r\n}\r\n\r\n.lotteryFrameSText2 {\r\n  font-size: 0.44rem;\r\n  color: #ffffff;\r\n  display: inline-block;\r\n}\r\n\r\n.zaikankan {\r\n  /* width: 42px; */\r\n  height: 0.4rem;\r\n  font-size: 0.28rem;\r\n  font-family: PingFang-SC-Regular, PingFang-SC;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  line-height: 0.4rem;\r\n  text-align: center;\r\n}\r\n\r\n\r\n.znav {\r\n  padding-left: 0.45rem;\r\n  height: 0.8rem;\r\n  line-height: 0.8rem;\r\n  text-align: center;\r\n  padding: 0 0.1rem;\r\n  padding-top: constant(safe-area-inset-top);\r\n  padding-top: env(safe-area-inset-top);\r\n  width: 96%;\r\n  position: relative;\r\n}\r\n\r\n.navtitle {\r\n  text-align: center;\r\n  font-size: .4rem;\r\n  font-weight: bold;\r\n  color: #4a4a4a;\r\n  width: 82%;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0.6rem;\r\n}\r\n\r\n.leftarrow.iconfont {\r\n  color: #716e6e;\r\n  float: left;\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserDetails.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserDetails.vue?vue&type=template&id=80c5dfee&scoped=true&\"\nimport script from \"./UserDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./UserDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserDetails.vue?vue&type=style&index=0&id=80c5dfee&prod&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  \"80c5dfee\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserDetails.vue?vue&type=style&index=0&id=80c5dfee&prod&scoped=true&lang=css&\""],"sourceRoot":""}