home.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724
  1. //首页虚拟数据库,仔仔编写。
  2. let _home_data = {
  3. tab() {
  4. return ['首页','服装鞋帽','交通工具','家电','家居家具','珠宝配饰','美妆个护','运动户外','母婴用品','玩具乐器','手机','数码','电脑办公'];
  5. },
  6. swiper() {
  7. return [
  8. {
  9. swiper: '/static/images/home/swiper/swiper-1.png',
  10. background: '/static/images/home/swiper/swiper-background-1.png',
  11. },
  12. {
  13. swiper: '/static/images/home/swiper/swiper-2.png',
  14. background: '/static/images/home/swiper/swiper-background-2.png',
  15. },
  16. {
  17. swiper: '/static/images/home/swiper/swiper-3.png',
  18. background: '/static/images/home/swiper/swiper-background-3.png',
  19. }
  20. ];
  21. },
  22. nav() {
  23. return [{
  24. id: 1,
  25. name: '手机',
  26. color: 'orange',
  27. badge: '必看',
  28. img: '/static/images/home/grid-icon/1.png',
  29. },{
  30. id: 2,
  31. name: '平板',
  32. color: '',
  33. badge: '',
  34. img: '/static/images/home/grid-icon/2.png',
  35. },{
  36. id: 3,
  37. name: '电脑',
  38. color: 'orange',
  39. badge: '热卖',
  40. img: '/static/images/home/grid-icon/3.png',
  41. },{
  42. id: 4,
  43. name: '数码',
  44. color: '',
  45. badge: '',
  46. img: '/static/images/home/grid-icon/4.png',
  47. },{
  48. id: 5,
  49. name: '家电',
  50. color: '',
  51. badge: '',
  52. img: '/static/images/home/grid-icon/5.png',
  53. },{
  54. id: 6,
  55. name: '新人红包',
  56. color: '',
  57. badge: '',
  58. img: '/static/images/home/grid-icon/6.png',
  59. },{
  60. id: 7,
  61. name: '手机直播',
  62. color: '',
  63. badge: '',
  64. img: '/static/images/home/grid-icon/7.png',
  65. },{
  66. id: 8,
  67. name: '自营图书',
  68. color: 'red',
  69. badge: '必看',
  70. img: '/static/images/home/grid-icon/8.png',
  71. },{
  72. id: 9,
  73. name: '游戏',
  74. color: '',
  75. badge: '',
  76. img: '/static/images/home/grid-icon/9.png',
  77. },{
  78. id: 10,
  79. name: '二手车',
  80. color: '',
  81. badge: '',
  82. img: '/static/images/home/grid-icon/10.png',
  83. },{
  84. id: 11,
  85. name: '文玩玉翠',
  86. color: '',
  87. badge: '',
  88. img: '/static/images/home/grid-icon/11.png',
  89. },{
  90. id: 12,
  91. name: '免费领',
  92. color: '',
  93. badge: '',
  94. img: '/static/images/home/grid-icon/12.png',
  95. },{
  96. id: 13,
  97. name: '借钱',
  98. color: '',
  99. badge: '',
  100. img: '/static/images/home/grid-icon/13.png',
  101. },{
  102. id: 14,
  103. name: '拍卖',
  104. color: '',
  105. badge: '',
  106. img: '/static/images/home/grid-icon/14.png',
  107. },{
  108. id: 15,
  109. name: '分期商城',
  110. color: '',
  111. badge: '',
  112. img: '/static/images/home/grid-icon/15.png',
  113. }];
  114. },
  115. live() {
  116. return [
  117. {
  118. id: 1,
  119. name: '图文鉴别',
  120. text: '验过的更放心',
  121. img: '/static/images/home/sundry/3.png',
  122. },
  123. {
  124. id: 2,
  125. name: '免费鉴别',
  126. text: '专家24h在线',
  127. img: '/static/images/home/sundry/4.png',
  128. },
  129. {
  130. id: 3,
  131. name: '连麦鉴别',
  132. text: '2114人正在看',
  133. img: '/static/images/home/sundry/5.png',
  134. }
  135. ];
  136. },
  137. earn() {
  138. return [
  139. {
  140. text: 'xxx赚了560元',
  141. img: '/static/images/avatar/1.jpg',
  142. },
  143. {
  144. text: 'xxx赚了3元',
  145. img: '/static/images/avatar/2.jpg',
  146. },
  147. {
  148. text: 'xx赚了20元',
  149. img: '/static/images/avatar/3.jpg',
  150. },
  151. {
  152. text: 'xxx赚了98元',
  153. img: '/static/images/avatar/4.jpg',
  154. },
  155. {
  156. text: 'xx赚了0.1元',
  157. img: '/static/images/avatar/5.jpg',
  158. }
  159. ];
  160. },
  161. sellQuickly() {
  162. return [
  163. {
  164. id: 1,
  165. title: '手机保卖',
  166. text: '99%卖出',
  167. img: '/static/images/home/sundry/6.png',
  168. },
  169. {
  170. id: 2,
  171. title: '拍卖报名',
  172. text: '24小时高价卖',
  173. img: '/static/images/home/sundry/7.png',
  174. },
  175. {
  176. id: 3,
  177. title: '扫码读书',
  178. text: '好书高价卖',
  179. img: '/static/images/home/sundry/8.png',
  180. }
  181. ];
  182. },
  183. activity() {
  184. return [
  185. {
  186. id: 1,
  187. title: '转转社区',
  188. text: '发现有趣',
  189. img: '/static/images/home/sundry/11.png',
  190. },
  191. {
  192. id: 2,
  193. title: '手机直播',
  194. text: '直降400元',
  195. img: '/static/images/home/sundry/10.png',
  196. },
  197. {
  198. id: 3,
  199. title: '新人专享',
  200. text: '',
  201. img: '/static/images/home/sundry/12.png',
  202. },
  203. {
  204. id: 4,
  205. title: '爆款大促',
  206. text: '',
  207. img: '/static/images/home/sundry/13.png',
  208. },
  209. {
  210. id: 5,
  211. title: '5元3本',
  212. text: '',
  213. img: '/static/images/home/sundry/14.png',
  214. },
  215. {
  216. id: 6,
  217. title: '全新拍卖',
  218. text: '',
  219. img: '/static/images/home/sundry/15.png',
  220. }
  221. ];
  222. },
  223. goodsTab() {
  224. return [
  225. {
  226. title: '看推荐',
  227. tag: '',
  228. },
  229. {
  230. title: '逛附近',
  231. tag: '',
  232. },
  233. {
  234. title: '直播',
  235. tag: '秒杀中',
  236. },{
  237. title: '实惠好货',
  238. tag: '',
  239. },{
  240. title: '短视频',
  241. tag: '',
  242. }
  243. ];
  244. },
  245. goodsList() {
  246. return [
  247. {
  248. v: false,
  249. pay: true,
  250. type: '', //空为正常数据,recommend 为推荐感兴趣的,可以此扩展。
  251. mold: [],
  252. service: ['支持验机','专业质检'],
  253. price: '2280',
  254. servicePlus: '',
  255. username: '仔仔',
  256. time: '1个小时前来过',
  257. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  258. img: '/static/images/home/goods/1.png',
  259. avatar: '/static/images/avatar/1.jpg'
  260. },
  261. {
  262. v: true,
  263. pay: false,
  264. type: '',
  265. mold: [{bg:'red',title: '自营'}],
  266. service: [],
  267. price: '5049',
  268. servicePlus: '支持验机',
  269. username: '正品保障',
  270. time: '7天无理由',
  271. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  272. img: '/static/images/home/goods/2.png',
  273. avatar: '/static/images/avatar/2.jpg'
  274. },
  275. {
  276. v: false,
  277. pay: false,
  278. type: '',
  279. mold: [{bg:'blue',title: '寄卖'}],
  280. service: [],
  281. price: '2980',
  282. servicePlus: '已验机',
  283. username: '仔仔',
  284. time: '当前在线',
  285. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  286. img: '/static/images/home/goods/3.png',
  287. avatar: '/static/images/avatar/3.jpg'
  288. },
  289. {
  290. v: false,
  291. pay: true,
  292. type: '',
  293. mold: [],
  294. service: ['支持验机','专业质检'],
  295. price: '2280',
  296. servicePlus: '',
  297. username: '仔仔',
  298. time: '1个小时前来过',
  299. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  300. img: '/static/images/home/goods/4.png',
  301. avatar: '/static/images/avatar/4.jpg'
  302. },
  303. {
  304. v: true,
  305. pay: false,
  306. type: '',
  307. mold: [{bg:'red',title: '自营'}],
  308. service: [],
  309. price: '5049',
  310. servicePlus: '支持验机',
  311. username: '正品保障',
  312. time: '7天无理由',
  313. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  314. img: '/static/images/home/goods/5.png',
  315. avatar: '/static/images/avatar/5.jpg'
  316. },
  317. {
  318. v: false,
  319. pay: false,
  320. type: '',
  321. mold: [],
  322. service: [],
  323. price: '2980',
  324. servicePlus: '已验机',
  325. username: '仔仔',
  326. time: '当前在线',
  327. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  328. img: '/static/images/home/goods/6.png',
  329. avatar: '/static/images/avatar/6.jpg'
  330. },
  331. {
  332. v: false,
  333. pay: true,
  334. type: '',
  335. mold: [],
  336. service: ['支持验机','专业质检'],
  337. price: '2280',
  338. servicePlus: '',
  339. username: '仔仔',
  340. time: '1个小时前来过',
  341. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  342. img: '/static/images/home/goods/7.png',
  343. avatar: '/static/images/avatar/7.jpg'
  344. },
  345. {
  346. v: true,
  347. pay: false,
  348. type: '',
  349. mold: [{bg:'red',title: '自营'}],
  350. service: [],
  351. price: '5049',
  352. servicePlus: '支持验机',
  353. username: '正品保障',
  354. time: '7天无理由',
  355. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  356. img: '/static/images/home/goods/8.png',
  357. avatar: '/static/images/avatar/8.jpg'
  358. },
  359. {
  360. v: false,
  361. pay: false,
  362. type: '',
  363. mold: [],
  364. service: [],
  365. price: '2980',
  366. servicePlus: '已验机',
  367. username: '仔仔',
  368. time: '当前在线',
  369. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  370. img: '/static/images/home/goods/9.png',
  371. avatar: '/static/images/avatar/1.jpg'
  372. },
  373. {
  374. v: false,
  375. pay: true,
  376. type: '',
  377. mold: [],
  378. service: ['支持验机','专业质检'],
  379. price: '2280',
  380. servicePlus: '',
  381. username: '仔仔',
  382. time: '1个小时前来过',
  383. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  384. img: '/static/images/home/goods/10.png',
  385. avatar: '/static/images/avatar/2.jpg'
  386. },
  387. {
  388. v: true,
  389. pay: false,
  390. type: '',
  391. mold: [{bg:'red',title: '自营'}],
  392. service: [],
  393. price: '5049',
  394. servicePlus: '支持验机',
  395. username: '正品保障',
  396. time: '7天无理由',
  397. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  398. img: '/static/images/home/goods/11.png',
  399. avatar: '/static/images/avatar/3.jpg'
  400. },
  401. {
  402. v: false,
  403. pay: false,
  404. type: '',
  405. mold: [],
  406. service: [],
  407. price: '2980',
  408. servicePlus: '已验机',
  409. username: '仔仔',
  410. time: '当前在线',
  411. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  412. img: '/static/images/home/goods/12.png',
  413. avatar: '/static/images/avatar/4.jpg'
  414. },
  415. {
  416. v: false,
  417. pay: true,
  418. type: '',
  419. mold: [],
  420. service: ['支持验机','专业质检'],
  421. price: '2280',
  422. servicePlus: '',
  423. username: '仔仔',
  424. time: '1个小时前来过',
  425. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  426. img: '/static/images/home/goods/13.png',
  427. avatar: '/static/images/avatar/5.jpg'
  428. },
  429. {
  430. v: true,
  431. pay: false,
  432. type: '',
  433. mold: [{bg:'red',title: '自营'}],
  434. service: [],
  435. price: '5049',
  436. servicePlus: '支持验机',
  437. username: '正品保障',
  438. time: '7天无理由',
  439. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  440. img: '/static/images/home/goods/14.png',
  441. avatar: '/static/images/avatar/6.jpg'
  442. },
  443. {
  444. v: false,
  445. pay: false,
  446. type: '',
  447. mold: [],
  448. service: [],
  449. price: '2980',
  450. servicePlus: '已验机',
  451. username: '仔仔',
  452. time: '当前在线',
  453. title: '商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题,商品标题',
  454. img: '/static/images/home/goods/15.png',
  455. avatar: '/static/images/avatar/7.jpg'
  456. }
  457. ];
  458. },
  459. recommend() {
  460. return {
  461. type: 'recommend',
  462. list: [
  463. {
  464. title: '商品标题',
  465. img: '/static/images/home/goods/16.png',
  466. },
  467. {
  468. title: '商品标题',
  469. img: '/static/images/home/goods/15.png',
  470. },
  471. {
  472. title: '商品标题',
  473. img: '/static/images/home/goods/14.png',
  474. },{
  475. title: '商品标题',
  476. img: '/static/images/home/goods/13.png',
  477. }
  478. ]
  479. };
  480. },
  481. liveData() {
  482. // tag、tag_title、tag_time 三个参数中,选一个即可。
  483. // tag_red、tag_red_bg 两个参数中,选一个即可。
  484. // 多个填写的话,会显示错位,如有需要,可自行修改。
  485. return [
  486. {
  487. tag: '630万人',
  488. tag_title: [],
  489. tag_time: '',
  490. tag_red: '抢100元红包',
  491. tag_red_bg: '',
  492. title: '莫山山的直播',
  493. name: '大河国莫山山',
  494. appreciate: '7.5万',
  495. avatar: '/static/images/avatar/1.jpg',
  496. cover_img: '/static/images/home/live/1.jpg',
  497. },
  498. {
  499. tag: '',
  500. tag_title: [],
  501. tag_time: '',
  502. tag_red: '',
  503. tag_red_bg: '',
  504. title: '',
  505. name: '',
  506. appreciate: '',
  507. avatar: '',
  508. cover_img: '/static/images/home/live/2.jpg',
  509. },
  510. {
  511. tag: '630万人',
  512. tag_title: [],
  513. tag_time: '',
  514. tag_red: '',
  515. tag_red_bg: '特惠秒杀 00:07:05',
  516. title: 'XXXX的直播',
  517. name: 'XXXX',
  518. appreciate: '100万+',
  519. avatar: '/static/images/avatar/2.jpg',
  520. cover_img: '/static/images/home/live/3.jpg',
  521. },
  522. {
  523. tag: '',
  524. tag_title: ['鉴别中','演戏'],
  525. tag_time: '',
  526. tag_red: '',
  527. tag_red_bg: '',
  528. title: '刘诗诗的直播',
  529. name: '刘诗诗',
  530. appreciate: '98.8万',
  531. avatar: '/static/images/avatar/3.jpg',
  532. cover_img: '/static/images/home/live/4.jpg',
  533. },
  534. {
  535. tag: '',
  536. tag_title: [],
  537. tag_time: '预约中 - 02/28 22:00',
  538. tag_red: '',
  539. tag_red_bg: '',
  540. title: '某某某的直播',
  541. name: '某某某',
  542. appreciate: '2345',
  543. avatar: '/static/images/avatar/4.jpg',
  544. cover_img: '/static/images/home/live/5.jpg',
  545. },
  546. {
  547. tag: '',
  548. tag_title: [],
  549. tag_time: '鉴别预约中 - 唱歌',
  550. tag_red: '',
  551. tag_red_bg: '',
  552. title: '某某的直播',
  553. name: '某某-某某',
  554. appreciate: '9812',
  555. avatar: '/static/images/avatar/5.jpg',
  556. cover_img: '/static/images/home/live/6.jpg',
  557. },
  558. {
  559. tag: '630万人',
  560. tag_title: [],
  561. tag_time: '',
  562. tag_red: '抢100元红包',
  563. tag_red_bg: '',
  564. title: '莫山山的直播',
  565. name: '大河国莫山山',
  566. appreciate: '7.5万',
  567. avatar: '/static/images/avatar/6.jpg',
  568. cover_img: '/static/images/home/live/7.jpg',
  569. },
  570. {
  571. tag: '630万人',
  572. tag_title: [],
  573. tag_time: '',
  574. tag_red: '',
  575. tag_red_bg: '特惠秒杀 00:07:05',
  576. title: 'XXXX的直播',
  577. name: 'XXXX',
  578. appreciate: '100万+',
  579. avatar: '/static/images/avatar/7.jpg',
  580. cover_img: '/static/images/home/live/8.jpg',
  581. },
  582. {
  583. tag: '',
  584. tag_title: ['鉴别中','演戏'],
  585. tag_time: '',
  586. tag_red: '',
  587. tag_red_bg: '',
  588. title: '刘诗诗的直播',
  589. name: '刘诗诗',
  590. appreciate: '98.8万',
  591. avatar: '/static/images/avatar/8.jpg',
  592. cover_img: '/static/images/home/live/9.jpg',
  593. },
  594. {
  595. tag: '',
  596. tag_title: [],
  597. tag_time: '预约中 - 02/28 22:00',
  598. tag_red: '',
  599. tag_red_bg: '',
  600. title: '某某某的直播',
  601. name: '某某某',
  602. appreciate: '2345',
  603. avatar: '/static/images/avatar/1.jpg',
  604. cover_img: '/static/images/home/live/10.jpg',
  605. }
  606. ];
  607. },
  608. videoData() {
  609. return [
  610. {
  611. title: '某某某的视频',
  612. name: '某某某',
  613. appreciate: '499',
  614. avatar: '/static/images/avatar/1.jpg',
  615. cover_img: '/static/images/home/video/1.jpg',
  616. },
  617. {
  618. title: '某某某的视频',
  619. name: '某某某',
  620. appreciate: '499',
  621. avatar: '/static/images/avatar/2.jpg',
  622. cover_img: '/static/images/home/video/2.gif',
  623. },
  624. {
  625. title: '某某某的视频',
  626. name: '某某某',
  627. appreciate: '499',
  628. avatar: '/static/images/avatar/3.jpg',
  629. cover_img: '/static/images/home/video/3.gif',
  630. },
  631. {
  632. title: '某某某的视频',
  633. name: '某某某',
  634. appreciate: '499',
  635. avatar: '/static/images/avatar/4.jpg',
  636. cover_img: '/static/images/home/video/4.gif',
  637. },
  638. {
  639. title: '某某某的视频',
  640. name: '某某某',
  641. appreciate: '499',
  642. avatar: '/static/images/avatar/5.jpg',
  643. cover_img: '/static/images/home/video/5.gif',
  644. },
  645. {
  646. title: '某某某的视频',
  647. name: '某某某',
  648. appreciate: '499',
  649. avatar: '/static/images/avatar/6.jpg',
  650. cover_img: '/static/images/home/video/6.gif',
  651. },
  652. {
  653. title: '某某某的视频',
  654. name: '某某某',
  655. appreciate: '499',
  656. avatar: '/static/images/avatar/7.jpg',
  657. cover_img: '/static/images/home/video/7.jpg',
  658. },
  659. {
  660. title: '某某某的视频',
  661. name: '某某某',
  662. appreciate: '499',
  663. avatar: '/static/images/avatar/8.jpg',
  664. cover_img: '/static/images/home/video/8.gif',
  665. },
  666. {
  667. title: '某某某的视频',
  668. name: '某某某',
  669. appreciate: '499',
  670. avatar: '/static/images/avatar/1.jpg',
  671. cover_img: '/static/images/home/video/9.gif',
  672. },
  673. {
  674. title: '某某某的视频',
  675. name: '某某某',
  676. appreciate: '499',
  677. avatar: '/static/images/avatar/2.jpg',
  678. cover_img: '/static/images/home/video/10.gif',
  679. }
  680. ];
  681. },
  682. gridSortData() {
  683. return [{
  684. id: 1,
  685. name: '手机',
  686. img: '/static/images/home/grid-icon/16.png',
  687. },{
  688. id: 2,
  689. name: '平板',
  690. img: '/static/images/home/grid-icon/17.png',
  691. },{
  692. id: 3,
  693. name: '电脑',
  694. img: '/static/images/home/grid-icon/18.png',
  695. },{
  696. id: 4,
  697. name: '数码',
  698. img: '/static/images/home/grid-icon/19.png',
  699. },{
  700. id: 5,
  701. name: '家电',
  702. img: '/static/images/home/grid-icon/20.png',
  703. },{
  704. id: 6,
  705. name: '新人红包',
  706. img: '/static/images/home/grid-icon/21.png',
  707. },{
  708. id: 7,
  709. name: '手机直播',
  710. img: '/static/images/home/grid-icon/22.png',
  711. },{
  712. id: 8,
  713. name: '自营图书',
  714. img: '/static/images/home/grid-icon/23.png',
  715. },{
  716. id: 9,
  717. name: '游戏',
  718. img: '/static/images/home/grid-icon/24.png',
  719. }];
  720. }
  721. };
  722. export default _home_data;