|
@@ -1,1153 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
|
|
-<html lang="zh-CN">
|
|
|
|
|
-<head>
|
|
|
|
|
- <meta charset="utf-8">
|
|
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
|
|
|
|
- <meta name="format-detection" content="telephone=no">
|
|
|
|
|
- <title>U店在哪</title>
|
|
|
|
|
- <style>
|
|
|
|
|
- :root {
|
|
|
|
|
- --orange: #F58220;
|
|
|
|
|
- --orange-light: #FFF4E8;
|
|
|
|
|
- --red: #FF4D4F;
|
|
|
|
|
- --text: #333333;
|
|
|
|
|
- --text-secondary: #999999;
|
|
|
|
|
- --border: #EEEEEE;
|
|
|
|
|
- --bg: #FFFFFF;
|
|
|
|
|
- --safe-bottom: env(safe-area-inset-bottom, 0px);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- * {
|
|
|
|
|
- margin: 0;
|
|
|
|
|
- padding: 0;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- html {
|
|
|
|
|
- font-size: 16px;
|
|
|
|
|
- -webkit-tap-highlight-color: transparent;
|
|
|
|
|
- overflow-x: hidden;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- body {
|
|
|
|
|
- font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
|
|
|
|
|
- background: var(--bg);
|
|
|
|
|
- color: var(--text);
|
|
|
|
|
- padding-bottom: calc(88px + var(--safe-bottom));
|
|
|
|
|
- min-height: 100vh;
|
|
|
|
|
- overflow-x: hidden;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* Header */
|
|
|
|
|
- .header {
|
|
|
|
|
- position: sticky;
|
|
|
|
|
- top: 0;
|
|
|
|
|
- z-index: 100;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- height: 44px;
|
|
|
|
|
- padding: 0 15px;
|
|
|
|
|
- background: var(--bg);
|
|
|
|
|
- border-bottom: 1px solid var(--border);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .header__back {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- left: 15px;
|
|
|
|
|
- width: 24px;
|
|
|
|
|
- height: 24px;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- color: var(--text);
|
|
|
|
|
- text-decoration: none;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .header__title {
|
|
|
|
|
- font-size: 17px;
|
|
|
|
|
- font-weight: 600;
|
|
|
|
|
- color: var(--text);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* Hero carousel */
|
|
|
|
|
- .hero {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- margin: 0 15px;
|
|
|
|
|
- margin-top: 10px;
|
|
|
|
|
- border-radius: 0 0 12px 12px;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* 内容不存在 / 已删除：居中插图 + 说明文案 */
|
|
|
|
|
- .hero.hero--empty {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex-direction: column;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- padding: 48px 24px 56px;
|
|
|
|
|
- min-height: min(52vh, 440px);
|
|
|
|
|
- background: var(--bg);
|
|
|
|
|
- overflow: visible;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .hero--empty__illustration {
|
|
|
|
|
- display: block;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- max-width: 280px;
|
|
|
|
|
- height: auto;
|
|
|
|
|
- object-fit: contain;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .hero--empty__tip {
|
|
|
|
|
- padding: 0 16px;
|
|
|
|
|
- font-size: 15px;
|
|
|
|
|
- line-height: 1.5;
|
|
|
|
|
- color: var(--text-secondary);
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .hero__track {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- transition: transform 0.35s ease;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .hero__slide {
|
|
|
|
|
- flex: 0 0 100%;
|
|
|
|
|
- aspect-ratio: 16 / 10;
|
|
|
|
|
- background: #f0f0f0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .hero__slide img {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- object-fit: cover;
|
|
|
|
|
- display: block;
|
|
|
|
|
- vertical-align: middle;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .hero__dots {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- bottom: 12px;
|
|
|
|
|
- left: 0;
|
|
|
|
|
- right: 0;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- gap: 6px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .hero__dot {
|
|
|
|
|
- width: 6px;
|
|
|
|
|
- height: 6px;
|
|
|
|
|
- border-radius: 3px;
|
|
|
|
|
- background: rgba(255, 255, 255, 0.45);
|
|
|
|
|
- transition: width 0.25s ease, background 0.25s ease;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .hero__dot.is-active {
|
|
|
|
|
- width: 16px;
|
|
|
|
|
- background: #fff;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* Store block */
|
|
|
|
|
- .section {
|
|
|
|
|
- padding: 16px 15px 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .store-name {
|
|
|
|
|
- font-size: 20px;
|
|
|
|
|
- font-weight: 700;
|
|
|
|
|
- line-height: 1.35;
|
|
|
|
|
- margin-bottom: 12px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .row {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- gap: 10px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rating-row {
|
|
|
|
|
- margin-bottom: 12px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .stars {
|
|
|
|
|
- display: inline-flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- gap: 2px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .star {
|
|
|
|
|
- width: 14px;
|
|
|
|
|
- height: 14px;
|
|
|
|
|
- color: var(--orange);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rating-num {
|
|
|
|
|
- margin-left: 6px;
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- font-weight: 600;
|
|
|
|
|
- color: var(--orange);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .link-muted {
|
|
|
|
|
- display: inline-flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- gap: 2px;
|
|
|
|
|
- font-size: 13px;
|
|
|
|
|
- color: var(--text-secondary);
|
|
|
|
|
- text-decoration: none;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .chevron {
|
|
|
|
|
- width: 14px;
|
|
|
|
|
- height: 14px;
|
|
|
|
|
- opacity: 0.6;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .hours-row {
|
|
|
|
|
- margin-bottom: 16px;
|
|
|
|
|
- align-items: flex-start;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .hours-left {
|
|
|
|
|
- flex: 1;
|
|
|
|
|
- min-width: 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .status {
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- color: var(--red);
|
|
|
|
|
- margin-right: 8px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .status.is-open {
|
|
|
|
|
- color: var(--orange);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .hours-text {
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- color: var(--text-secondary);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .divider {
|
|
|
|
|
- height: 8px;
|
|
|
|
|
- background: #F7F7F7;
|
|
|
|
|
- margin: 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* Location */
|
|
|
|
|
- .loc-wrap {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- padding: 16px 15px;
|
|
|
|
|
- gap: 12px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .loc-main {
|
|
|
|
|
- flex: 1;
|
|
|
|
|
- min-width: 0;
|
|
|
|
|
- padding-right: 12px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .addr {
|
|
|
|
|
- font-size: 15px;
|
|
|
|
|
- font-weight: 600;
|
|
|
|
|
- line-height: 1.45;
|
|
|
|
|
- margin-bottom: 10px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .meta-line {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: flex-start;
|
|
|
|
|
- gap: 6px;
|
|
|
|
|
- font-size: 13px;
|
|
|
|
|
- color: var(--text-secondary);
|
|
|
|
|
- line-height: 1.45;
|
|
|
|
|
- margin-top: 6px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .meta-line svg {
|
|
|
|
|
- flex-shrink: 0;
|
|
|
|
|
- margin-top: 2px;
|
|
|
|
|
- opacity: 0.75;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .loc-actions {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex-direction: row;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- gap: 18px;
|
|
|
|
|
- flex-shrink: 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .act-btn {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex-direction: column;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- gap: 4px;
|
|
|
|
|
- background: none;
|
|
|
|
|
- border: none;
|
|
|
|
|
- padding: 0;
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- color: var(--text);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .act-btn__icon {
|
|
|
|
|
- width: 44px;
|
|
|
|
|
- height: 44px;
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
- background: #F5F5F5;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- color: var(--orange);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* More */
|
|
|
|
|
- .more-title {
|
|
|
|
|
- padding: 8px 15px 12px;
|
|
|
|
|
- font-size: 16px;
|
|
|
|
|
- font-weight: 700;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .more-scroll {
|
|
|
|
|
- display: grid;
|
|
|
|
|
- grid-template-columns: repeat(2, 1fr);
|
|
|
|
|
- gap: 10px;
|
|
|
|
|
- padding: 0 15px 20px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- #recEmpty {
|
|
|
|
|
- grid-column: 1 / -1;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card {
|
|
|
|
|
- min-width: 0;
|
|
|
|
|
- background: #fff;
|
|
|
|
|
- border-radius: 8px;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__img {
|
|
|
|
|
- aspect-ratio: 4 / 3;
|
|
|
|
|
- background: #eee;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__img img {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- object-fit: cover;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__body {
|
|
|
|
|
- padding: 10px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__top {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- align-items: baseline;
|
|
|
|
|
- gap: 8px;
|
|
|
|
|
- margin-bottom: 6px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__name {
|
|
|
|
|
- font-size: 15px;
|
|
|
|
|
- font-weight: 700;
|
|
|
|
|
- flex: 1;
|
|
|
|
|
- min-width: 0;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
|
- white-space: nowrap;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__dist {
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- color: var(--text-secondary);
|
|
|
|
|
- flex-shrink: 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__rating {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- flex-wrap: wrap;
|
|
|
|
|
- gap: 4px 8px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__rating .stars .star {
|
|
|
|
|
- width: 11px;
|
|
|
|
|
- height: 11px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__rating .rating-num {
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-meta {
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- color: var(--text-secondary);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__seller {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- gap: 8px;
|
|
|
|
|
- margin-top: 8px;
|
|
|
|
|
- min-width: 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__avatar {
|
|
|
|
|
- width: 22px;
|
|
|
|
|
- height: 22px;
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
- object-fit: cover;
|
|
|
|
|
- flex-shrink: 0;
|
|
|
|
|
- background: #eee;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rec-card__seller-name {
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- color: var(--text-secondary);
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
|
- white-space: nowrap;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* FAB */
|
|
|
|
|
- .fab-wrap {
|
|
|
|
|
- position: fixed;
|
|
|
|
|
- left: 0;
|
|
|
|
|
- right: 0;
|
|
|
|
|
- bottom: 0;
|
|
|
|
|
- z-index: 200;
|
|
|
|
|
- padding: 12px 24px calc(12px + var(--safe-bottom));
|
|
|
|
|
- background: linear-gradient(to top, rgba(255, 255, 255, 0.98) 70%, transparent);
|
|
|
|
|
- pointer-events: none;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .fab-wrap .fab {
|
|
|
|
|
- pointer-events: auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .fab {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- gap: 10px;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- max-width: 320px;
|
|
|
|
|
- margin: 0 auto;
|
|
|
|
|
- height: 48px;
|
|
|
|
|
- border: none;
|
|
|
|
|
- border-radius: 24px;
|
|
|
|
|
- background: var(--orange);
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- font-size: 16px;
|
|
|
|
|
- font-weight: 600;
|
|
|
|
|
- box-shadow: 0 4px 16px rgba(245, 130, 32, 0.45);
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .fab__logo {
|
|
|
|
|
- width: 28px;
|
|
|
|
|
- height: 28px;
|
|
|
|
|
- flex-shrink: 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .home-indicator {
|
|
|
|
|
- height: 5px;
|
|
|
|
|
- background: #000;
|
|
|
|
|
- border-radius: 3px;
|
|
|
|
|
- width: 134px;
|
|
|
|
|
- margin: 8px auto 4px;
|
|
|
|
|
- opacity: 0.2;
|
|
|
|
|
- }
|
|
|
|
|
- </style>
|
|
|
|
|
-</head>
|
|
|
|
|
-<body>
|
|
|
|
|
-
|
|
|
|
|
- <div class="hero hero--empty" id="hero" role="status" aria-live="polite">
|
|
|
|
|
- <img class="hero--empty__illustration" src="images/empty.png" alt="" decoding="async">
|
|
|
|
|
- <p class="hero--empty__tip">内容已删除/下架/卖出</p>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <div class="divider"></div>
|
|
|
|
|
-
|
|
|
|
|
- <h3 class="more-title">更多推荐</h3>
|
|
|
|
|
- <div class="more-scroll" id="recList">
|
|
|
|
|
- <p id="recEmpty" style="padding:12px;color:#999;font-size:14px;display:none;">暂无推荐</p>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div class="fab-wrap">
|
|
|
|
|
- <button type="button" class="fab" id="openApp">
|
|
|
|
|
- <img src="images/ubtn.png" alt="APP内打开" decoding="async">
|
|
|
|
|
- </button>
|
|
|
|
|
- <div class="home-indicator" aria-hidden="true"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <script>
|
|
|
|
|
- (function () {
|
|
|
|
|
- 'use strict';
|
|
|
|
|
- /**
|
|
|
|
|
- * 更多推荐：POST http://124.93.18.180:9100/ai/life-manager/api/v1/second_hand/global-recommend
|
|
|
|
|
- * 常用 query：userId、userLat/userLng 或 lat/weidu、lon/jingdu、radiusKm、page、pageSize、categoryOneId、categoryTwoId
|
|
|
|
|
- *
|
|
|
|
|
- * 注意：用 file:// 打开本页时，浏览器可能因 CORS 拦截跨域请求。
|
|
|
|
|
- */
|
|
|
|
|
- var API_BASE = 'http://120.26.186.130:8000/alienStore';
|
|
|
|
|
- var API_LIFE_AI_BASE = 'http://124.93.18.180:9100';
|
|
|
|
|
- var SECOND_GLOBAL_RECOMMEND_PATH = '/ai/life-manager/api/v1/second_hand/global-recommend';
|
|
|
|
|
- var DEFAULT_REC_USER_LAT = 38.925756;
|
|
|
|
|
- var DEFAULT_REC_USER_LNG = 121.662543;
|
|
|
|
|
- var DEFAULT_REC_RADIUS_KM = 195.69;
|
|
|
|
|
-
|
|
|
|
|
- /**
|
|
|
|
|
- * 与 secondShareGoods.html 一致：唤起 App 打开二手商品详情页（合并 search + hash 内 query）
|
|
|
|
|
- */
|
|
|
|
|
- var APP_ANDROID_PACKAGE = 'com.alien.Udianzaizhe';
|
|
|
|
|
- var APP_IOS_URL_SCHEME = 'shopro://';
|
|
|
|
|
- var APP_UNI_STORE_PATH = 'pages/secondHandTransactions/pages/detail/index';
|
|
|
|
|
-
|
|
|
|
|
- function showDownloadTip() {
|
|
|
|
|
- var msg = '请到应用商店下载';
|
|
|
|
|
- if (typeof uni !== 'undefined' && typeof uni.showToast === 'function') {
|
|
|
|
|
- uni.showToast({ title: msg, icon: 'none', duration: 2500 });
|
|
|
|
|
- } else {
|
|
|
|
|
- window.alert(msg);
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function mergeSearchAndHashParams() {
|
|
|
|
|
- var params = new URLSearchParams();
|
|
|
|
|
- function ingest(querySlice) {
|
|
|
|
|
- if (!querySlice) return;
|
|
|
|
|
- var p = new URLSearchParams(querySlice);
|
|
|
|
|
- p.forEach(function (val, key) {
|
|
|
|
|
- params.append(key, val);
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- if (location.search && location.search.length > 1) {
|
|
|
|
|
- ingest(location.search.slice(1));
|
|
|
|
|
- }
|
|
|
|
|
- var hash = location.hash || '';
|
|
|
|
|
- var qi = hash.indexOf('?');
|
|
|
|
|
- if (qi >= 0) {
|
|
|
|
|
- ingest(hash.slice(qi + 1));
|
|
|
|
|
- }
|
|
|
|
|
- return params;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function buildAppOpenQueryStringMerged() {
|
|
|
|
|
- var params = mergeSearchAndHashParams();
|
|
|
|
|
- var gid = params.get('goodsId') || params.get('id') || '';
|
|
|
|
|
- if (gid && !params.has('goodsId')) {
|
|
|
|
|
- params.set('goodsId', gid);
|
|
|
|
|
- }
|
|
|
|
|
- var sid = params.get('storeId') || params.get('id') || '';
|
|
|
|
|
- if (sid && !params.has('storeId')) {
|
|
|
|
|
- params.set('storeId', sid);
|
|
|
|
|
- }
|
|
|
|
|
- var qsOut = params.toString();
|
|
|
|
|
- return qsOut ? ('?' + qsOut) : '';
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function buildAppDeepLink() {
|
|
|
|
|
- var path = String(APP_UNI_STORE_PATH || 'pages/secondHandTransactions/pages/detail/index').replace(/^\//, '');
|
|
|
|
|
- var s = buildAppOpenQueryStringMerged();
|
|
|
|
|
- var root = APP_IOS_URL_SCHEME.replace(/\/$/, '');
|
|
|
|
|
- if (!s) {
|
|
|
|
|
- return root + '/' + path;
|
|
|
|
|
- }
|
|
|
|
|
- return root + '/' + path + s;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function isWeChatInAppBrowser() {
|
|
|
|
|
- return /MicroMessenger/i.test(navigator.userAgent || '');
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function launchAppDeepLink(deepLink) {
|
|
|
|
|
- try {
|
|
|
|
|
- var a = document.createElement('a');
|
|
|
|
|
- a.href = deepLink;
|
|
|
|
|
- a.setAttribute('target', '_self');
|
|
|
|
|
- document.body.appendChild(a);
|
|
|
|
|
- a.click();
|
|
|
|
|
- document.body.removeChild(a);
|
|
|
|
|
- } catch (e1) {}
|
|
|
|
|
- try {
|
|
|
|
|
- window.location.href = deepLink;
|
|
|
|
|
- } catch (e2) {}
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /**
|
|
|
|
|
- * App-Plus：检测是否已安装；H5：scheme 唤起 + 超时提示（与 secondShareGoods 一致）。
|
|
|
|
|
- */
|
|
|
|
|
- function tryOpenUShopApp() {
|
|
|
|
|
- var deepLink = buildAppDeepLink();
|
|
|
|
|
-
|
|
|
|
|
- if (typeof plus !== 'undefined' && plus.runtime) {
|
|
|
|
|
- var installed = null;
|
|
|
|
|
- try {
|
|
|
|
|
- if (typeof plus.runtime.isApplicationExist === 'function') {
|
|
|
|
|
- installed = plus.runtime.isApplicationExist({
|
|
|
|
|
- pname: APP_ANDROID_PACKAGE,
|
|
|
|
|
- action: APP_IOS_URL_SCHEME
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- } catch (e) {
|
|
|
|
|
- console.warn(e);
|
|
|
|
|
- }
|
|
|
|
|
- if (installed === false) {
|
|
|
|
|
- showDownloadTip();
|
|
|
|
|
- return;
|
|
|
|
|
- }
|
|
|
|
|
- try {
|
|
|
|
|
- plus.runtime.openURL(deepLink);
|
|
|
|
|
- } catch (e2) {
|
|
|
|
|
- console.warn(e2);
|
|
|
|
|
- showDownloadTip();
|
|
|
|
|
- }
|
|
|
|
|
- return;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- var t0 = Date.now();
|
|
|
|
|
- var done = false;
|
|
|
|
|
- function finish() {
|
|
|
|
|
- if (done) return;
|
|
|
|
|
- done = true;
|
|
|
|
|
- document.removeEventListener('visibilitychange', onVis);
|
|
|
|
|
- window.removeEventListener('pagehide', onHide);
|
|
|
|
|
- }
|
|
|
|
|
- function onVis() {
|
|
|
|
|
- if (document.visibilityState === 'hidden') finish();
|
|
|
|
|
- }
|
|
|
|
|
- function onHide() {
|
|
|
|
|
- finish();
|
|
|
|
|
- }
|
|
|
|
|
- document.addEventListener('visibilitychange', onVis);
|
|
|
|
|
- window.addEventListener('pagehide', onHide);
|
|
|
|
|
-
|
|
|
|
|
- if (isWeChatInAppBrowser()) {
|
|
|
|
|
- window.alert('若点击后无法打开 App：请先点右上角「···」，选择「在浏览器中打开」，再点「APP内打开」。');
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- try {
|
|
|
|
|
- launchAppDeepLink(deepLink);
|
|
|
|
|
- } catch (e3) {
|
|
|
|
|
- finish();
|
|
|
|
|
- showDownloadTip();
|
|
|
|
|
- return;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- window.setTimeout(function () {
|
|
|
|
|
- if (done) return;
|
|
|
|
|
- if (document.visibilityState === 'visible' && Date.now() - t0 < 3500) {
|
|
|
|
|
- showDownloadTip();
|
|
|
|
|
- }
|
|
|
|
|
- finish();
|
|
|
|
|
- }, 2600);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function qs() {
|
|
|
|
|
- return new URLSearchParams(location.search || '');
|
|
|
|
|
- }
|
|
|
|
|
- function q(name) {
|
|
|
|
|
- var v = qs().get(name);
|
|
|
|
|
- return v == null ? '' : String(v);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function showErr(msg) {
|
|
|
|
|
- var el = document.getElementById('pageError');
|
|
|
|
|
- el.textContent = msg;
|
|
|
|
|
- el.style.display = 'block';
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function getStoreId() {
|
|
|
|
|
- return q('id') || q('storeId');
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function apiFetch(path) {
|
|
|
|
|
- return fetch(API_BASE + path, {
|
|
|
|
|
- method: 'GET',
|
|
|
|
|
- mode: 'cors',
|
|
|
|
|
- credentials: 'omit',
|
|
|
|
|
- headers: { Accept: 'application/json' }
|
|
|
|
|
- }).then(function (res) {
|
|
|
|
|
- if (!res.ok) throw new Error('HTTP ' + res.status);
|
|
|
|
|
- return res.json();
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function isApiOk(res) {
|
|
|
|
|
- if (!res || typeof res !== 'object') return false;
|
|
|
|
|
- if (res.success === false) return false;
|
|
|
|
|
- var c = res.code;
|
|
|
|
|
- return c === 200 || c === '200' || Number(c) === 200;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function fetchSecondGlobalRecommend() {
|
|
|
|
|
- var userIdRaw = q('userId').trim();
|
|
|
|
|
- var userId =
|
|
|
|
|
- userIdRaw !== '' && !isNaN(Number(userIdRaw)) ? Number(userIdRaw) : null;
|
|
|
|
|
-
|
|
|
|
|
- var latRaw = (q('userLat') || q('latitude') || q('lat') || q('weidu')).trim();
|
|
|
|
|
- var lngRaw = (q('userLng') || q('longitude') || q('lon') || q('jingdu')).trim();
|
|
|
|
|
- var userLat =
|
|
|
|
|
- latRaw !== '' && !isNaN(Number(latRaw)) ? Number(latRaw) : DEFAULT_REC_USER_LAT;
|
|
|
|
|
- var userLng =
|
|
|
|
|
- lngRaw !== '' && !isNaN(Number(lngRaw)) ? Number(lngRaw) : DEFAULT_REC_USER_LNG;
|
|
|
|
|
-
|
|
|
|
|
- var rkRaw = q('radiusKm').trim();
|
|
|
|
|
- var radiusKm =
|
|
|
|
|
- rkRaw !== '' && !isNaN(Number(rkRaw)) ? Number(rkRaw) : DEFAULT_REC_RADIUS_KM;
|
|
|
|
|
-
|
|
|
|
|
- var page = parseInt(q('page') || '1', 10);
|
|
|
|
|
- var pageSize = parseInt(q('pageSize') || '20', 10);
|
|
|
|
|
- if (isNaN(page) || page < 1) page = 1;
|
|
|
|
|
- if (isNaN(pageSize) || pageSize < 1) pageSize = 20;
|
|
|
|
|
-
|
|
|
|
|
- var c1Raw = q('categoryOneId').trim();
|
|
|
|
|
- var c2Raw = q('categoryTwoId').trim();
|
|
|
|
|
- var categoryOneId =
|
|
|
|
|
- c1Raw === '' || c1Raw.toLowerCase() === 'null'
|
|
|
|
|
- ? null
|
|
|
|
|
- : isNaN(Number(c1Raw))
|
|
|
|
|
- ? null
|
|
|
|
|
- : Number(c1Raw);
|
|
|
|
|
- var categoryTwoId =
|
|
|
|
|
- c2Raw === '' || c2Raw.toLowerCase() === 'null'
|
|
|
|
|
- ? null
|
|
|
|
|
- : isNaN(Number(c2Raw))
|
|
|
|
|
- ? null
|
|
|
|
|
- : Number(c2Raw);
|
|
|
|
|
-
|
|
|
|
|
- var body = {
|
|
|
|
|
- categoryOneId: categoryOneId,
|
|
|
|
|
- categoryTwoId: categoryTwoId,
|
|
|
|
|
- page: page,
|
|
|
|
|
- pageSize: pageSize,
|
|
|
|
|
- radiusKm: radiusKm,
|
|
|
|
|
- userLat: userLat,
|
|
|
|
|
- userLng: userLng,
|
|
|
|
|
- userId: userId
|
|
|
|
|
- };
|
|
|
|
|
-
|
|
|
|
|
- return fetch(API_LIFE_AI_BASE + SECOND_GLOBAL_RECOMMEND_PATH, {
|
|
|
|
|
- method: 'POST',
|
|
|
|
|
- mode: 'cors',
|
|
|
|
|
- credentials: 'omit',
|
|
|
|
|
- headers: {
|
|
|
|
|
- Accept: 'application/json',
|
|
|
|
|
- 'Content-Type': 'application/json;charset=UTF-8'
|
|
|
|
|
- },
|
|
|
|
|
- body: JSON.stringify(body)
|
|
|
|
|
- }).then(function (res) {
|
|
|
|
|
- if (!res.ok) throw new Error('HTTP ' + res.status);
|
|
|
|
|
- return res.json();
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function normalizeGlobalRecommendList(res) {
|
|
|
|
|
- if (!res || typeof res !== 'object') return [];
|
|
|
|
|
- var raw = null;
|
|
|
|
|
- if (isApiOk(res)) {
|
|
|
|
|
- raw = res.data != null ? res.data : res.result;
|
|
|
|
|
- }
|
|
|
|
|
- if (Array.isArray(raw)) return raw;
|
|
|
|
|
- if (raw && typeof raw === 'object') {
|
|
|
|
|
- if (Array.isArray(raw.list)) return raw.list;
|
|
|
|
|
- if (Array.isArray(raw.records)) return raw.records;
|
|
|
|
|
- if (Array.isArray(raw.rows)) return raw.rows;
|
|
|
|
|
- if (Array.isArray(raw.content)) return raw.content;
|
|
|
|
|
- }
|
|
|
|
|
- return [];
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function buildHeroSlides(urls) {
|
|
|
|
|
- var track = document.getElementById('heroTrack');
|
|
|
|
|
- var dotsWrap = document.getElementById('heroDots');
|
|
|
|
|
- track.innerHTML = '';
|
|
|
|
|
- dotsWrap.innerHTML = '';
|
|
|
|
|
- var list = (urls || []).filter(Boolean);
|
|
|
|
|
- if (!list.length) {
|
|
|
|
|
- var slide = document.createElement('div');
|
|
|
|
|
- slide.className = 'hero__slide';
|
|
|
|
|
- var img = document.createElement('img');
|
|
|
|
|
- img.src = 'images/hero.png';
|
|
|
|
|
- img.alt = '店铺';
|
|
|
|
|
- slide.appendChild(img);
|
|
|
|
|
- track.appendChild(slide);
|
|
|
|
|
- var dot = document.createElement('span');
|
|
|
|
|
- dot.className = 'hero__dot is-active';
|
|
|
|
|
- dotsWrap.appendChild(dot);
|
|
|
|
|
- return initHeroCarousel(1);
|
|
|
|
|
- }
|
|
|
|
|
- list.forEach(function (url, d) {
|
|
|
|
|
- var slide = document.createElement('div');
|
|
|
|
|
- slide.className = 'hero__slide';
|
|
|
|
|
- var img = document.createElement('img');
|
|
|
|
|
- img.src = url;
|
|
|
|
|
- img.alt = '店铺图';
|
|
|
|
|
- slide.appendChild(img);
|
|
|
|
|
- track.appendChild(slide);
|
|
|
|
|
- var dot = document.createElement('span');
|
|
|
|
|
- dot.className = 'hero__dot' + (d === 0 ? ' is-active' : '');
|
|
|
|
|
- dotsWrap.appendChild(dot);
|
|
|
|
|
- });
|
|
|
|
|
- initHeroCarousel(list.length);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- var heroI = 0;
|
|
|
|
|
- var heroTimer = null;
|
|
|
|
|
- function initHeroCarousel(slides) {
|
|
|
|
|
- var track = document.getElementById('heroTrack');
|
|
|
|
|
- var dotsWrap = document.getElementById('heroDots');
|
|
|
|
|
- var dots = dotsWrap.querySelectorAll('.hero__dot');
|
|
|
|
|
- if (slides < 2) return;
|
|
|
|
|
-
|
|
|
|
|
- function go(n) {
|
|
|
|
|
- heroI = (n + slides) % slides;
|
|
|
|
|
- track.style.transform = 'translateX(' + (-heroI * 100) + '%)';
|
|
|
|
|
- dots.forEach(function (el, idx) {
|
|
|
|
|
- el.classList.toggle('is-active', idx === heroI);
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- if (heroTimer) clearInterval(heroTimer);
|
|
|
|
|
- heroTimer = setInterval(function () { go(heroI + 1); }, 4000);
|
|
|
|
|
-
|
|
|
|
|
- var hero = document.getElementById('hero');
|
|
|
|
|
- var startX = 0;
|
|
|
|
|
- hero.addEventListener('touchstart', function (e) {
|
|
|
|
|
- startX = e.changedTouches[0].clientX;
|
|
|
|
|
- }, { passive: true });
|
|
|
|
|
- hero.addEventListener('touchend', function (e) {
|
|
|
|
|
- var dx = e.changedTouches[0].clientX - startX;
|
|
|
|
|
- if (Math.abs(dx) > 40) go(dx < 0 ? heroI + 1 : heroI - 1);
|
|
|
|
|
- }, { passive: true });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function timeToMinutes(t) {
|
|
|
|
|
- var parts = String(t || '').trim().split(':');
|
|
|
|
|
- var h = parseInt(parts[0], 10) || 0;
|
|
|
|
|
- var m = parseInt(parts[1], 10) || 0;
|
|
|
|
|
- return h * 60 + m;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function isTimeInRange(startTime, endTime) {
|
|
|
|
|
- var s = String(startTime || '').trim();
|
|
|
|
|
- var e = String(endTime || '').trim();
|
|
|
|
|
- if (s === '00:00' && e === '00:00') return true;
|
|
|
|
|
- if (s === '00:00' && e === '23:59') return true;
|
|
|
|
|
- var cur = new Date().getHours() * 60 + new Date().getMinutes();
|
|
|
|
|
- var sm = timeToMinutes(s);
|
|
|
|
|
- var em = timeToMinutes(e);
|
|
|
|
|
- if (em < sm) {
|
|
|
|
|
- return cur >= sm || cur <= em;
|
|
|
|
|
- }
|
|
|
|
|
- return cur >= sm && cur <= em;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function parseHolidayDate(str) {
|
|
|
|
|
- if (!str) return null;
|
|
|
|
|
- var d = new Date(String(str).trim().replace(/-/g, '/'));
|
|
|
|
|
- return isNaN(d.getTime()) ? null : d;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function isTodayInHolidayRange(holidayInfo) {
|
|
|
|
|
- if (!holidayInfo) return false;
|
|
|
|
|
- var hi = holidayInfo;
|
|
|
|
|
- if (typeof hi === 'string') {
|
|
|
|
|
- try {
|
|
|
|
|
- hi = JSON.parse(hi);
|
|
|
|
|
- } catch (err) {
|
|
|
|
|
- return false;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- var start = hi.startDate || hi.holidayStartDate || hi.beginDate || hi.start || hi.holidayStart;
|
|
|
|
|
- var end = hi.endDate || hi.holidayEndDate || hi.finishDate || hi.end || hi.holidayEnd;
|
|
|
|
|
- if (!start || !end) return false;
|
|
|
|
|
- var startD = parseHolidayDate(start);
|
|
|
|
|
- var endD = parseHolidayDate(end);
|
|
|
|
|
- if (!startD || !endD) return false;
|
|
|
|
|
- var today = new Date();
|
|
|
|
|
- today.setHours(0, 0, 0, 0);
|
|
|
|
|
- startD.setHours(0, 0, 0, 0);
|
|
|
|
|
- endD.setHours(0, 0, 0, 0);
|
|
|
|
|
- return today >= startD && today <= endD;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function findNormalBusinessInfo(list) {
|
|
|
|
|
- var wdJs = new Date().getDay();
|
|
|
|
|
- var i;
|
|
|
|
|
- var x;
|
|
|
|
|
- var w;
|
|
|
|
|
- for (i = 0; i < list.length; i++) {
|
|
|
|
|
- x = list[i];
|
|
|
|
|
- if (!x || x.holidayInfo) continue;
|
|
|
|
|
- w = x.weekDay != null ? x.weekDay : x.week;
|
|
|
|
|
- if (w === undefined || w === null) continue;
|
|
|
|
|
- if (Number(w) === wdJs) return x;
|
|
|
|
|
- }
|
|
|
|
|
- var wdMap = wdJs === 0 ? 7 : wdJs;
|
|
|
|
|
- for (i = 0; i < list.length; i++) {
|
|
|
|
|
- x = list[i];
|
|
|
|
|
- if (!x || x.holidayInfo) continue;
|
|
|
|
|
- w = x.weekDay != null ? x.weekDay : x.week;
|
|
|
|
|
- if (w === undefined || w === null) continue;
|
|
|
|
|
- if (Number(w) === wdMap) return x;
|
|
|
|
|
- }
|
|
|
|
|
- for (i = 0; i < list.length; i++) {
|
|
|
|
|
- x = list[i];
|
|
|
|
|
- if (x && !x.holidayInfo && (x.startTime || x.endTime)) return x;
|
|
|
|
|
- }
|
|
|
|
|
- return null;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /** 营业状态：暂停营业 | 商家暂未配置营业时间 | 休息中 | 营业中 xx:xx至xx:xx | 营业中 全天营业 */
|
|
|
|
|
- function computeBusinessStatusDisplay(d) {
|
|
|
|
|
- if (!d) return { text: '—', isOpen: false };
|
|
|
|
|
- if (Number(d.businessStatus) === 1) {
|
|
|
|
|
- return { text: '暂停营业', isOpen: false };
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- var list = d.storeBusinessInfoVos || d.storeBusinessInfos || [];
|
|
|
|
|
- if (!list.length) {
|
|
|
|
|
- return { text: '商家暂未配置营业时间', isOpen: false };
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- var holidayList = Array.isArray(d.holidayBusinessInfoList) && d.holidayBusinessInfoList.length
|
|
|
|
|
- ? d.holidayBusinessInfoList
|
|
|
|
|
- : list.filter(function (item) { return item && item.holidayInfo; });
|
|
|
|
|
-
|
|
|
|
|
- var todayHolidayItem = holidayList.find(function (item) {
|
|
|
|
|
- return isTodayInHolidayRange(item.holidayInfo);
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- var normal = d.normalBusinessInfo || d.normalBusinessInfoVo || findNormalBusinessInfo(list);
|
|
|
|
|
-
|
|
|
|
|
- var isOpen = false;
|
|
|
|
|
- var currentItem = null;
|
|
|
|
|
-
|
|
|
|
|
- if (todayHolidayItem) {
|
|
|
|
|
- isOpen = isTimeInRange(todayHolidayItem.startTime, todayHolidayItem.endTime);
|
|
|
|
|
- currentItem = todayHolidayItem;
|
|
|
|
|
- } else if (normal) {
|
|
|
|
|
- isOpen = isTimeInRange(normal.startTime, normal.endTime);
|
|
|
|
|
- currentItem = normal;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- if (!currentItem) return { text: '休息中', isOpen: false };
|
|
|
|
|
- if (!isOpen) return { text: '休息中', isOpen: false };
|
|
|
|
|
-
|
|
|
|
|
- var st = String(currentItem.startTime || '').trim();
|
|
|
|
|
- var et = String(currentItem.endTime || '').trim();
|
|
|
|
|
- if (st === '00:00' && et === '00:00') return { text: '营业中 全天营业', isOpen: true };
|
|
|
|
|
- if (st === '00:00' && et === '23:59') return { text: '营业中 全天营业', isOpen: true };
|
|
|
|
|
- var needNextDay = timeToMinutes(et) < timeToMinutes(st);
|
|
|
|
|
- var suffix = (needNextDay ? '次日' : '') + et;
|
|
|
|
|
- return { text: ('营业中 ' + st + ' 至 ' + suffix).trim(), isOpen: true };
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function renderDetail(d) {
|
|
|
|
|
- if (!d) return;
|
|
|
|
|
- document.getElementById('storeName').textContent = d.storeName || '—';
|
|
|
|
|
- var score = d.scoreAvg != null ? Number(d.scoreAvg) : NaN;
|
|
|
|
|
- document.getElementById('scoreAvg').textContent = !isNaN(score) ? score.toFixed(1) : '—';
|
|
|
|
|
- document.getElementById('commitCount').textContent = d.commitCount != null ? String(d.commitCount) : '0';
|
|
|
|
|
- var bizDisp = computeBusinessStatusDisplay(d);
|
|
|
|
|
- var bizEl = document.getElementById('bizStatus');
|
|
|
|
|
- bizEl.textContent = bizDisp.text;
|
|
|
|
|
- bizEl.className = 'status' + (bizDisp.isOpen ? ' is-open' : '');
|
|
|
|
|
- document.getElementById('hoursText').textContent = '';
|
|
|
|
|
- document.getElementById('storeAddr').textContent = d.queryAddress || d.storeAddress || '—';
|
|
|
|
|
-
|
|
|
|
|
- if (d.distance != null) {
|
|
|
|
|
- document.getElementById('metaDistance').style.display = 'flex';
|
|
|
|
|
- document.getElementById('distanceText').textContent =
|
|
|
|
|
- '距您' + (Number(d.distance) > 1 ? d.distance + '千米' : Math.round(Number(d.distance) * 1000) + '米');
|
|
|
|
|
- }
|
|
|
|
|
- if (d.subwayName && d.distance2 != null) {
|
|
|
|
|
- document.getElementById('metaSubway').style.display = 'flex';
|
|
|
|
|
- document.getElementById('subwayText').textContent =
|
|
|
|
|
- '距' + d.subwayName + '步行' + (Number(d.distance2) >= 1000
|
|
|
|
|
- ? (Number(d.distance2) / 1000).toFixed(1) + 'km'
|
|
|
|
|
- : Math.round(Number(d.distance2)) + 'm');
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- var imgs = [];
|
|
|
|
|
- if (Array.isArray(d.storeAlbumUrlList) && d.storeAlbumUrlList.length) imgs = d.storeAlbumUrlList.slice();
|
|
|
|
|
- else if (d.entranceImage) imgs = [d.entranceImage];
|
|
|
|
|
- buildHeroSlides(imgs);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function formatRecDist(m) {
|
|
|
|
|
- if (m == null || m === '') return '';
|
|
|
|
|
- var n = Number(m);
|
|
|
|
|
- if (isNaN(n)) return String(m);
|
|
|
|
|
- return n >= 1000 ? (n / 1000).toFixed(1) + 'km' : Math.round(n) + 'm';
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function escHtml(s) {
|
|
|
|
|
- return String(s == null ? '' : s)
|
|
|
|
|
- .replace(/&/g, '&')
|
|
|
|
|
- .replace(/</g, '<')
|
|
|
|
|
- .replace(/>/g, '>')
|
|
|
|
|
- .replace(/"/g, '"');
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /** global-recommend records：homeImage、title、position、dist、price、amount、likeCount、collectCount、userName、userImage */
|
|
|
|
|
- function renderRecommended(list) {
|
|
|
|
|
- var wrap = document.getElementById('recList');
|
|
|
|
|
- var empty = document.getElementById('recEmpty');
|
|
|
|
|
- wrap.querySelectorAll('.rec-card').forEach(function (n) {
|
|
|
|
|
- n.remove();
|
|
|
|
|
- });
|
|
|
|
|
- if (!list || !list.length) {
|
|
|
|
|
- empty.style.display = 'block';
|
|
|
|
|
- return;
|
|
|
|
|
- }
|
|
|
|
|
- empty.style.display = 'none';
|
|
|
|
|
- list.forEach(function (item) {
|
|
|
|
|
- if (!item || typeof item !== 'object') return;
|
|
|
|
|
- var card = document.createElement('article');
|
|
|
|
|
- card.className = 'rec-card';
|
|
|
|
|
- var home = item.homeImage != null ? String(item.homeImage).trim() : '';
|
|
|
|
|
- if (home && /\.mp4(\?|#|$)/i.test(home)) {
|
|
|
|
|
- var vf = item.videoFirstFrame != null ? String(item.videoFirstFrame).trim() : '';
|
|
|
|
|
- if (vf) home = vf;
|
|
|
|
|
- }
|
|
|
|
|
- var imgUrl =
|
|
|
|
|
- home ||
|
|
|
|
|
- (item.coverUrl != null ? String(item.coverUrl).trim() : '') ||
|
|
|
|
|
- (item.mainImage != null ? String(item.mainImage).trim() : '') ||
|
|
|
|
|
- (item.goodsImage != null ? String(item.goodsImage).trim() : '') ||
|
|
|
|
|
- (Array.isArray(item.goodsImageList) && item.goodsImageList[0]) ||
|
|
|
|
|
- (Array.isArray(item.imageList) && item.imageList[0]) ||
|
|
|
|
|
- 'images/hero.png';
|
|
|
|
|
- var name = item.title != null && String(item.title).trim() !== ''
|
|
|
|
|
- ? String(item.title).replace(/\r?\n/g, ' ').replace(/\s+/g, ' ').trim()
|
|
|
|
|
- : (item.goodsName ||
|
|
|
|
|
- item.secondGoodsTitle ||
|
|
|
|
|
- item.name ||
|
|
|
|
|
- '商品');
|
|
|
|
|
- var dist = '';
|
|
|
|
|
- if (item.position != null && String(item.position).trim() !== '') {
|
|
|
|
|
- dist = String(item.position).trim();
|
|
|
|
|
- } else if (item.dist != null && item.dist !== '') {
|
|
|
|
|
- var dn = Number(item.dist);
|
|
|
|
|
- if (!isNaN(dn)) {
|
|
|
|
|
- dist = dn.toFixed(dn % 1 === 0 ? 0 : 2) + 'km';
|
|
|
|
|
- }
|
|
|
|
|
- } else if (item.distance != null && item.distance !== '') {
|
|
|
|
|
- var d2 = Number(item.distance);
|
|
|
|
|
- dist = !isNaN(d2) ? d2.toFixed(d2 % 1 === 0 ? 0 : 2) + 'km' : String(item.distance);
|
|
|
|
|
- }
|
|
|
|
|
- var priceStr = '';
|
|
|
|
|
- if (item.price != null && String(item.price).trim() !== '') {
|
|
|
|
|
- var ps = String(item.price).trim();
|
|
|
|
|
- var pNum = parseFloat(ps.replace(/[^\d.]/g, ''));
|
|
|
|
|
- priceStr = !isNaN(pNum) ? pNum.toFixed(2) : ps;
|
|
|
|
|
- } else if (item.amount != null && item.amount !== '') {
|
|
|
|
|
- var an = Number(item.amount);
|
|
|
|
|
- priceStr = !isNaN(an) ? an.toFixed(2) : String(item.amount);
|
|
|
|
|
- } else {
|
|
|
|
|
- priceStr = '—';
|
|
|
|
|
- }
|
|
|
|
|
- var seller =
|
|
|
|
|
- item.userName != null && String(item.userName).trim() !== ''
|
|
|
|
|
- ? String(item.userName).trim()
|
|
|
|
|
- : '';
|
|
|
|
|
- var userImg =
|
|
|
|
|
- item.userImage != null && String(item.userImage).trim() !== ''
|
|
|
|
|
- ? String(item.userImage).trim()
|
|
|
|
|
- : '';
|
|
|
|
|
- var likeN = item.likeCount != null ? Number(item.likeCount) : NaN;
|
|
|
|
|
- var colN = item.collectCount != null ? Number(item.collectCount) : NaN;
|
|
|
|
|
- var metaBits = [];
|
|
|
|
|
- // if (!isNaN(likeN)) metaBits.push(likeN + '赞');
|
|
|
|
|
- // if (!isNaN(colN)) metaBits.push(colN + '想要');
|
|
|
|
|
- var metaRight = metaBits.join(' · ');
|
|
|
|
|
- var showSellerRow = !!(seller || userImg);
|
|
|
|
|
-
|
|
|
|
|
- card.innerHTML =
|
|
|
|
|
- '<div class="rec-card__img"><img class="rec-card__cover" src="" alt=""></div>' +
|
|
|
|
|
- '<div class="rec-card__body">' +
|
|
|
|
|
- '<div class="rec-card__top">' +
|
|
|
|
|
- '<span class="rec-card__name">' + escHtml(name) + '</span>' +
|
|
|
|
|
- (dist ? '<span class="rec-card__dist">' + escHtml(dist) + '</span>' : '') +
|
|
|
|
|
- '</div>' +
|
|
|
|
|
- '<div class="rec-card__rating">' +
|
|
|
|
|
- '<span class="rec-meta" style="color:#E62E2E;font-weight:600;">¥' + escHtml(priceStr) + '</span>' +
|
|
|
|
|
- (metaRight
|
|
|
|
|
- ? '<span class="rec-meta">' + escHtml(metaRight) + '</span>'
|
|
|
|
|
- : '') +
|
|
|
|
|
- '</div>' +
|
|
|
|
|
- (showSellerRow
|
|
|
|
|
- ? '<div class="rec-card__seller">' +
|
|
|
|
|
- '<img class="rec-card__avatar" src="" alt="" width="22" height="22" decoding="async">' +
|
|
|
|
|
- (seller ? '<span class="rec-card__seller-name">' + escHtml(seller) + '</span>' : '') +
|
|
|
|
|
- '</div>'
|
|
|
|
|
- : '') +
|
|
|
|
|
- '</div>';
|
|
|
|
|
- var coverIm = card.querySelector('img.rec-card__cover');
|
|
|
|
|
- if (coverIm) {
|
|
|
|
|
- coverIm.src = imgUrl;
|
|
|
|
|
- coverIm.onerror = function () {
|
|
|
|
|
- this.onerror = null;
|
|
|
|
|
- this.src = 'images/hero.png';
|
|
|
|
|
- };
|
|
|
|
|
- }
|
|
|
|
|
- var avIm = card.querySelector('img.rec-card__avatar');
|
|
|
|
|
- if (avIm) {
|
|
|
|
|
- avIm.src = userImg || 'images/demouser.png';
|
|
|
|
|
- avIm.onerror = function () {
|
|
|
|
|
- this.onerror = null;
|
|
|
|
|
- this.src = 'images/demouser.png';
|
|
|
|
|
- };
|
|
|
|
|
- }
|
|
|
|
|
- wrap.appendChild(card);
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function run() {
|
|
|
|
|
- fetchSecondGlobalRecommend()
|
|
|
|
|
- .then(function (res) {
|
|
|
|
|
- var list = normalizeGlobalRecommendList(res);
|
|
|
|
|
- if (!list.length && res && res.msg) {
|
|
|
|
|
- console.warn('[global-recommend]', res.msg);
|
|
|
|
|
- }
|
|
|
|
|
- renderRecommended(list);
|
|
|
|
|
- })
|
|
|
|
|
- .catch(function (e) {
|
|
|
|
|
- console.error(e);
|
|
|
|
|
- renderRecommended([]);
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function boot() {
|
|
|
|
|
- run();
|
|
|
|
|
- var openBtn = document.getElementById('openApp');
|
|
|
|
|
- if (openBtn) {
|
|
|
|
|
- openBtn.addEventListener('click', function () {
|
|
|
|
|
- tryOpenUShopApp();
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- if (document.readyState === 'complete') {
|
|
|
|
|
- boot();
|
|
|
|
|
- } else {
|
|
|
|
|
- window.onload = boot;
|
|
|
|
|
- }
|
|
|
|
|
- })();
|
|
|
|
|
- </script>
|
|
|
|
|
-</body>
|
|
|
|
|
-</html>
|
|
|
LuTong