diff --git a/components/ActivateAgentPopup.vue b/components/ActivateAgentPopup.vue index ca8919a..8458434 100644 --- a/components/ActivateAgentPopup.vue +++ b/components/ActivateAgentPopup.vue @@ -19,7 +19,7 @@ @@ -29,8 +29,8 @@ - {{ agent.nameChinese }} - {{ agent.namePinyin }} + {{ agent.name }} + @@ -39,10 +39,10 @@ - {{ agent.status }} + {{ agent.status==1?'已激活':'待激活' }} @@ -54,42 +54,10 @@ \ No newline at end of file +.memorial-detail { + min-height: 100vh; + background: #f8f9fa; + padding-bottom: env(safe-area-inset-bottom); +} + +// 主图区域 +.main-image-section { + width: 100%; + height: 600rpx; + background: #f0f0f0; + display: flex; + align-items: center; + justify-content: center; + + .main-image { + width: 100%; + height: 100%; + object-fit: cover; + } +} + +// 通用卡片样式 +.asset-info-card, +.cert-info-card, +.product-detail-card { + margin: 20rpx; + background: white; + border-radius: 16rpx; + padding: 32rpx; + box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08); +} +.asset-title { + font-size: 44rpx; + font-weight: 600; + color: #333; + line-height: 1.4; + text-align: center; + margin-top: 45rpx; +} +// 数字资产信息卡片 +.asset-info-card { + .card-header { + margin-bottom: 32rpx; + } + + .info-row { + display: flex; + margin-bottom: 20rpx; + align-items: center; + + .info-label { + font-size: 28rpx; + color: #989898; + margin-right: 16rpx; + flex-shrink: 0; + text-align: center; + } + + .info-value { + font-size: 28rpx; + color: #333; + flex: 1; + } + } + + .divider { + height: 1rpx; + background: #e0e0e0; + margin: 24rpx 0; + } + + // 收藏信息 + .collection-info { + margin-top: 40rpx; + padding: 32rpx; + background: #f8f9fa; + border-radius: 12rpx; + border: 2rpx solid #e0e0e0; + + .collection-header { + text-align: center; + font-size: 28rpx; + color: #666; + margin-bottom: 24rpx; + font-weight: 500; + } + + .collector-info { + display: grid; + grid-template-columns: auto auto; + gap: 16rpx 24rpx; + text-align: center; + + .collector-label, + .collection-number, + .collection-time-label { + font-size: 24rpx; + color: #666; + } + + .collector-name, + .collection-code, + .collection-time { + font-size: 26rpx; + color: #333; + font-weight: 500; + } + + .collection-code { + font-family: "Courier New", monospace; + } + + .collection-time { + font-family: "Courier New", monospace; + } + } + } +} + +// 认证信息卡片 +.cert-info-card { + .cert-header { + text-align: center; + font-size: 28rpx; + color: #666; + margin-bottom: 32rpx; + font-weight: 500; + } + + .cert-row { + margin-bottom: 24rpx; + padding-bottom: 20rpx; + border-bottom: 1rpx solid #f0f0f0; + + &:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; + } + + .cert-label { + display: block; + font-size: 26rpx; + color: #666; + margin-bottom: 8rpx; + } + + .cert-value { + display: block; + font-size: 24rpx; + color: #333; + font-family: "Courier New", monospace; + word-break: break-all; + line-height: 1.5; + } + } +} + +// 藏品详情卡片 +.product-detail-card { + .product-header { + text-align: center; + font-size: 28rpx; + color: #000000; + margin-bottom: 32rpx; + font-weight: bold; + } + + .product-content { + .product-description { + font-size: 28rpx; + color: #333; + line-height: 1.6; + } + } +} + +.banner-content { + width: 100%; + height: 1624rpx; + position: relative; + + .top-banner { + width: 100%; + height: 100%; + border-radius: 20rpx; + } + + .dot-container { + position: absolute; + bottom: 43rpx; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + left: 0; + + .dot-line { + width: 52rpx; + height: 4rpx; + margin: 0 8rpx; + background: RGBA(189, 170, 173, 0.8); + + &.active { + background: #94fafa; + } + } + } + + .page-indicator { + position: absolute; + bottom: 20rpx; + right: 20rpx; + // background: rgba(0, 0, 0, 0.5); + border-radius: 10rpx; + padding: 10rpx 20rpx; + + .page-text { + font-size: 24rpx; + color: #fff; + font-weight: 500; + } + } +} +.content { + margin: 30rpx; + background: white; + border-radius: 16rpx; + padding: 20rpx; + box-shadow: 0 4rpx 20rpx #00ff02; +} + +// 发行数量胶囊 +.issue-quantity-pill { + display: flex; + justify-content: center; + margin: 30rpx 0; + + .pill-text { + background: linear-gradient(135deg, #00fffe, #00ff08); + border-radius: 50rpx; + padding: 10rpx 20rpx; + font-size: 24rpx; + color: #333333; + font-weight: 500; + } +} + +// 信息区域 +.info-section { + margin: 20rpx 0; + + .info-row { + display: flex; + flex-direction: column; + gap: 20rpx; + } + + .info-item { + display: flex; + flex-direction: column; + gap: 8rpx; + padding: 16rpx; + align-items: center; + .info-label { + font-size: 24rpx; + color: #989898; + font-weight: 500; + } + + .info-value { + font-size: 28rpx; + color: #333; + font-weight: bold; + word-break: break-all; + } + } +} + +// 分割线 +.section-divider { + height: 2rpx; + background: #e5e5e5; + margin: 30rpx 0; +} + +// 授权码和下载按钮区域 +.auth-section { + margin: 20rpx 0; + + .auth-code-item { + display: flex; + flex-direction: column; + gap: 8rpx; + padding: 16rpx; + margin-bottom: 30rpx; + align-items: center; + + .info-label { + font-size: 24rpx; + color: #989898; + font-weight: 500; + } + + .auth-code-value { + font-size: 24rpx; + color: #333; + font-family: "Courier New", monospace; + font-weight: bold; + word-break: break-all; + padding: 12rpx; + border-radius: 8rpx; + } + } + + .download-button { + display: flex; + justify-content: center; + align-items: center; + background: linear-gradient(135deg, #00fffe, #00ff08); + width: 334rpx; + border-radius: 20rpx; + padding: 15rpx 40rpx; + transition: all 0.3s ease; + margin: 0 auto; + + &:active { + transform: scale(0.95); + box-shadow: 0 2rpx 10rpx rgba(119, 243, 249, 0.5); + } + + .download-text { + margin: 0 auto; + font-size: 28rpx; + color: #000000; + font-weight: bold; + } + } +} +