صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
alien
/
h5
21
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
درخت: 19209f9a81
شاخه‌ها تگ‌ها
h5
/
HBuilderProjects
/
secondShareGoods.html

secondShareGoods.html 38 KB
تاريخچه خام

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="zh-CN">
    3. 

  3. <head>
    4. 

  4. 	<meta charset="utf-8">
    5. 

  5. 	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    6. 

  6. 	<meta name="format-detection" content="telephone=no">
    7. 

  7. 	<title>商品分享</title>
    8. 

  8. 	<style>
    9. 

  9. 		:root {
    10. 

  10. 			--orange: #F58220;
    11. 

  11. 			--price-red: #E62E2E;
    12. 

  12. 			--tag-bg: #fff5e9;
    13. 

  13. 			--tag-text: #b05b28;
    14. 

  14. 			--text: #1a1a1a;
    15. 

  15. 			--text-secondary: #999999;
    16. 

  16. 			--safe-bottom: env(safe-area-inset-bottom, 0px);
    17. 

  17. 		}
    18. 

  18. 

  19. 		* {
    20. 

  20. 			margin: 0;
    21. 

  21. 			padding: 0;
    22. 

  22. 			box-sizing: border-box;
    23. 

  23. 		}
    24. 

  24. 

  25. 		html {
    26. 

  26. 			font-size: 16px;
    27. 

  27. 			-webkit-tap-highlight-color: transparent;
    28. 

  28. 			overflow-x: hidden;
    29. 

  29. 		}
    30. 

  30. 

  31. 		body {
    32. 

  32. 			font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
    33. 

  33. 			background: #fff;
    34. 

  34. 			color: var(--text);
    35. 

  35. 			min-height: 100vh;
    36. 

  36. 			padding-bottom: calc(100px + var(--safe-bottom));
    37. 

  37. 		}
    38. 

  38. 

  39. 		.fab-wrap {
    40. 

  40. 			position: fixed;
    41. 

  41. 			left: 0;
    42. 

  42. 			right: 0;
    43. 

  43. 			bottom: 0;
    44. 

  44. 			z-index: 200;
    45. 

  45. 			padding: 12px 24px calc(12px + var(--safe-bottom));
    46. 

  46. 			background: linear-gradient(to top, rgba(255, 255, 255, 0.98) 70%, transparent);
    47. 

  47. 			pointer-events: none;
    48. 

  48. 		}
    49. 

  49. 

  50. 		.fab-wrap .fab {
    51. 

  51. 			pointer-events: auto;
    52. 

  52. 		}
    53. 

  53. 

  54. 		.fab {
    55. 

  55. 			display: flex;
    56. 

  56. 			align-items: center;
    57. 

  57. 			justify-content: center;
    58. 

  58. 			gap: 10px;
    59. 

  59. 			width: 100%;
    60. 

  60. 			max-width: 320px;
    61. 

  61. 			margin: 0 auto;
    62. 

  62. 			height: 48px;
    63. 

  63. 			border: none;
    64. 

  64. 			border-radius: 24px;
    65. 

  65. 			background: #F47D1F;
    66. 

  66. 			color: #fff;
    67. 

  67. 			font-size: 16px;
    68. 

  68. 			font-weight: 600;
    69. 

  69. 			box-shadow: 0 4px 16px rgba(245, 130, 32, 0.45);
    70. 

  70. 			cursor: pointer;
    71. 

  71. 		}
    72. 

  72. 

  73. 		.fab__logo {
    74. 

  74. 			width: 28px;
    75. 

  75. 			height: 28px;
    76. 

  76. 			flex-shrink: 0;
    77. 

  77. 		}
    78. 

  78. 

  79. 		.home-indicator {
    80. 

  80. 			height: 5px;
    81. 

  81. 			background: #000;
    82. 

  82. 			border-radius: 3px;
    83. 

  83. 			width: 134px;
    84. 

  84. 			margin: 8px auto 4px;
    85. 

  85. 			opacity: 0.2;
    86. 

  86. 		}
    87. 

  87. 

  88. 		/* 顶部大图 + 叠字 */
    89. 

  89. 		.goods-hero {
    90. 

  90. 			position: relative;
    91. 

  91. 			width: 100%;
    92. 

  92. 			min-height: 58vh;
    93. 

  93. 			max-height: 520px;
    94. 

  94. 			background: #e8e8e8 center / cover no-repeat;
    95. 

  95. 			overflow: hidden;
    96. 

  96. 		}
    97. 

  97. 

  98. 		.goods-hero__img {
    99. 

  99. 			position: absolute;
    100. 

  100. 			inset: 0;
    101. 

  101. 			width: 100%;
    102. 

  102. 			height: 100%;
    103. 

  103. 			object-fit: cover;
    104. 

  104. 			display: block;
    105. 

  105. 		}
    106. 

  106. 

  107. 		.goods-hero__shade {
    108. 

  108. 			position: absolute;
    109. 

  109. 			inset: 0;
    110. 

  110. 			background: linear-gradient(
    111. 

  111. 				180deg,
    112. 

  112. 				rgba(0, 0, 0, 0.35) 0%,
    113. 

  113. 				rgba(0, 0, 0, 0.1) 38%,
    114. 

  114. 				rgba(0, 0, 0, 0.45) 100%
    115. 

  115. 			);
    116. 

  116. 			pointer-events: none;
    117. 

  117. 		}
    118. 

  118. 

  119. 		.goods-hero__inner {
    120. 

  120. 			position: relative;
    121. 

  121. 			z-index: 1;
    122. 

  122. 			min-height: 58vh;
    123. 

  123. 			max-height: 520px;
    124. 

  124. 			padding: calc(12px + env(safe-area-inset-top, 0px)) 16px 28px;
    125. 

  125. 			display: flex;
    126. 

  126. 			flex-direction: column;
    127. 

  127. 			justify-content: space-between;
    128. 

  128. 			align-items: flex-start;
    129. 

  129. 		}
    130. 

  130. 

  131. 		.goods-hero__user {
    132. 

  132. 			display: flex;
    133. 

  133. 			align-items: center;
    134. 

  134. 			gap: 10px;
    135. 

  135. 		}
    136. 

  136. 

  137. 		.goods-hero__avatar {
    138. 

  138. 			width: 40px;
    139. 

  139. 			height: 40px;
    140. 

  140. 			border-radius: 50%;
    141. 

  141. 			object-fit: cover;
    142. 

  142. 			flex-shrink: 0;
    143. 

  143. 			background: rgba(255, 255, 255, 0.3);
    144. 

  144. 		}
    145. 

  145. 

  146. 		.goods-hero__user-meta {
    147. 

  147. 			display: flex;
    148. 

  148. 			flex-direction: column;
    149. 

  149. 			gap: 2px;
    150. 

  150. 		}
    151. 

  151. 

  152. 		.goods-hero__name {
    153. 

  153. 			font-size: 15px;
    154. 

  154. 			font-weight: 600;
    155. 

  155. 			color: #fff;
    156. 

  156. 			text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    157. 

  157. 		}
    158. 

  158. 

  159. 		.goods-hero__time {
    160. 

  160. 			font-size: 12px;
    161. 

  161. 			color: rgba(255, 255, 255, 0.82);
    162. 

  162. 			text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    163. 

  163. 		}
    164. 

  164. 

  165. 		.goods-hero__slogan {
    166. 

  166. 			margin-top: auto;
    167. 

  167. 			padding-bottom: 4px;
    168. 

  168. 		}
    169. 

  169. 

  170. 		.goods-hero__slogan-line {
    171. 

  171. 			font-size: 26px;
    172. 

  172. 			font-weight: 800;
    173. 

  173. 			line-height: 1.25;
    174. 

  174. 			color: #fff;
    175. 

  175. 			letter-spacing: 0.02em;
    176. 

  176. 			text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
    177. 

  177. 		}
    178. 

  178. 

  179. 		/* 白色内容区 */
    180. 

  180. 		.goods-panel {
    181. 

  181. 			background: #fff;
    182. 

  182. 			border-radius: 16px 16px 0 0;
    183. 

  183. 			margin-top: -16px;
    184. 

  184. 			position: relative;
    185. 

  185. 			z-index: 2;
    186. 

  186. 			padding: 20px 16px 24px;
    187. 

  187. 			box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.06);
    188. 

  188. 		}
    189. 

  189. 

  190. 		.goods-panel__row-price {
    191. 

  191. 			display: flex;
    192. 

  192. 			align-items: flex-end;
    193. 

  193. 			justify-content: space-between;
    194. 

  194. 			gap: 12px;
    195. 

  195. 			margin-bottom: 14px;
    196. 

  196. 		}
    197. 

  197. 

  198. 		.goods-panel__price {
    199. 

  199. 			display: flex;
    200. 

  200. 			align-items: baseline;
    201. 

  201. 			gap: 2px;
    202. 

  202. 			color: var(--price-red);
    203. 

  203. 			font-weight: 800;
    204. 

  204. 			line-height: 1;
    205. 

  205. 		}
    206. 

  206. 

  207. 		.goods-panel__price-yen {
    208. 

  208. 			font-size: 18px;
    209. 

  209. 		}
    210. 

  210. 

  211. 		.goods-panel__price-num {
    212. 

  212. 			font-size: 28px;
    213. 

  213. 			letter-spacing: -0.02em;
    214. 

  214. 		}
    215. 

  215. 

  216. 		.goods-panel__dist {
    217. 

  217. 			display: inline-flex;
    218. 

  218. 			align-items: center;
    219. 

  219. 			gap: 4px;
    220. 

  220. 			font-size: 12px;
    221. 

  221. 			color: var(--text-secondary);
    222. 

  222. 			flex-shrink: 0;
    223. 

  223. 			padding-bottom: 2px;
    224. 

  224. 		}
    225. 

  225. 

  226. 		.goods-panel__dist svg,
    227. 

  227. 		.goods-panel__dist img {
    228. 

  228. 			width: 14px;
    229. 

  229. 			height: 14px;
    230. 

  230. 			opacity: 0.85;
    231. 

  231. 			display: block;
    232. 

  232. 			flex-shrink: 0;
    233. 

  233. 			object-fit: contain;
    234. 

  234. 		}
    235. 

  235. 

  236. 		.goods-panel__title {
    237. 

  237. 			font-size: 17px;
    238. 

  238. 			font-weight: 700;
    239. 

  239. 			line-height: 1.45;
    240. 

  240. 			color: var(--text);
    241. 

  241. 			margin-bottom: 16px;
    242. 

  242. 		}
    243. 

  243. 

  244. 		.goods-panel__row-stats {
    245. 

  245. 			display: flex;
    246. 

  246. 			align-items: center;
    247. 

  247. 			justify-content: space-between;
    248. 

  248. 			gap: 12px;
    249. 

  249. 			margin-bottom: 16px;
    250. 

  250. 		}
    251. 

  251. 

  252. 		.goods-panel__stats {
    253. 

  253. 			display: flex;
    254. 

  254. 			align-items: center;
    255. 

  255. 			gap: 18px;
    256. 

  256. 		}
    257. 

  257. 

  258. 		.goods-panel__stat {
    259. 

  259. 			display: inline-flex;
    260. 

  260. 			align-items: center;
    261. 

  261. 			gap: 5px;
    262. 

  262. 			font-size: 14px;
    263. 

  263. 			color: var(--text-secondary);
    264. 

  264. 		}
    265. 

  265. 

  266. 		.goods-panel__stat svg {
    267. 

  267. 			width: 16px;
    268. 

  268. 			height: 16px;
    269. 

  269. 			flex-shrink: 0;
    270. 

  270. 		}
    271. 

  271. 

  272. 		.goods-panel__stat img {
    273. 

  273. 			width: 16px;
    274. 

  274. 			height: 16px;
    275. 

  275. 			flex-shrink: 0;
    276. 

  276. 			display: block;
    277. 

  277. 			object-fit: contain;
    278. 

  278. 		}
    279. 

  279. 

  280. 		.goods-panel__share {
    281. 

  281. 			display: inline-flex;
    282. 

  282. 			align-items: center;
    283. 

  283. 			gap: 4px;
    284. 

  284. 			padding: 0;
    285. 

  285. 			border: none;
    286. 

  286. 			background: none;
    287. 

  287. 			font-size: 14px;
    288. 

  288. 			color: var(--text-secondary);
    289. 

  289. 			cursor: pointer;
    290. 

  290. 			-webkit-tap-highlight-color: transparent;
    291. 

  291. 		}
    292. 

  292. 

  293. 		.goods-panel__share svg {
    294. 

  294. 			width: 18px;
    295. 

  295. 			height: 18px;
    296. 

  296. 		}
    297. 

  297. 

  298. 		.goods-panel__tags {
    299. 

  299. 			display: flex;
    300. 

  300. 			flex-wrap: wrap;
    301. 

  301. 			align-items: center;
    302. 

  302. 			gap: 8px;
    303. 

  303. 		}
    304. 

  304. 

  305. 		.goods-tag {
    306. 

  306. 			display: inline-block;
    307. 

  307. 			padding: 2px 8px;
    308. 

  308. 			border-radius: 4px;
    309. 

  309. 			font-size: 12px;
    310. 

  310. 			font-weight: 400;
    311. 

  311. 			line-height: 1.35;
    312. 

  312. 			background: #fff5e9;
    313. 

  313. 		}
    314. 

  314. 

  315. 		.goods-tag--topic {
    316. 

  316. 			color: #b05b28;
    317. 

  317. 		}
    318. 

  318. 

  319. 		.goods-tag--label {
    320. 

  320. 			color: #333333;
    321. 

  321. 		}
    322. 

  322. 

  323. 		/* 留言 */
    324. 

  324. 		.goods-comments {
    325. 

  325. 			margin-top: 20px;
    326. 

  326. 			padding-top: 20px;
    327. 

  327. 			border-top: 1px solid #eee;
    328. 

  328. 		}
    329. 

  329. 

  330. 		.goods-comments__head {
    331. 

  331. 			display: flex;
    332. 

  332. 			align-items: center;
    333. 

  333. 			justify-content: space-between;
    334. 

  334. 			margin-bottom: 18px;
    335. 

  335. 		}
    336. 

  336. 

  337. 		.goods-comments__title {
    338. 

  338. 			font-size: 17px;
    339. 

  339. 			font-weight: 700;
    340. 

  340. 			color: var(--text);
    341. 

  341. 		}
    342. 

  342. 

  343. 		.goods-comments__total {
    344. 

  344. 			display: inline-flex;
    345. 

  345. 			align-items: center;
    346. 

  346. 			gap: 4px;
    347. 

  347. 			font-size: 14px;
    348. 

  348. 			color: #151515;
    349. 

  349. 		}
    350. 

  350. 

  351. 		.goods-comments__total svg {
    352. 

  352. 			width: 18px;
    353. 

  353. 			height: 18px;
    354. 

  354. 			opacity: 0.85;
    355. 

  355. 		}
    356. 

  356. 

  357. 		.goods-comments__list {
    358. 

  358. 			list-style: none;
    359. 

  359. 		}
    360. 

  360. 

  361. 		.goods-comments__empty {
    362. 

  362. 			list-style: none;
    363. 

  363. 			padding: 24px 12px;
    364. 

  364. 			text-align: center;
    365. 

  365. 			font-size: 14px;
    366. 

  366. 			color: var(--text-secondary);
    367. 

  367. 		}
    368. 

  368. 

  369. 		.goods-cmt {
    370. 

  370. 			padding-bottom: 18px;
    371. 

  371. 			margin-bottom: 18px;
    372. 

  372. 			border-bottom: 1px solid #eee;
    373. 

  373. 		}
    374. 

  374. 

  375. 		.goods-cmt:last-child {
    376. 

  376. 			margin-bottom: 0;
    377. 

  377. 			padding-bottom: 0;
    378. 

  378. 			border-bottom: none;
    379. 

  379. 		}
    380. 

  380. 

  381. 		.goods-cmt__row {
    382. 

  382. 			display: flex;
    383. 

  383. 			align-items: flex-start;
    384. 

  384. 			gap: 12px;
    385. 

  385. 		}
    386. 

  386. 

  387. 		.goods-cmt__avatar {
    388. 

  388. 			width: 40px;
    389. 

  389. 			height: 40px;
    390. 

  390. 			border-radius: 50%;
    391. 

  391. 			object-fit: cover;
    392. 

  392. 			background: #e8e8e8;
    393. 

  393. 			flex-shrink: 0;
    394. 

  394. 		}
    395. 

  395. 

  396. 		.goods-cmt--nested .goods-cmt__avatar {
    397. 

  397. 			width: 32px;
    398. 

  398. 			height: 32px;
    399. 

  399. 		}
    400. 

  400. 

  401. 		.goods-cmt__body {
    402. 

  402. 			flex: 1;
    403. 

  403. 			min-width: 0;
    404. 

  404. 		}
    405. 

  405. 

  406. 		.goods-cmt__name {
    407. 

  407. 			font-size: 15px;
    408. 

  408. 			font-weight: 700;
    409. 

  409. 			color: var(--text);
    410. 

  410. 			line-height: 1.3;
    411. 

  411. 		}
    412. 

  412. 

  413. 		.goods-cmt__time {
    414. 

  414. 			display: block;
    415. 

  415. 			margin-top: 2px;
    416. 

  416. 			font-size: 12px;
    417. 

  417. 			color: var(--text-secondary);
    418. 

  418. 			line-height: 1.35;
    419. 

  419. 		}
    420. 

  420. 

  421. 		.goods-cmt__text {
    422. 

  422. 			margin-top: 10px;
    423. 

  423. 			font-size: 15px;
    424. 

  424. 			line-height: 1.5;
    425. 

  425. 			color: var(--text);
    426. 

  426. 			word-break: break-word;
    427. 

  427. 		}
    428. 

  428. 

  429. 		.goods-cmt__actions {
    430. 

  430. 			display: flex;
    431. 

  431. 			align-items: center;
    432. 

  432. 			gap: 20px;
    433. 

  433. 			margin-top: 12px;
    434. 

  434. 		}
    435. 

  435. 

  436. 		.goods-cmt__action {
    437. 

  437. 			display: inline-flex;
    438. 

  438. 			align-items: center;
    439. 

  439. 			gap: 4px;
    440. 

  440. 			padding: 0;
    441. 

  441. 			border: none;
    442. 

  442. 			background: none;
    443. 

  443. 			font-size: 13px;
    444. 

  444. 			color: var(--text-secondary);
    445. 

  445. 			cursor: pointer;
    446. 

  446. 			-webkit-tap-highlight-color: transparent;
    447. 

  447. 		}
    448. 

  448. 

  449. 		.goods-cmt__action svg {
    450. 

  450. 			width: 16px;
    451. 

  451. 			height: 16px;
    452. 

  452. 			flex-shrink: 0;
    453. 

  453. 			opacity: 0.88;
    454. 

  454. 		}
    455. 

  455. 

  456. 		.goods-cmt__thread {
    457. 

  457. 			margin-top: 14px;
    458. 

  458. 			padding-left: 52px;
    459. 

  459. 		}
    460. 

  460. 

  461. 		.goods-cmt__replies-inner.is-collapsed {
    462. 

  462. 			display: none;
    463. 

  463. 		}
    464. 

  464. 

  465. 		.goods-cmt__thread-bar {
    466. 

  466. 			display: flex;
    467. 

  467. 			align-items: center;
    468. 

  468. 			justify-content: space-between;
    469. 

  469. 			width: 100%;
    470. 

  470. 			margin-top: 10px;
    471. 

  471. 			padding: 10px 12px;
    472. 

  472. 			border: none;
    473. 

  473. 			border-radius: 8px;
    474. 

  474. 			background: #f5f5f5;
    475. 

  475. 			font-size: 13px;
    476. 

  476. 			color: #888;
    477. 

  477. 			cursor: pointer;
    478. 

  478. 			-webkit-tap-highlight-color: transparent;
    479. 

  479. 		}
    480. 

  480. 

  481. 		.goods-cmt__thread-bar-right {
    482. 

  482. 			display: inline-flex;
    483. 

  483. 			align-items: center;
    484. 

  484. 			gap: 4px;
    485. 

  485. 			color: var(--text-secondary);
    486. 

  486. 		}
    487. 

  487. 

  488. 		.goods-cmt__thread-chevron {
    489. 

  489. 			width: 14px;
    490. 

  490. 			height: 14px;
    491. 

  491. 			transition: transform 0.2s ease;
    492. 

  492. 			flex-shrink: 0;
    493. 

  493. 		}
    494. 

  494. 

  495. 		.goods-cmt__thread-bar.is-collapsed .goods-cmt__thread-chevron {
    496. 

  496. 			transform: rotate(180deg);
    497. 

  497. 		}
    498. 

  498. 

  499. 		.goods-cmt--nested {
    500. 

  500. 			padding-bottom: 0;
    501. 

  501. 			margin-bottom: 0;
    502. 

  502. 			border-bottom: none;
    503. 

  503. 		}
    504. 

  504. 

  505. 		.goods-cmt--nested .goods-cmt__text {
    506. 

  506. 			margin-top: 8px;
    507. 

  507. 		}
    508. 

  508. 	</style>
    509. 

  509. </head>
    510. 

  510. <body>
    511. 

  511. 	<section class="goods-hero" id="goodsHero" aria-label="商品配图">
    512. 

  512. 		<img class="goods-hero__img" id="goodsHeroImg" src="" alt="">
    513. 

  513. 		<div class="goods-hero__shade" aria-hidden="true"></div>
    514. 

  514. 		<div class="goods-hero__inner">
    515. 

  515. 			<div class="goods-hero__user">
    516. 

  516. 				<img class="goods-hero__avatar" id="goodsUserAvatar" src="images/demouser.png" alt="">
    517. 

  517. 				<div class="goods-hero__user-meta">
    518. 

  518. 					<span class="goods-hero__name" id="goodsUserName">维尼</span>
    519. 

  519. 					<span class="goods-hero__time" id="goodsTimeAgo">11小时前</span>
    520. 

  520. 				</div>
    521. 

  521. 			</div>
    522. 

  522. 			<div class="goods-hero__slogan" id="goodsHeroSloganWrap" style="display:none;">
    523. 

  523. 				<div class="goods-hero__slogan-line" id="goodsSlogan1"></div>
    524. 

  524. 				<div class="goods-hero__slogan-line" id="goodsSlogan2"></div>
    525. 

  525. 			</div>
    526. 

  526. 		</div>
    527. 

  527. 	</section>
    528. 

  528. 

  529. 	<div class="goods-panel">
    530. 

  530. 		<div class="goods-panel__row-price">
    531. 

  531. 			<div class="goods-panel__price">
    532. 

  532. 				<span class="goods-panel__price-yen">¥</span>
    533. 

  533. 				<span class="goods-panel__price-num" id="goodsPrice">690.00</span>
    534. 

  534. 			</div>
    535. 

  535. 			<div class="goods-panel__dist">
    536. 

  536. 				<img src="images/juli.svg" alt="" width="14" height="14" decoding="async" aria-hidden="true">
    537. 

  537. 				<span id="goodsDistance">距离 2.5km</span>
    538. 

  538. 			</div>
    539. 

  539. 		</div>
    540. 

  540. 		<h1 class="goods-panel__title" id="goodsTitle">HCK哈士奇BC-330RDE烤漆复古冰箱家用大容量单门冰柜高颜值网红</h1>
    541. 

  541. 		<div class="goods-panel__row-stats">
    542. 

  542. 			<div class="goods-panel__stats">
    543. 

  543. 				<span class="goods-panel__stat goods-panel__stat--hot" id="goodsHotStat">
    544. 

  544. 					<img src="images/huo.svg" alt="" width="16" height="16" decoding="async" aria-hidden="true">
    545. 

  545. 					<span id="goodsHotCount" style="color:#151515;">510</span>
    546. 

  546. 				</span>
    547. 

  547. 				<span class="goods-panel__stat">
    548. 

  548. 					<img src="images/xing.svg" alt="" width="16" height="16" decoding="async" aria-hidden="true">
    549. 

  549. 					<span id="goodsFavCount" style="color:#151515;">260</span>
    550. 

  550. 				</span>
    551. 

  551. 			</div>
    552. 

  552. 		</div>
    553. 

  553. 		<div class="goods-panel__tags" id="goodsTags"></div>
    554. 

  554. 

  555. 		<section class="goods-comments" id="goodsComments" aria-label="留言">
    556. 

  556. 			<div class="goods-comments__head">
    557. 

  557. 				<h2 class="goods-comments__title">留言</h2>
    558. 

  558. 				<div class="goods-comments__total">
    559. 

  559. 					<img src="images/liuyan.svg" alt="" width="16" height="16" decoding="async" aria-hidden="true">
    560. 

  560. 					<span id="goodsCommentTotal">24</span>
    561. 

  561. 				</div>
    562. 

  562. 			</div>
    563. 

  563. 			<ul class="goods-comments__list" id="goodsCommentList"></ul>
    564. 

  564. 		</section>
    565. 

  565. 	</div>
    566. 

  566. 

  567. 	<div class="fab-wrap">
    568. 

  568. 		<button type="button" class="fab" id="openApp">
    569. 

  569. 			<img src="images/uBtn.png" alt="APP内打开" decoding="async">
    570. 

  570. 		</button>
    571. 

  571. 		<div class="home-indicator" aria-hidden="true"></div>
    572. 

  572. 	</div>
    573. 

  573. 

  574. 	<script>
    575. 

  575. 	(function () {
    576. 

  576. 		'use strict';
    577. 

  577. 

  578. 		/**
    579. 

  579. 		 * 商品详情：POST https://test.ailien.shop/alienSecond/recommend/querySecondGoodsDetail
    580. 

  580. 		 *   body: application/x-www-form-urlencoded（「表单数据」）；键 goodsId、longitude、latitude，值均为字符串；经纬度未传时用默认 121.662567 / 38.925757
    581. 

  581. 		 * 留言：GET {API_BASE}/commonComment/getListBySourceType — 成功时 data 常为数组；项含 parentId、childCommonComments、headName、headImg、createdTime、content、likeCount
    582. 

  582. 		 * URL 常用：goodsId、userId、longitude/lon/jingdu、latitude/lat/weidu、pageNum、pageSize、sourceType（含 hash 内 ? 参数）
    583. 

  583. 		 */
    584. 

  584. 		/**
    585. 

  585. 		 * 唤起 App 落地：二手商品详情（与 pages.json 路径一致）
    586. 

  586. 		 */
    587. 

  587. 		var APP_ANDROID_PACKAGE = 'com.alien.Udianzaizhe';
    588. 

  588. 		var APP_IOS_URL_SCHEME = 'shopro://';
    589. 

  589. 		var APP_UNI_STORE_PATH = 'pages/secondHandTransactions/pages/detail/index';
    590. 

  590. 

  591. 		function showDownloadTip() {
    592. 

  592. 			var msg = '请到应用商店下载';
    593. 

  593. 			if (typeof uni !== 'undefined' && typeof uni.showToast === 'function') {
    594. 

  594. 				uni.showToast({ title: msg, icon: 'none', duration: 2500 });
    595. 

  595. 			} else {
    596. 

  596. 				window.alert(msg);
    597. 

  597. 			}
    598. 

  598. 		}
    599. 

  599. 

  600. 		function mergeSearchAndHashParams() {
    601. 

  601. 			var params = new URLSearchParams();
    602. 

  602. 			function ingest(querySlice) {
    603. 

  603. 				if (!querySlice) return;
    604. 

  604. 				var p = new URLSearchParams(querySlice);
    605. 

  605. 				p.forEach(function (val, key) {
    606. 

  606. 					params.append(key, val);
    607. 

  607. 				});
    608. 

  608. 			}
    609. 

  609. 			if (location.search && location.search.length > 1) {
    610. 

  610. 				ingest(location.search.slice(1));
    611. 

  611. 			}
    612. 

  612. 			var hash = location.hash || '';
    613. 

  613. 			var qi = hash.indexOf('?');
    614. 

  614. 			if (qi >= 0) {
    615. 

  615. 				ingest(hash.slice(qi + 1));
    616. 

  616. 			}
    617. 

  617. 			return params;
    618. 

  618. 		}
    619. 

  619. 

  620. 		function buildAppOpenQueryStringMerged() {
    621. 

  621. 			var params = mergeSearchAndHashParams();
    622. 

  622. 			var gid = params.get('goodsId') || params.get('id') || '';
    623. 

  623. 			if (gid && !params.has('goodsId')) {
    624. 

  624. 				params.set('goodsId', gid);
    625. 

  625. 			}
    626. 

  626. 			var sid = params.get('storeId') || params.get('id') || '';
    627. 

  627. 			if (sid && !params.has('storeId')) {
    628. 

  628. 				params.set('storeId', sid);
    629. 

  629. 			}
    630. 

  630. 			var qsOut = params.toString();
    631. 

  631. 			return qsOut ? ('?' + qsOut) : '';
    632. 

  632. 		}
    633. 

  633. 

  634. 		function buildAppDeepLink() {
    635. 

  635. 			var path = String(APP_UNI_STORE_PATH || 'pages/secondHandTransactions/pages/detail/index').replace(/^\//, '');
    636. 

  636. 			var s = buildAppOpenQueryStringMerged();
    637. 

  637. 			var root = APP_IOS_URL_SCHEME.replace(/\/$/, '');
    638. 

  638. 			if (!s) {
    639. 

  639. 				return root + '/' + path;
    640. 

  640. 			}
    641. 

  641. 			return root + '/' + path + s;
    642. 

  642. 		}
    643. 

  643. 

  644. 		function isWeChatInAppBrowser() {
    645. 

  645. 			return /MicroMessenger/i.test(navigator.userAgent || '');
    646. 

  646. 		}
    647. 

  647. 

  648. 		function launchAppDeepLink(deepLink) {
    649. 

  649. 			try {
    650. 

  650. 				var a = document.createElement('a');
    651. 

  651. 				a.href = deepLink;
    652. 

  652. 				a.setAttribute('target', '_self');
    653. 

  653. 				document.body.appendChild(a);
    654. 

  654. 				a.click();
    655. 

  655. 				document.body.removeChild(a);
    656. 

  656. 			} catch (e1) {}
    657. 

  657. 			try {
    658. 

  658. 				window.location.href = deepLink;
    659. 

  659. 			} catch (e2) {}
    660. 

  660. 		}
    661. 

  661. 

  662. 		function tryOpenHBuilderApp() {
    663. 

  663. 			var deepLink = buildAppDeepLink();
    664. 

  664. 

  665. 			if (typeof plus !== 'undefined' && plus.runtime) {
    666. 

  666. 				var installed = null;
    667. 

  667. 				try {
    668. 

  668. 					if (typeof plus.runtime.isApplicationExist === 'function') {
    669. 

  669. 						installed = plus.runtime.isApplicationExist({
    670. 

  670. 							pname: APP_ANDROID_PACKAGE,
    671. 

  671. 							action: APP_IOS_URL_SCHEME
    672. 

  672. 						});
    673. 

  673. 					}
    674. 

  674. 				} catch (e) {
    675. 

  675. 					console.warn(e);
    676. 

  676. 				}
    677. 

  677. 				if (installed === false) {
    678. 

  678. 					showDownloadTip();
    679. 

  679. 					return;
    680. 

  680. 				}
    681. 

  681. 				try {
    682. 

  682. 					plus.runtime.openURL(deepLink);
    683. 

  683. 				} catch (e2) {
    684. 

  684. 					console.warn(e2);
    685. 

  685. 					showDownloadTip();
    686. 

  686. 				}
    687. 

  687. 				return;
    688. 

  688. 			}
    689. 

  689. 

  690. 			var t0 = Date.now();
    691. 

  691. 			var done = false;
    692. 

  692. 			function finish() {
    693. 

  693. 				if (done) return;
    694. 

  694. 				done = true;
    695. 

  695. 				document.removeEventListener('visibilitychange', onVis);
    696. 

  696. 				window.removeEventListener('pagehide', onHide);
    697. 

  697. 			}
    698. 

  698. 			function onVis() {
    699. 

  699. 				if (document.visibilityState === 'hidden') finish();
    700. 

  700. 			}
    701. 

  701. 			function onHide() {
    702. 

  702. 				finish();
    703. 

  703. 			}
    704. 

  704. 			document.addEventListener('visibilitychange', onVis);
    705. 

  705. 			window.addEventListener('pagehide', onHide);
    706. 

  706. 

  707. 			if (isWeChatInAppBrowser()) {
    708. 

  708. 				window.alert('若点击后无法打开 App：请先点右上角「···」，选择「在浏览器中打开」，再点「APP内打开」。');
    709. 

  709. 			}
    710. 

  710. 

  711. 			try {
    712. 

  712. 				launchAppDeepLink(deepLink);
    713. 

  713. 			} catch (e3) {
    714. 

  714. 				finish();
    715. 

  715. 				showDownloadTip();
    716. 

  716. 				return;
    717. 

  717. 			}
    718. 

  718. 

  719. 			window.setTimeout(function () {
    720. 

  720. 				if (done) return;
    721. 

  721. 				if (document.visibilityState === 'visible' && Date.now() - t0 < 3500) {
    722. 

  722. 					showDownloadTip();
    723. 

  723. 				}
    724. 

  724. 				finish();
    725. 

  725. 			}, 2600);
    726. 

  726. 		}
    727. 

  727. 

  728. 		function q(name) {
    729. 

  729. 			var v = mergeSearchAndHashParams().get(name);
    730. 

  730. 			return v == null ? '' : String(v);
    731. 

  731. 		}
    732. 

  732. 		function tryDecode(s) {
    733. 

  733. 			s = String(s || '');
    734. 

  734. 			if (!s) return '';
    735. 

  735. 			try {
    736. 

  736. 				return decodeURIComponent(s.replace(/\+/g, ' '));
    737. 

  737. 			} catch (e) {
    738. 

  738. 				return s;
    739. 

  739. 			}
    740. 

  740. 		}
    741. 

  741. 

  742. 		var DEFAULT_HERO = '';
    743. 

  743. 		var API_BASE = 'https://test.ailien.shop/alienStore';
    744. 

  744. 		/** 二手商品等业务接口前缀（与 alienStore 分离） */
    745. 

  745. 		var API_BASE_SECOND = 'https://test.ailien.shop/alienSecond';
    746. 

  746. 		/** 与接口调试「表单数据」一致；地址栏未带经纬度时使用 */
    747. 

  747. 		var DEFAULT_REQUEST_LONGITUDE = '121.662567';
    748. 

  748. 		var DEFAULT_REQUEST_LATITUDE = '38.925757';
    749. 

  749. 		var COMMENT_SOURCE_TYPE = 4;
    750. 

  750. 

  751. 		function apiGet(path) {
    752. 

  752. 			return fetch(API_BASE + path, {
    753. 

  753. 				method: 'GET',
    754. 

  754. 				mode: 'cors',
    755. 

  755. 				credentials: 'omit',
    756. 

  756. 				headers: { Accept: 'application/json' }
    757. 

  757. 			}).then(function (res) {
    758. 

  758. 				if (!res.ok) throw new Error('HTTP ' + res.status);
    759. 

  759. 				return res.json();
    760. 

  760. 			});
    761. 

  761. 		}
    762. 

  762. 

  763. 		function apiPostJson(path, body) {
    764. 

  764. 			return fetch(API_BASE + path, {
    765. 

  765. 				method: 'POST',
    766. 

  766. 				mode: 'cors',
    767. 

  767. 				credentials: 'omit',
    768. 

  768. 				headers: {
    769. 

  769. 					Accept: 'application/json',
    770. 

  770. 					'Content-Type': 'application/json'
    771. 

  771. 				},
    772. 

  772. 				body: JSON.stringify(body || {})
    773. 

  773. 			}).then(function (res) {
    774. 

  774. 				if (!res.ok) throw new Error('HTTP ' + res.status);
    775. 

  775. 				return res.json();
    776. 

  776. 			});
    777. 

  777. 		}
    778. 

  778. 

  779. 		function pick(d, keys) {
    780. 

  780. 			if (!d || typeof d !== 'object') return null;
    781. 

  781. 			for (var i = 0; i < keys.length; i++) {
    782. 

  782. 				var k = keys[i];
    783. 

  783. 				if (d[k] != null && d[k] !== '') return d[k];
    784. 

  784. 			}
    785. 

  785. 			return null;
    786. 

  786. 		}
    787. 

  787. 

  788. 		function isApiOk(res) {
    789. 

  789. 			if (!res || typeof res !== 'object') return false;
    790. 

  790. 			if (res.success === false) return false;
    791. 

  791. 			var c = res.code;
    792. 

  792. 			return c === 200 || c === '200' || Number(c) === 200;
    793. 

  793. 		}
    794. 

  794. 

  795. 		function fmtPriceNum(v) {
    796. 

  796. 			var n = v != null ? Number(v) : NaN;
    797. 

  797. 			return !isNaN(n) ? n.toFixed(2) : String(v != null ? v : '');
    798. 

  798. 		}
    799. 

  799. 

  800. 		/** kind: topic（#话题 棕橙）| label（分类名 深灰，不带 #） */
    801. 

  801. 		function appendGoodsTag(mount, raw, kind) {
    802. 

  802. 			if (!mount || raw == null) return;
    803. 

  803. 			var s = String(raw).trim();
    804. 

  804. 			if (!s) return;
    805. 

  805. 			var span = document.createElement('span');
    806. 

  806. 			span.className =
    807. 

  807. 				'goods-tag ' + (kind === 'label' ? 'goods-tag--label' : 'goods-tag--topic');
    808. 

  808. 			if (kind === 'label') {
    809. 

  809. 				span.textContent = s.replace(/^#+/, '');
    810. 

  810. 			} else {
    811. 

  811. 				span.textContent = s.indexOf('#') === 0 ? s : '#' + s;
    812. 

  812. 			}
    813. 

  813. 			mount.appendChild(span);
    814. 

  814. 		}
    815. 

  815. 

  816. 		function renderGoodsDetail(d) {
    817. 

  817. 			if (!d || typeof d !== 'object') return;
    818. 

  818. 

  819. 			var title = pick(d, ['goodsName', 'title', 'secondGoodsTitle', 'name']);
    820. 

  820. 			if (title) {
    821. 

  821. 				var el = document.getElementById('goodsTitle');
    822. 

  822. 				if (el) el.textContent = String(title);
    823. 

  823. 			}
    824. 

  824. 

  825. 			var price = pick(d, ['price', 'goodsPrice', 'salePrice', 'currentPrice', 'amount']);
    826. 

  826. 			if (price != null) {
    827. 

  827. 				var pe = document.getElementById('goodsPrice');
    828. 

  828. 				if (pe) pe.textContent = fmtPriceNum(price);
    829. 

  829. 			}
    830. 

  830. 

  831. 			var dist = pick(d, ['dist', 'distance', 'distanceText', 'distanceDesc', 'distanceDescription', 'distanceKm']);
    832. 

  832. 			if (dist != null) {
    833. 

  833. 				var dt = String(dist).trim();
    834. 

  834. 				if (dt) {
    835. 

  835. 					if (!/^距离/.test(dt)) dt = '距离 ' + dt;
    836. 

  836. 					if (!/km$/i.test(dt) && !/千米/.test(dt) && !/米/.test(dt) && !/\s*m\s*$/i.test(dt)) {
    837. 

  837. 						dt = dt.replace(/\s+$/, '') + 'km';
    838. 

  838. 					}
    839. 

  839. 					var de = document.getElementById('goodsDistance');
    840. 

  840. 					if (de) de.textContent = dt;
    841. 

  841. 				}
    842. 

  842. 			}
    843. 

  843. 

  844. 			var img =
    845. 

  845. 				pick(d, ['coverUrl', 'mainImage', 'goodsImage', 'firstImage', 'bannerUrl']) ||
    846. 

  846. 				(Array.isArray(d.goodsImageList) && d.goodsImageList[0]) ||
    847. 

  847. 				(Array.isArray(d.imageList) && d.imageList[0]);
    848. 

  848. 			if (img) {
    849. 

  849. 				var hi = document.getElementById('goodsHeroImg');
    850. 

  850. 				if (hi) {
    851. 

  851. 					hi.src = String(img);
    852. 

  852. 					hi.alt = '商品图';
    853. 

  853. 				}
    854. 

  854. 			}
    855. 

  855. 

  856. 			var nick = pick(d, ['publishUserNick', 'userNickName', 'nickName', 'userName', 'publisherName']);
    857. 

  857. 			if (nick) {
    858. 

  858. 				var ne = document.getElementById('goodsUserName');
    859. 

  859. 				if (ne) ne.textContent = String(nick);
    860. 

  860. 			}
    861. 

  861. 

  862. 			var av = pick(d, ['publishUserAvatar', 'userAvatar', 'userHead', 'avatar', 'headImg']);
    863. 

  863. 			if (av) {
    864. 

  864. 				var ae = document.getElementById('goodsUserAvatar');
    865. 

  865. 				if (ae) ae.src = String(av);
    866. 

  866. 			}
    867. 

  867. 

  868. 			var tm = pick(d, ['timeAgo', 'releaseTime', 'publishTime', 'createTime', 'publishTimeStr']);
    869. 

  869. 			if (tm) {
    870. 

  870. 				var te = document.getElementById('goodsTimeAgo');
    871. 

  871. 				if (te) te.textContent = String(tm);
    872. 

  872. 			}
    873. 

  873. 

  874. 			var s1 = pick(d, ['promotionLineOne', 'promotionTitle', 'subtitle', 'slogan1', 'line1']);
    875. 

  875. 			var s2 = pick(d, ['promotionLineTwo', 'subTitle', 'slogan2', 'line2']);
    876. 

  876. 			var wrap = document.getElementById('goodsHeroSloganWrap');
    877. 

  877. 			var e1 = document.getElementById('goodsSlogan1');
    878. 

  878. 			var e2 = document.getElementById('goodsSlogan2');
    879. 

  879. 			if (wrap && e1 && e2) {
    880. 

  880. 				if (s1 || s2) {
    881. 

  881. 					if (s1) e1.textContent = String(s1);
    882. 

  882. 					if (s2) e2.textContent = String(s2);
    883. 

  883. 					wrap.style.display = '';
    884. 

  884. 				} else {
    885. 

  885. 					wrap.style.display = 'none';
    886. 

  886. 				}
    887. 

  887. 			}
    888. 

  888. 

  889. 			var hotStat = document.getElementById('goodsHotStat');
    890. 

  890. 			var cs = pick(d, ['collectStatus']);
    891. 

  891. 			if (hotStat) {
    892. 

  892. 				var hideHot =
    893. 

  893. 					cs != null &&
    894. 

  894. 					(Number(cs) === 0 || String(cs).trim() === '0');
    895. 

  895. 				hotStat.style.display = hideHot ? 'none' : '';
    896. 

  896. 			}
    897. 

  897. 			var hot = pick(d, ['browseCount', 'viewCount', 'hotCount', 'readCount']);
    898. 

  898. 			if (hot != null) {
    899. 

  899. 				var he = document.getElementById('goodsHotCount');
    900. 

  900. 				if (he) he.textContent = String(hot);
    901. 

  901. 			}
    902. 

  902. 

  903. 			var fav = pick(d, ['collectCount', 'wantCount', 'favCount', 'favoriteCount']);
    904. 

  904. 			if (fav != null) {
    905. 

  905. 				var fe = document.getElementById('goodsFavCount');
    906. 

  906. 				if (fe) fe.textContent = String(fav);
    907. 

  907. 			}
    908. 

  908. 

  909. 			var topicStr = d.topic != null ? String(d.topic).trim() : '';
    910. 

  910. 			var labelStr = d.label != null ? String(d.label).trim() : '';
    911. 

  911. 			var hasApiTags = topicStr !== '' || labelStr !== '';
    912. 

  912. 			var mount = document.getElementById('goodsTags');
    913. 

  913. 			if (mount) {
    914. 

  914. 				if (hasApiTags) {
    915. 

  915. 					mount.innerHTML = '';
    916. 

  916. 					if (topicStr) appendGoodsTag(mount, topicStr, 'topic');
    917. 

  917. 					if (labelStr) appendGoodsTag(mount, labelStr, 'label');
    918. 

  918. 				} else {
    919. 

  919. 					var tags = d.tagList || d.tags || d.labelList || d.goodsTags;
    920. 

  920. 					if (tags) {
    921. 

  921. 						mount.innerHTML = '';
    922. 

  922. 						var arr = Array.isArray(tags) ? tags : String(tags).split(/[,，]/);
    923. 

  923. 						arr.forEach(function (t) {
    924. 

  924. 							if (t == null || t === '') return;
    925. 

  925. 							var label =
    926. 

  926. 								typeof t === 'object'
    927. 

  927. 									? (t.tagName || t.name || t.label || '')
    928. 

  928. 									: String(t);
    929. 

  929. 							label = String(label).trim();
    930. 

  930. 							if (!label) return;
    931. 

  931. 							var isTopic = label.indexOf('#') === 0;
    932. 

  932. 							appendGoodsTag(mount, label, isTopic ? 'topic' : 'label');
    933. 

  933. 						});
    934. 

  934. 					}
    935. 

  935. 				}
    936. 

  936. 			}
    937. 

  937. 		}
    938. 

  938. 

  939. 		var SVG_LIKE = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"/></svg>';
    940. 

  940. 		var SVG_REPLY = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>';
    941. 

  941. 		var SVG_CHEV = '<svg class="goods-cmt__thread-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>';
    942. 

  942. 

  943. 		function cmtAvatarUrl(c) {
    944. 

  944. 			return String(
    945. 

  945. 				pick(c, ['headImg', 'userAvatar', 'userHead', 'avatar', 'avatarUrl']) || ''
    946. 

  946. 			).trim();
    947. 

  947. 		}
    948. 

  948. 

  949. 		function cmtUserName(c) {
    950. 

  950. 			var s = String(pick(c, ['headName', 'userName', 'nickName', 'userNickName', 'commentUserName', 'headPhone']) || '—').trim();
    951. 

  951. 			return s || '—';
    952. 

  952. 		}
    953. 

  953. 

  954. 		function cmtTime(c) {
    955. 

  955. 			return String(pick(c, ['createTime', 'createdTime', 'commentTime']) || '');
    956. 

  956. 		}
    957. 

  957. 

  958. 		function cmtContent(c) {
    959. 

  959. 			return String(pick(c, ['content', 'commentContent', 'text']) || '');
    960. 

  960. 		}
    961. 

  961. 

  962. 		function cmtLikeCount(c) {
    963. 

  963. 			var v = pick(c, ['likeCount', 'likeNum', 'praiseCount']);
    964. 

  964. 			return v != null ? String(v) : '0';
    965. 

  965. 		}
    966. 

  966. 

  967. 		function cmtReplies(c) {
    968. 

  968. 			if (!c || typeof c !== 'object') return [];
    969. 

  969. 			var sub =
    970. 

  970. 				c.childCommonComments ||
    971. 

  971. 				c.replyList ||
    972. 

  972. 				c.replyVOList ||
    973. 

  973. 				c.children ||
    974. 

  974. 				c.subComments ||
    975. 

  975. 				c.replies;
    976. 

  976. 			if (sub == null) return [];
    977. 

  977. 			return Array.isArray(sub) ? sub.filter(Boolean) : [];
    978. 

  978. 		}
    979. 

  979. 

  980. 		function appendCmtRow(parentBody, c, showReply) {
    981. 

  981. 			var row = document.createElement('div');
    982. 

  982. 			row.className = 'goods-cmt__row';
    983. 

  983. 			var img = document.createElement('img');
    984. 

  984. 			img.className = 'goods-cmt__avatar';
    985. 

  985. 			img.alt = '';
    986. 

  986. 			var au = cmtAvatarUrl(c);
    987. 

  987. 			img.src = au || 'images/demouser.png';
    988. 

  988. 			var body = document.createElement('div');
    989. 

  989. 			body.className = 'goods-cmt__body';
    990. 

  990. 			var name = document.createElement('span');
    991. 

  991. 			name.className = 'goods-cmt__name';
    992. 

  992. 			name.textContent = cmtUserName(c);
    993. 

  993. 			var time = document.createElement('span');
    994. 

  994. 			time.className = 'goods-cmt__time';
    995. 

  995. 			time.textContent = cmtTime(c);
    996. 

  996. 			var text = document.createElement('p');
    997. 

  997. 			text.className = 'goods-cmt__text';
    998. 

  998. 			text.textContent = cmtContent(c);
    999. 

  999. 			var actions = document.createElement('div');
    1000. 

  1000. 			actions.className = 'goods-cmt__actions';
    1001. 

  1001. 			var likeBtn = document.createElement('button');
    1002. 

  1002. 			likeBtn.type = 'button';
    1003. 

  1003. 			likeBtn.className = 'goods-cmt__action';
    1004. 

  1004. 			likeBtn.setAttribute('aria-label', '点赞');
    1005. 

  1005. 			likeBtn.innerHTML = SVG_LIKE + '<span>' + cmtLikeCount(c) + '</span>';
    1006. 

  1006. 			actions.appendChild(likeBtn);
    1007. 

  1007. 			if (showReply) {
    1008. 

  1008. 				var repBtn = document.createElement('button');
    1009. 

  1009. 				repBtn.type = 'button';
    1010. 

  1010. 				repBtn.className = 'goods-cmt__action';
    1011. 

  1011. 				repBtn.setAttribute('aria-label', '回复');
    1012. 

  1012. 				repBtn.innerHTML = SVG_REPLY + '<span>回复</span>';
    1013. 

  1013. 				actions.appendChild(repBtn);
    1014. 

  1014. 			}
    1015. 

  1015. 			body.appendChild(name);
    1016. 

  1016. 			body.appendChild(time);
    1017. 

  1017. 			body.appendChild(text);
    1018. 

  1018. 			body.appendChild(actions);
    1019. 

  1019. 			row.appendChild(img);
    1020. 

  1020. 			row.appendChild(body);
    1021. 

  1021. 			parentBody.appendChild(row);
    1022. 

  1022. 			return body;
    1023. 

  1023. 		}
    1024. 

  1024. 

  1025. 		function buildNestedCmt(c) {
    1026. 

  1026. 			var wrap = document.createElement('div');
    1027. 

  1027. 			wrap.className = 'goods-cmt goods-cmt--nested';
    1028. 

  1028. 			appendCmtRow(wrap, c, false);
    1029. 

  1029. 			return wrap;
    1030. 

  1030. 		}
    1031. 

  1031. 

  1032. 		function filterTopLevelComments(list) {
    1033. 

  1033. 			if (!Array.isArray(list) || !list.length) return [];
    1034. 

  1034. 			var top = list.filter(function (c) {
    1035. 

  1035. 				if (!c) return false;
    1036. 

  1036. 				var pid = c.parentId != null ? c.parentId : c.pid;
    1037. 

  1037. 				if (typeof pid === 'string') pid = pid.trim();
    1038. 

  1038. 				return pid == null || pid === '' || Number(pid) === 0;
    1039. 

  1039. 			});
    1040. 

  1040. 			return top.length ? top : list.slice();
    1041. 

  1041. 		}
    1042. 

  1042. 

  1043. 		function countCommentsInApiList(records) {
    1044. 

  1044. 			if (!Array.isArray(records)) return 0;
    1045. 

  1045. 			var tops = filterTopLevelComments(records);
    1046. 

  1046. 			var n = 0;
    1047. 

  1047. 			for (var i = 0; i < tops.length; i++) {
    1048. 

  1048. 				var c = tops[i];
    1049. 

  1049. 				if (!c) continue;
    1050. 

  1050. 				n += 1 + cmtReplies(c).length;
    1051. 

  1051. 			}
    1052. 

  1052. 			return n;
    1053. 

  1053. 		}
    1054. 

  1054. 

  1055. 		function normalizeCommentListPayload(d) {
    1056. 

  1056. 			if (typeof d === 'string') {
    1057. 

  1057. 				try {
    1058. 

  1058. 					d = JSON.parse(d);
    1059. 

  1059. 				} catch (e) {
    1060. 

  1060. 					return { records: [], total: 0 };
    1061. 

  1061. 				}
    1062. 

  1062. 			}
    1063. 

  1063. 			if (Array.isArray(d)) {
    1064. 

  1064. 				return { records: d, total: countCommentsInApiList(d) };
    1065. 

  1065. 			}
    1066. 

  1066. 			if (d && typeof d === 'object') {
    1067. 

  1067. 				var arr = d.records || d.list || d.rows;
    1068. 

  1068. 				if (!Array.isArray(arr) && Array.isArray(d.data)) arr = d.data;
    1069. 

  1069. 				if (!Array.isArray(arr)) arr = [];
    1070. 

  1070. 				var total =
    1071. 

  1071. 					d.total != null && !isNaN(Number(d.total))
    1072. 

  1072. 						? Number(d.total)
    1073. 

  1073. 						: countCommentsInApiList(arr);
    1074. 

  1074. 				return { records: arr, total: total };
    1075. 

  1075. 			}
    1076. 

  1076. 			return { records: [], total: 0 };
    1077. 

  1077. 		}
    1078. 

  1078. 

  1079. 		function renderCommentsList(rows, total) {
    1080. 

  1080. 			var mount = document.getElementById('goodsCommentList');
    1081. 

  1081. 			var totEl = document.getElementById('goodsCommentTotal');
    1082. 

  1082. 			if (!mount) return;
    1083. 

  1083. 			mount.innerHTML = '';
    1084. 

  1084. 			var list = filterTopLevelComments(Array.isArray(rows) ? rows : []);
    1085. 

  1085. 			var n = total != null && !isNaN(Number(total)) ? Number(total) : countCommentsInApiList(Array.isArray(rows) ? rows : []);
    1086. 

  1086. 			if (totEl) totEl.textContent = String(n);
    1087. 

  1087. 

  1088. 			if (!list.length) {
    1089. 

  1089. 				var empty = document.createElement('li');
    1090. 

  1090. 				empty.className = 'goods-comments__empty';
    1091. 

  1091. 				empty.setAttribute('role', 'status');
    1092. 

  1092. 				empty.textContent = '暂无留言';
    1093. 

  1093. 				mount.appendChild(empty);
    1094. 

  1094. 				return;
    1095. 

  1095. 			}
    1096. 

  1096. 

  1097. 			list.forEach(function (c) {
    1098. 

  1098. 				if (!c) return;
    1099. 

  1099. 				var li = document.createElement('li');
    1100. 

  1100. 				li.className = 'goods-cmt';
    1101. 

  1101. 				appendCmtRow(li, c, true);
    1102. 

  1102. 				var replies = cmtReplies(c);
    1103. 

  1103. 				if (replies.length) {
    1104. 

  1104. 					var thread = document.createElement('div');
    1105. 

  1105. 					thread.className = 'goods-cmt__thread';
    1106. 

  1106. 					var inner = document.createElement('div');
    1107. 

  1107. 					inner.className = 'goods-cmt__replies-inner';
    1108. 

  1108. 					replies.forEach(function (r) {
    1109. 

  1109. 						if (r) inner.appendChild(buildNestedCmt(r));
    1110. 

  1110. 					});
    1111. 

  1111. 					var bar = document.createElement('button');
    1112. 

  1112. 					bar.type = 'button';
    1113. 

  1113. 					bar.className = 'goods-cmt__thread-bar';
    1114. 

  1114. 					bar.setAttribute('aria-expanded', 'true');
    1115. 

  1115. 					bar.innerHTML =
    1116. 

  1116. 						'<span>共<span class="js-reply-count">' + replies.length + '</span>条回复</span>' +
    1117. 

  1117. 						'<span class="goods-cmt__thread-bar-right">' +
    1118. 

  1118. 						'<span class="js-thread-label">收起</span>' + SVG_CHEV + '</span>';
    1119. 

  1119. 					thread.appendChild(inner);
    1120. 

  1120. 					thread.appendChild(bar);
    1121. 

  1121. 					li.appendChild(thread);
    1122. 

  1122. 				}
    1123. 

  1123. 				mount.appendChild(li);
    1124. 

  1124. 			});
    1125. 

  1125. 		}
    1126. 

  1126. 

  1127. 		function bindCommentThreadDelegation() {
    1128. 

  1128. 			var list = document.getElementById('goodsCommentList');
    1129. 

  1129. 			if (!list || list.dataset.threadDeleg) return;
    1130. 

  1130. 			list.dataset.threadDeleg = '1';
    1131. 

  1131. 			list.addEventListener('click', function (e) {
    1132. 

  1132. 				var bar = e.target.closest('.goods-cmt__thread-bar');
    1133. 

  1133. 				if (!bar) return;
    1134. 

  1134. 				var inner = bar.previousElementSibling;
    1135. 

  1135. 				if (!inner || !inner.classList.contains('goods-cmt__replies-inner')) return;
    1136. 

  1136. 				var collapsed = inner.classList.toggle('is-collapsed');
    1137. 

  1137. 				bar.classList.toggle('is-collapsed', collapsed);
    1138. 

  1138. 				bar.setAttribute('aria-expanded', collapsed ? 'false' : 'true');
    1139. 

  1139. 				var lab = bar.querySelector('.js-thread-label');
    1140. 

  1140. 				if (lab) lab.textContent = collapsed ? '展开' : '收起';
    1141. 

  1141. 			});
    1142. 

  1142. 		}
    1143. 

  1143. 

  1144. 		function pickGoodsStatusFromStatusApi(res) {
    1145. 

  1145. 			if (!res || typeof res !== 'object') return null;
    1146. 

  1146. 			var d = isApiOk(res) ? (res.data != null ? res.data : res.result) : null;
    1147. 

  1147. 			if (d != null && typeof d === 'object' && d.goodsStatus != null) {
    1148. 

  1148. 				return d.goodsStatus;
    1149. 

  1149. 			}
    1150. 

  1150. 			if (res.goodsStatus != null) return res.goodsStatus;
    1151. 

  1151. 			return null;
    1152. 

  1152. 		}
    1153. 

  1153. 

  1154. 		/** 打开页时先拉取商品状态；query 参数名为 id */
    1155. 

  1155. 		function fetchGoodsStatusById(id) {
    1156. 

  1156. 			var sid = String(id != null ? id : '').trim();
    1157. 

  1157. 			if (!sid) return Promise.resolve(null);
    1158. 

  1158. 			var path =
    1159. 

  1159. 				'/secondGoods/getGoodsStatusById?id=' + encodeURIComponent(sid);
    1160. 

  1160. 			return fetch(API_BASE_SECOND + path, {
    1161. 

  1161. 				method: 'GET',
    1162. 

  1162. 				mode: 'cors',
    1163. 

  1163. 				credentials: 'omit',
    1164. 

  1164. 				headers: { Accept: 'application/json' }
    1165. 

  1165. 			}).then(function (res) {
    1166. 

  1166. 				if (!res.ok) throw new Error('HTTP ' + res.status);
    1167. 

  1167. 				return res.json();
    1168. 

  1168. 			});
    1169. 

  1169. 		}
    1170. 

  1170. 

  1171. 		function fetchSecondGoodsDetail(goodsId, lon, lat, phoneId) {
    1172. 

  1172. 			var lonStr =
    1173. 

  1173. 				lon != null && String(lon).trim() !== ''
    1174. 

  1174. 					? String(lon).trim()
    1175. 

  1175. 					: String(DEFAULT_REQUEST_LONGITUDE);
    1176. 

  1176. 			var latStr =
    1177. 

  1177. 				lat != null && String(lat).trim() !== ''
    1178. 

  1178. 					? String(lat).trim()
    1179. 

  1179. 					: String(DEFAULT_REQUEST_LATITUDE);
    1180. 

  1180. 			var pid =
    1181. 

  1181. 				phoneId != null && String(phoneId).trim() !== ''
    1182. 

  1182. 					? String(phoneId).trim()
    1183. 

  1183. 					: '';
    1184. 

  1184. 			/** 表单字段：键为 string，值一律 string（x-www-form-urlencoded） */
    1185. 

  1185. 			var formBody = {
    1186. 

  1186. 				goodsId: String(goodsId != null ? goodsId : '').trim(),
    1187. 

  1187. 				longitude: String(lonStr),
    1188. 

  1188. 				latitude: String(latStr),
    1189. 

  1189. 				phoneId: pid
    1190. 

  1190. 			};
    1191. 

  1191. 			var form = new URLSearchParams();
    1192. 

  1192. 			form.set('goodsId', formBody.goodsId);
    1193. 

  1193. 			form.set('longitude', formBody.longitude);
    1194. 

  1194. 			form.set('latitude', formBody.latitude);
    1195. 

  1195. 			form.set('phoneId', formBody.phoneId);
    1196. 

  1196.             
    1197. 

  1197. 			return fetch(API_BASE_SECOND + '/recommend/querySecondGoodsDetailWithOutJWT', {
    1198. 

  1198. 				method: 'POST',
    1199. 

  1199. 				mode: 'cors',
    1200. 

  1200. 				credentials: 'omit',
    1201. 

  1201. 				headers: {
    1202. 

  1202. 					Accept: 'application/json',
    1203. 

  1203. 					'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
    1204. 

  1204. 				},
    1205. 

  1205. 				body: form.toString()
    1206. 

  1206. 			}).then(function (res) {
    1207. 

  1207. 				if (!res.ok) throw new Error('HTTP ' + res.status);
    1208. 

  1208. 				return res.json();
    1209. 

  1209. 			}).then(function (res) {
    1210. 

  1210. 				var d = isApiOk(res) ? res.data || res.result : null;
    1211. 

  1211. 				if (d && typeof d === 'object') {
    1212. 

  1212. 					renderGoodsDetail(d);
    1213. 

  1213. 				} else if (res && res.msg) {
    1214. 

  1214. 					console.warn('[querySecondGoodsDetail]', res.msg);
    1215. 

  1215. 				}
    1216. 

  1216. 			});
    1217. 

  1217. 		}
    1218. 

  1218. 

  1219. 		function fetchCommentList(goodsId, userId, pageNum, pageSize) {
    1220. 

  1220. 			var st = (q('sourceType') || '').trim();
    1221. 

  1221. 			var sourceType = st && !isNaN(Number(st)) ? Number(st) : COMMENT_SOURCE_TYPE;
    1222. 

  1222. 			var path = '/commonComment/getListBySourceType?' +
    1223. 

  1223. 				'sourceType=' + encodeURIComponent(String(sourceType)) +
    1224. 

  1224. 				'&sourceId=' + encodeURIComponent(String(goodsId)) +
    1225. 

  1225. 				'&pageNum=' + encodeURIComponent(String(pageNum || 1)) +
    1226. 

  1226. 				'&pageSize=' + encodeURIComponent(String(pageSize || 10)) +
    1227. 

  1227. 				'&userId=' + encodeURIComponent(userId != null ? String(userId) : '');
    1228. 

  1228. 			return apiGet(path).then(function (res) {
    1229. 

  1229. 				if (!isApiOk(res)) {
    1230. 

  1230. 					if (res && res.msg) console.warn('[getListBySourceType]', res.msg);
    1231. 

  1231. 					renderCommentsList([], 0);
    1232. 

  1232. 					return;
    1233. 

  1233. 				}
    1234. 

  1234. 				var raw = res.data != null ? res.data : res.result;
    1235. 

  1235. 				var pack = normalizeCommentListPayload(raw);
    1236. 

  1236. 				renderCommentsList(pack.records, pack.total);
    1237. 

  1237. 			});
    1238. 

  1238. 		}
    1239. 

  1239. 

  1240. 		function run() {
    1241. 

  1241. 			var goodsId = (q('goodsId') || q('id') || '').trim();
    1242. 

  1242. 			var userId = (q('userId') || '').trim();
    1243. 

  1243. 			var phoneId = (q('phoneId') || q('phone_id') || '').trim();
    1244. 

  1244. 			var lon = (q('longitude') || q('lon') || q('jingdu') || '').trim();
    1245. 

  1245. 			var lat = (q('latitude') || q('lat') || q('weidu') || '').trim();
    1246. 

  1246. 			var pageNum = (q('pageNum') || '1').trim();
    1247. 

  1247. 			var pageSize = (q('pageSize') || '10').trim();
    1248. 

  1248. 

  1249. 			bindCommentThreadDelegation();
    1250. 

  1250. 

  1251. 			if (!goodsId) {
    1252. 

  1252. 				applyFromUrl();
    1253. 

  1253. 				return;
    1254. 

  1254. 			}
    1255. 

  1255. 

  1256. 			fetchGoodsStatusById(goodsId)
    1257. 

  1257. 				.catch(function (e) {
    1258. 

  1258. 					console.warn('[getGoodsStatusById]', e);
    1259. 

  1259. 					return null;
    1260. 

  1260. 				})
    1261. 

  1261. 				.then(function (statusRes) {
    1262. 

  1262. 					var gs = pickGoodsStatusFromStatusApi(statusRes);
    1263. 

  1263. 					var gsNum = gs != null ? Number(gs) : NaN;
    1264. 

  1264. 					var gsStr = gs != null ? String(gs).trim() : '';
    1265. 

  1265. 					var gsGotoUndefined =
    1266. 

  1266. 						gs != null &&
    1267. 

  1267. 						((!isNaN(gsNum) && (gsNum === 2 || gsNum === 4 || gsNum === 5)) ||
    1268. 

  1268. 							gsStr === '2' || gsStr === '4' || gsStr === '5');
    1269. 

  1269. 					if (gsGotoUndefined) {
    1270. 

  1270. 						var undefinedUrl = 'shareUndefined.html';
    1271. 

  1271. 						if (userId) {
    1272. 

  1272. 							undefinedUrl += '?userId=' + encodeURIComponent(userId);
    1273. 

  1273. 						}
    1274. 

  1274. 						window.location.replace(undefinedUrl);
    1275. 

  1275. 						return { skipRest: true };
    1276. 

  1276. 					}
    1277. 

  1277. 					return Promise.all([
    1278. 

  1278. 						fetchSecondGoodsDetail(goodsId, lon, lat, phoneId).catch(function (e) {
    1279. 

  1279. 							console.warn('[querySecondGoodsDetail]', e);
    1280. 

  1280. 						}),
    1281. 

  1281. 						fetchCommentList(goodsId, userId, pageNum, pageSize).catch(function (e) {
    1282. 

  1282. 							console.warn('[getListBySourceType]', e);
    1283. 

  1283. 							renderCommentsList([], 0);
    1284. 

  1284. 						})
    1285. 

  1285. 					]).then(function () {
    1286. 

  1286. 						return { skipRest: false };
    1287. 

  1287. 					});
    1288. 

  1288. 				})
    1289. 

  1289. 				.then(function (flag) {
    1290. 

  1290. 					if (flag && flag.skipRest) return;
    1291. 

  1291. 					applyFromUrl();
    1292. 

  1292. 				});
    1293. 

  1293. 		}
    1294. 

  1294. 

  1295. 		function applyFromUrl() {
    1296. 

  1296. 			var heroImg = document.getElementById('goodsHeroImg');
    1297. 

  1297. 			var imgUrl = q('image') || q('goodsImage') || q('coverUrl') || q('img');
    1298. 

  1298. 			imgUrl = tryDecode(imgUrl).trim();
    1299. 

  1299. 			if (imgUrl) {
    1300. 

  1300. 				heroImg.src = imgUrl;
    1301. 

  1301. 				heroImg.alt = '商品图';
    1302. 

  1302. 			} else {
    1303. 

  1303. 				heroImg.src = DEFAULT_HERO;
    1304. 

  1304. 				heroImg.alt = '';
    1305. 

  1305. 			}
    1306. 

  1306. 

  1307. 			var av = tryDecode(q('userImage') || q('avatar')).trim();
    1308. 

  1308. 			document.getElementById('goodsUserAvatar').src = av || 'images/demouser.png';
    1309. 

  1309. 

  1310. 			var uname = tryDecode(q('userName') || q('nickname')).trim();
    1311. 

  1311. 			if (uname) document.getElementById('goodsUserName').textContent = uname;
    1312. 

  1312. 

  1313. 			var ago = tryDecode(q('timeAgo') || q('publishTime')).trim();
    1314. 

  1314. 			if (ago) document.getElementById('goodsTimeAgo').textContent = ago;
    1315. 

  1315. 

  1316. 			var s1 = tryDecode(q('slogan1') || q('line1')).trim();
    1317. 

  1317. 			var s2 = tryDecode(q('slogan2') || q('line2')).trim();
    1318. 

  1318. 			var elS1 = document.getElementById('goodsSlogan1');
    1319. 

  1319. 			var elS2 = document.getElementById('goodsSlogan2');
    1320. 

  1320. 			var elWrap = document.getElementById('goodsHeroSloganWrap');
    1321. 

  1321. 			if (s1 && elS1) elS1.textContent = s1;
    1322. 

  1322. 			if (s2 && elS2) elS2.textContent = s2;
    1323. 

  1323. 			if (elWrap && (s1 || s2)) elWrap.style.display = '';
    1324. 

  1324. 

  1325. 			var price = tryDecode(q('price')).trim();
    1326. 

  1326. 			if (price) {
    1327. 

  1327. 				var pn = parseFloat(price.replace(/[^\d.]/g, ''));
    1328. 

  1328. 				document.getElementById('goodsPrice').textContent =
    1329. 

  1329. 					!isNaN(pn) ? pn.toFixed(2) : price;
    1330. 

  1330. 			}
    1331. 

  1331. 

  1332. 			var dist = tryDecode(q('distance') || q('distanceKm') || q('dist')).trim();
    1333. 

  1333. 			if (dist) {
    1334. 

  1334. 				if (!/^距离/.test(dist)) dist = '距离 ' + dist;
    1335. 

  1335. 				if (!/km$/i.test(dist) && !/千米/.test(dist) && !/米/.test(dist) && !/\s*m\s*$/i.test(dist)) {
    1336. 

  1336. 					dist = dist.replace(/\s+$/, '') + 'km';
    1337. 

  1337. 				}
    1338. 

  1338. 				document.getElementById('goodsDistance').textContent = dist;
    1339. 

  1339. 			}
    1340. 

  1340. 

  1341. 			var title = tryDecode(q('title') || q('goodsTitle')).trim();
    1342. 

  1342. 			if (title) document.getElementById('goodsTitle').textContent = title;
    1343. 

  1343. 

  1344. 			var hot = tryDecode(q('hotCount') || q('hot')).trim();
    1345. 

  1345. 			if (hot) document.getElementById('goodsHotCount').textContent = hot;
    1346. 

  1346. 

  1347. 			var fav = tryDecode(q('favCount') || q('fav') || q('collectCount')).trim();
    1348. 

  1348. 			if (fav) document.getElementById('goodsFavCount').textContent = fav;
    1349. 

  1349. 

  1350. 			var cc = tryDecode(q('commentCount') || q('comments')).trim();
    1351. 

  1351. 			if (cc) {
    1352. 

  1352. 				var elTot = document.getElementById('goodsCommentTotal');
    1353. 

  1353. 				if (elTot) elTot.textContent = cc;
    1354. 

  1354. 			}
    1355. 

  1355. 

  1356. 			var tagsRaw = tryDecode(q('tags') || q('tag')).trim();
    1357. 

  1357. 			var mount = document.getElementById('goodsTags');
    1358. 

  1358. 			var hasGoodsId = (q('goodsId') || q('id') || '').trim();
    1359. 

  1359. 			if (mount) {
    1360. 

  1360. 				if (tagsRaw) {
    1361. 

  1361. 					mount.innerHTML = '';
    1362. 

  1362. 					tagsRaw.split(/[,，]/).map(function (t) { return t.trim(); }).filter(Boolean).forEach(function (t) {
    1363. 

  1363. 						appendGoodsTag(mount, t, t.indexOf('#') === 0 ? 'topic' : 'label');
    1364. 

  1364. 					});
    1365. 

  1365. 				} else if (!hasGoodsId) {
    1366. 

  1366. 					mount.innerHTML = '';
    1367. 

  1367. 					['复古冰箱', '网红冰箱', '复古烤漆', '冰箱'].forEach(function (t) {
    1368. 

  1368. 						appendGoodsTag(mount, t, 'label');
    1369. 

  1369. 					});
    1370. 

  1370. 				}
    1371. 

  1371. 			}
    1372. 

  1372. 		}
    1373. 

  1373. 

  1374. 		function sharePage() {
    1375. 

  1375. 			var title = document.getElementById('goodsTitle').textContent || '商品分享';
    1376. 

  1376. 			var url = location.href;
    1377. 

  1377. 			if (navigator.share) {
    1378. 

  1378. 				navigator.share({ title: title, text: title, url: url }).catch(function () {});
    1379. 

  1379. 				return;
    1380. 

  1380. 			}
    1381. 

  1381. 			if (navigator.clipboard && navigator.clipboard.writeText) {
    1382. 

  1382. 				navigator.clipboard.writeText(url).then(function () {
    1383. 

  1383. 					window.alert('链接已复制');
    1384. 

  1384. 				}).catch(function () {
    1385. 

  1385. 					window.prompt('复制链接', url);
    1386. 

  1386. 				});
    1387. 

  1387. 			} else {
    1388. 

  1388. 				window.prompt('复制链接', url);
    1389. 

  1389. 			}
    1390. 

  1390. 		}
    1391. 

  1391. 

  1392. 		var shareBtn = document.getElementById('goodsShareBtn');
    1393. 

  1393. 		if (shareBtn) shareBtn.addEventListener('click', sharePage);
    1394. 

  1394. 

  1395. 		var openAppBtn = document.getElementById('openApp');
    1396. 

  1396. 		if (openAppBtn) {
    1397. 

  1397. 			openAppBtn.addEventListener('click', function () {
    1398. 

  1398. 				tryOpenHBuilderApp();
    1399. 

  1399. 			});
    1400. 

  1400. 		}
    1401. 

  1401. 

  1402. 		run();
    1403. 

  1403. 	})();
    1404. 

  1404. 	</script>
    1405. 

  1405. </body>
    1406. 

  1406. </html>
    1407.