API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 16th, 2019
191
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.52 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6. <meta charset="UTF-8">
  7. <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <meta property="fb:app_id" content="545598752572011">
  10. <meta property="og:url" content="https://activity.mobilelegends.com/en/skindesign/index.html" />
  11. <meta property="og:title" content="The First MLBB Skin Design Competition!" />
  12. <meta property="og:type" content="website" />
  13. <meta property="og:description" content="The first MLBB Skin Design Competition! Vote for your favorite design!" />
  14. <meta property="og:image" content="https://activity.mobilelegends.com/en/skindesign/image/shareImg.jpg" />
  15. <meta name="twitter:card" content="summary_large_image">
  16. <!-- <meta name="whatsapp:url" class="share_url" content="http://127.0.0.1:5500/index.html"> -->
  17. <!-- <meta name="whatsapp:title" class="share_title" content="测试分享到whatsapp"> -->
  18. <title>Mobilelegends: Skin Design</title>
  19. <link href=" https://static.mobilelegends.com/resource/reset.min.css" rel="stylesheet">
  20. <link rel="stylesheet" href="css/index1.2.css">
  21. <link rel="stylesheet" href="https://static.mobilelegends.com/resource/swiper.min.css">
  22. <link href="//unpkg.com/viewerjs/dist/viewer.css" rel="stylesheet">
  23.  
  24. </head>
  25.  
  26. <body>
  27. <div id="app">
  28. <div id="loadingMask">
  29. <div class="typing_loader"></div>
  30. </div>
  31.  
  32. <div id="content" >
  33. <div class="partOne" v-show="!leaderboader">
  34. <!-- <a href="javascript:whatsApp();" class="xq-whatsapp" data-action="share/whatsapp/share">whatsApp</a> -->
  35. <!-- <a :href="this.location" class="xq-whatsapp" data-action="share/whatsapp/share" target="_blank"
  36. @click="shareFn('whatsapp')">whatsApp</a> -->
  37. <div class="logo"></div>
  38. <div class="login SignIn" v-if="!loginSuccess" @click="openLoginBox" v-text='$t("message.login")'></div>
  39. <div class="login SignIn loginS" v-else @click="logout">{{userInfo.sName}}</div>
  40. <div class="language SignIn" @click="openLanguageBox" v-text="languageText"></div>
  41. <div class="ruleBtn partOneBth" @click="openRuleBox"></div>
  42. <div class="shareBtn partOneBth" @click="openShareBox(0)"></div>
  43. <img class="slogan" :src="'./image/slogan-'+language+'.png'" alt="">
  44. <div class="titleBox">
  45. <p class="title">{{$t("message.Competition")}}</p>
  46. <p class="voteTime" v-text='$t("message.voteTime")'></p>
  47. </div>
  48. </div>
  49. <div class="partTwo " style="padding-bottom : 80px" >
  50. <div class="voteLine" v-show="!leaderboader">
  51. <div class="lineBox">
  52. <!-- 有惊喜宝箱 -->
  53. <div class="line1" v-if="basicNum == 0"></div>
  54. <div class="line" v-else></div>
  55. <!-- 无惊喜宝箱 -->
  56. <div class="extra1" v-if="is_extraNum > 0 "></div>
  57. <div class="extra" v-else></div>
  58. <div class="basic" v-for="item in basicNum"></div>
  59. <div class="basic1" v-for="item in (5-basicNum)"></div>
  60. </div>
  61. <p class="basicNum num">{{$t("message.basicNum")}}{{basicNum}}</p>
  62. <p class="extraNum num">{{$t("message.extraNum")}}{{extraNum-is_extraNum}}</p>
  63. <!-- <div class="basicBox miniBox" :class="basicNum == 0 && basic_count == 1 ? 'color' : 'grey'"
  64. @click="openPrizeBox('basic')"></div> -->
  65. <div class="basicBox miniBox" :class=" basic_count == 1? 'color' : 'grey'" @click="openPrizeBox('basic')">
  66. </div>
  67. <!-- <div class="extraBox miniBox"
  68. :class="extraNum == 0 || extra_count != 1 || is_extraNum == 0 ? 'grey' : 'color'"
  69. @click="openPrizeBox('extra')"></div> -->
  70. <div class="extraBox miniBox" :class="extra_count != 1 ? 'grey' : 'color'" @click="openPrizeBox('extra')">
  71. </div>
  72. </div>
  73. <div class="voteBox">
  74. <div class="voteType" v-show="!leaderboader">
  75. <div class="allType" @click="getVoteLists('all')" :class="voteType=='all' ? 'typeColor' : '' ">ALL</div>
  76. <div class="miniType" @click="getVoteLists('tk')" :class="voteType=='tk' ? 'typeColor' : '' ">
  77. <div class="tankType littleType"></div>
  78. </div>
  79. <div class=" miniType" @click="getVoteLists('zs')" :class="voteType=='zs' ? 'typeColor' : '' ">
  80. <div class="warriorType littleType"></div>
  81. </div>
  82. <div class=" miniType" @click="getVoteLists('ck')" :class="voteType=='ck' ? 'typeColor' : '' ">
  83. <div class="assassinType littleType"></div>
  84. </div>
  85. <div class=" miniType" @click="getVoteLists('ss')" :class="voteType=='ss' ? 'typeColor' : '' ">
  86. <div class="shooterType littleType"></div>
  87. </div>
  88. <div class=" miniType" @click="getVoteLists('fs')" :class="voteType=='fs' ? 'typeColor' : '' ">
  89. <div class="mageType littleType"></div>
  90. </div>
  91. <div class=" miniType " @click="getVoteLists('fz')" :class="voteType=='fz' ? 'typeColor2' : '' ">
  92. <div class="auxiliaryType littleType"></div>
  93. </div>
  94. </div>
  95. <div class="votePic" id="votePic">
  96. <div ref="wrapper" v-show="!leaderboader" id="voteItem" class="voteItem"
  97. v-for="(item,index) in rankOccupation">
  98. <div class="itemPic" v-lazy:background-image.container="imgList[0]">
  99. <div class="picNum" v-if="voteType == 'all'">{{index+1}}</div>
  100. <div class="picNum" v-else>{{item.indexs}}</div>
  101. <div class="test">
  102. <img v-lazy="item.img" :key="item.img" alt="" @click="openSkinBox(item.indexs-1)">
  103. </div>
  104. <p class="itemName">{{item.name}}</p>
  105. </div>
  106. <div class="itemBtn">
  107. <div class="voteBtn" :class="item.vote ? 'voteBtn1' : ''">
  108. <p v-text='$t("message.vote")' v-if="!item.vote" @click="voteUsers(item.id)"></p>
  109. <p v-text='$t("message.voted")' v-else @click="voteUsers(0)"></p>
  110. </div>
  111. <div class="itemShareBtn">
  112. <p v-text='$t("message.share")' @click="openShareBox(item.id)"></p>
  113. </div>
  114. </div>
  115. </div>
  116. <div ref="wrappers" v-show="leaderboader" id="leaderItem" class="leaderItem"
  117. v-for="(item,index) in rankOccupation">
  118. <div class="ranking ">
  119. <img v-if="index == 0" v-lazy="imgList[1]" alt="">
  120. <img class="second" v-else-if="index == 1" v-lazy="imgList[2]" alt="">
  121. <img class="third" v-else-if="index == 2" v-lazy="imgList[3]" alt="">
  122. <p v-else class="number">{{index < 9 ? '0' : ''}}{{index+1}}</p>
  123. <p class="score">{{item.score}}</p>
  124. </div>
  125. <div class="works">
  126. <div class="picNum">{{item.indexs}}</div>
  127. <!-- <img v-lazy="item.img" alt="" :key="item.img" @click="openImageBox(item.img)" > -->
  128. <img v-lazy="item.img" alt="" :key="item.img" @click="openSkinBox(item.indexs-1)">
  129. <p>{{item.name}}</p>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="type">
  134. <div v-if="canVote > 0" :class="leaderboader ? 'leaderboard':'voted' ">
  135. <p v-text='$t("message.vote")' @click="getVoteLists('all')"></p>
  136. </div>
  137. <div v-if="canVote > 0" @click="getVoteScoreRank" :class="leaderboader ? 'voted':'leaderboard'"
  138. :class="canVote <= 0 ? 'specialV' : ''" v-scroll-to="'#leaderItem'">
  139. <p v-text='$t("message.leaderboards")'></p>
  140. </div>
  141. <div v-else @click="getVoteScoreRank" class="specialV">
  142. <p v-text='$t("message.leaderboards")'></p>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <rule-box v-show="ruleBox" :close="closeRuleBox" :imglist="imgList" :trysrc="trySrc"></rule-box>
  148. <language-box v-if="languageBox" :chose="changeLanguage"></language-box>
  149. <share-box v-if="shareBox" :close="closeShareBox" :sharetext="activityWords" :sendurl="sendUrl" :twshare="twShare"
  150. :location="location" :fbshare="fbShare" :sharefn='shareFn' :skinid="skinId" :activitytext="activityText"
  151. :fbshares="fbshareS">
  152. </share-box>
  153. <cliam-box v-if="prizeBox" :close="closePrizeBox" :prizeid="prizeboxId" :cliamtype="cliamType" :trysrc="trySrc">
  154. </cliam-box>
  155. <skin-box v-if="skinBox" :close="closeSkinBox" :skinid="skinId" :image="openImageBox" :voteusers="voteUsers"
  156. :opensharebox="openShareBox" :leaderboader="leaderboader"></skin-box>
  157. <image-box v-if="imageBox" :close="closeImageBox" :imgsrc="imgSrc" :show="Show"></image-box>
  158. <msg-box v-if="msgBox" :msgtxt="msgTxt" :close="closeMsgBox"></msg-box>
  159. </div>
  160. <div v-if="landscape" class="landscape"></div>
  161. </div>
  162.  
  163. <template id="ruleTemp">
  164. <div class="mask ">
  165. <div class="middle ruleBox">
  166. <div class="ruleTitle" v-text='$t("message.rule")'></div>
  167. <div class="ruleContent">
  168. <p v-text='$t("message.ruleT1")'></p>
  169. <p v-text='$t("message.ruleC1")'></p>
  170. <p v-text='$t("message.ruleC2")'></p>
  171. <p v-text='$t("message.ruleC3")'></p>
  172. <p v-text='$t("message.ruleC4")'></p>
  173. <p v-text='$t("message.ruleC5")'></p>
  174. </div>
  175. <p class="prizePool">Prize Pool</p>
  176. <div class="swiper-container">
  177. <div class="swiper-wrapper">
  178. <div class="swiper-slide">
  179. <div class="prizeitem">
  180. <img class="swiper-lazy" data-src="./image/prize1.png" alt="">
  181. <p>1</p>
  182. </div>
  183. <div class="prizeitem">
  184. <img class="swiper-lazy" data-src="./image/prize2.png" alt="">
  185. <p>1</p>
  186. </div>
  187. <div class="prizeitem">
  188. <img class="swiper-lazy" data-src="./image/prize3.png" alt="">
  189. <p>1</p>
  190. </div>
  191. <div class="prizeitem">
  192. <img class="swiper-lazy" data-src="./image/prize4.png" alt="">
  193. <p>1</p>
  194. </div>
  195. <div class="prizeitem">
  196. <img class="swiper-lazy" data-src="./image/prize5.png" alt="">
  197. <p>1</p>
  198. </div>
  199. </div>
  200. <div class="swiper-slide">
  201. <div class="prizeitem">
  202. <img class="swiper-lazy" data-src="./image/prize6.png" alt="">
  203. <p>1</p>
  204. </div>
  205. <div class="prizeitem">
  206. <img class="swiper-lazy" data-src="./image/prize7.png" alt="">
  207. <img class="try" v-lazy="trysrc" alt="" :key="trysrc">
  208. <p>1</p>
  209. </div>
  210. <div class="prizeitem">
  211. <img class="swiper-lazy" data-src="./image/prize8.png" alt="">
  212. <p>1</p>
  213. <img class="try" v-lazy="trysrc" alt="" :key="trysrc">
  214. </div>
  215. <div class="prizeitem">
  216. <img class="swiper-lazy" data-src="./image/prize9.png" alt="">
  217. <p>10</p>
  218. </div>
  219. <div class="prizeitem">
  220. <img class="swiper-lazy" data-src="./image/prize10.png" alt="">
  221. <p>1</p>
  222. </div>
  223. </div>
  224. <div class="swiper-slide">
  225. <div class="prizeitem">
  226. <img class="swiper-lazy" data-src="./image/prize11.png" alt="">
  227. <img class="try" v-lazy="trysrc" alt="" :key="trysrc">
  228. <p>1</p>
  229. </div>
  230. <div class="prizeitem">
  231. <img class="swiper-lazy" data-src="./image/prize12.png" alt="">
  232. <img class="try" v-lazy="trysrc" alt="" :key="trysrc">
  233. <p>1</p>
  234. </div>
  235. <div class="prizeitem">
  236. <img class="swiper-lazy" data-src="./image/prize13.png" alt="">
  237. <img class="try" v-lazy="trysrc" alt="" :key="trysrc">
  238. <p>1</p>
  239.  
  240. </div>
  241. <div class="prizeitem">
  242. <img class="swiper-lazy" data-src="./image/prize14.png" alt="">
  243. <img class="try" v-lazy="trysrc" alt="" :key="trysrc">
  244. <p>1</p>
  245. </div>
  246. <div class="prizeitem">
  247. <img class="swiper-lazy" data-src="./image/prize15.png" alt="">
  248. <img class="try" v-lazy="trysrc" alt="" :key="trysrc">
  249. <p>1</p>
  250. </div>
  251. </div>
  252.  
  253. </div>
  254. <!-- Add Pagination -->
  255. <div class="swiper-pagination"></div>
  256. </div>
  257. <img class='close' v-lazy="imglist[4]" alt="" @click="close">
  258. </div>
  259. </div>
  260. </template>
  261. <template id="languageTemp">
  262. <div id="languageChoseBox">
  263. <div class="languageChoseBtn languageChoseBtn1" @click="chose('en')">English</div>
  264. <div class="languageChoseBtn languageChoseBtn2" @click="chose('id')">Bahasa Indonesia</div>
  265. <div class="languageChoseBtn languageChoseBtn3" @click="chose('jp')">日本語</div>
  266. <!-- <img class='close' dataSrc="./image/close.png" src="./image/close.png" alt="" @click="close"> -->
  267. </div>
  268. </template>
  269. <template id="shareTemp">
  270. <div class="mask">
  271. <div class="shareBox middle">
  272. <div class="share-icon " @click="twshare">
  273. <a class="twitter_a" :href="'https://twitter.com/share?text=' + sharetext + '&url='+sendurl" target="_blank"
  274. v-if="skinid<1 || skinid == 'false'">
  275. <img src="./image/icon1.png" alt="">
  276. </a>
  277. <a class="twitter_a" :href="'https://twitter.com/share?text=' + activitytext + '&url='+sendurl"
  278. target="_blank" v-else>
  279. <img src="./image/icon1.png" alt="">
  280. </a>
  281. </div>
  282. <div class="share-icon " @click="fbshare" v-if="skinid == 0">
  283. <img src="./image/icon2.png" alt="">
  284. </div>
  285. <div class="share-icon " @click="fbshares" v-else>
  286. <img src="./image/icon2.png" alt="">
  287. </div>
  288. <div class="share-icon">
  289. <a :href="location" class="xq-whatsapp" data-action="share/whatsapp/share" target="_blank"
  290. @click="sharefn('whatsapp')">
  291. <img src="./image/icon3.png" alt="">
  292. </a>
  293. </div>
  294. <div class="share-icon ">
  295. <button class="shareBtn_btn" type="button" :data-clipboard-text="sendurl"></button>
  296. <img src="./image/icon4.png" alt="">
  297. </div>
  298. <img class='close' src="image/close.png" alt="" @click="close">
  299. </div>
  300. </div>
  301. </div>
  302. </template>
  303. <template id="cliamTemp">
  304. <div class="mask">
  305. <div class="middle prizeBox">
  306. <div class="prizeTitle">{{$t("message.congratulate")}} {{$t('message.prizeText'+prizeid)}}
  307. {{$t("message.congratulate1")}}</div>
  308. <div class="mileBox">{{$t("message.mailbox")}}</div>
  309. <div class="prizeContent">
  310. <img class="miniPrize" :src="'./image/prize'+prizeid+'.png'" alt="">
  311. <img v-if="prizeid == 7 || prizeid == 8 || prizeid > 10" class="try" v-lazy="trysrc" alt="" :key="trysrc">
  312. <p v-if="prizeid == 9">10</p>
  313. <p v-else>1</p>
  314. </div>
  315. <div class="mileBox" v-if="cliamtype == 1 ">{{$t("message.votingBasic")}}</div>
  316. <div class="mileBox" v-else>{{$t("message.votingExtra")}}</div>
  317. <img class='close' src="./image/close.png" alt="" @click="close">
  318. </div>
  319. </div>
  320. </template>
  321. <template id="msgTemp">
  322. <div class="mask" @click="close">
  323. <div class="middle msgBox">
  324. <p v-html=msgtxt></p>
  325. <!-- <p >{{msgtxt}}</p> -->
  326. </div>
  327. </div>
  328. </template>
  329. <template id="skinTemp">
  330. <div class="mask">
  331. <div class="middle skinBox">
  332. <div class="skinPic images" v-viewer>
  333. <img :src="skinid.img" :key="skinid.img" alt="" @click="image(skinid.img)">
  334. <p class="name">{{skinid.name}}</p>
  335. </div>
  336. <p class="nickname">{{$t("message.nickname")}}{{skinid.nikename}}</p>
  337. <p class="text">
  338. {{$t("message.Concept")}}
  339. {{skinid.concept}}
  340. </p>
  341. <div class="itemBtn" v-show="!leaderboader">
  342. <div class="voteBtn" :class="skinid.vote ? 'voteBtn1' : ''">
  343. <p v-text='$t("message.vote")' v-if="!skinid.vote" @click="voteusers(skinid.id)"></p>
  344. <p v-text='$t("message.voted")' v-else @click="voteusers('0')"></p>
  345. </div>
  346. <div class="itemShareBtn">
  347. <p v-text='$t("message.share")' @click="opensharebox(skinid.id)"></p>
  348. </div>
  349. </div>
  350. <img class='close' src="./image/close.png" alt="" @click="close">
  351. </div>
  352. </div>
  353. </template>
  354. <template id="imageTemp">
  355. <!-- <div class="mask" @click="close"> -->
  356. <div class="imagebox">
  357. <!-- <img :src="imgsrc" alt="" class="bigImage"> -->
  358. <!-- <img :src="imgsrc" :key="imgsrc"> -->
  359. <!-- <button type="button" @click="show">Show</button> -->
  360. </div>
  361. <!-- </div> -->
  362. </template>
  363.  
  364. <div id="fb-root"></div>
  365. <script>
  366. (function (d, s, id) {
  367. var js, fjs = d.getElementsByTagName(s)[0];
  368. if (d.getElementById(id)) return;
  369. js = d.createElement(s);
  370. js.id = id;
  371. js.src = "https://connect.facebook.net/en_US/sdk.js";
  372. fjs.parentNode.insertBefore(js, fjs);
  373. }(document, 'script', 'facebook-jssdk'));
  374. </script>
  375. </body>
  376. <script src="https://static.mobilelegends.com/resource/clipboard.min.js"></script>
  377. <script src="https://static.mobilelegends.com/resource/vue.min.js"></script>
  378. <script src="https://static.mobilelegends.com/resource/js-cookie.min.js"></script>
  379. <script src="https://static.mobilelegends.com/resource/layer/layer.js"></script>
  380. <script src="https://static.mobilelegends.com/resource/vue-i18n.min.js"></script>
  381. <script src="//unpkg.com/viewerjs/dist/viewer.js"></script>
  382. <script src="//unpkg.com/v-viewer/dist/v-viewer.js"></script>
  383. <script>
  384. Vue.use(VueViewer.default, {
  385. defaultOptions: {
  386. navbar: false,
  387. title: false,
  388. toolbar: false
  389. }
  390. })
  391.  
  392.  
  393.  
  394. </script>
  395.  
  396. <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-lazyload/1.2.6/vue-lazyload.js"></script>
  397. <script>
  398. Vue.use(VueLazyload);
  399. </script>
  400. <script src="Mlogin.js"></script>
  401. <script src="js/language.js"></script>
  402. <script src="js/index1.3.js"></script>
  403. <script src="https://static.mobilelegends.com/resource/swiper.min.js"></script>
  404. <script>
  405. var mySwiper = new Swiper('.swiper-container', {
  406. direction: 'horizontal', // 垂直切换选项
  407. pagination: {
  408. el: '.swiper-pagination',
  409. bulletActiveClass: 'my-bullet-active',
  410.  
  411. },
  412. effect: 'fade',
  413. fadeEffect: {
  414. crossFade: true,
  415. },
  416. lazy: {
  417. loadPrevNext: true,
  418. },
  419. observer: true, //修改swiper自己或子元素时，自动初始化swiper
  420. observeParents: true, //修改swiper的父元素时，自动初始化swiper
  421. })
  422. </script>
  423. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-91393926-4"></script>
  424. <script>
  425. window.dataLayer = window.dataLayer || [];
  426.  
  427. function gtag() {
  428. dataLayer.push(arguments);
  429. }
  430. gtag('js', new Date());
  431.  
  432. gtag('config', 'UA-91393926-4');
  433. </script>
  434.  
  435. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!