我的收藏：成功接入
This commit is contained in:
WindowBird
parent
87af146096
commit
62f77290e3
|
|
@ -10,7 +10,7 @@
|
||||||
:search-icon="CommonEnum.SEARCH"
|
:search-icon="CommonEnum.SEARCH"
|
||||||
:width="'682rpx'"
|
:width="'682rpx'"
|
||||||
btn-text="搜索"
|
btn-text="搜索"
|
||||||
placeholder="请输入姓名或分区进行查找"
|
placeholder="请输入姓名"
|
||||||
@search="handleSearch"
|
@search="handleSearch"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,55 +3,68 @@
|
||||||
<base-background />
|
<base-background />
|
||||||
<custom-navbar ref="customNavbar" title="我的收藏" />
|
<custom-navbar ref="customNavbar" title="我的收藏" />
|
||||||
<view class="header">
|
<view class="header">
|
||||||
<template>
|
<view>
|
||||||
<view class="blessing-container">
|
<view class="container">
|
||||||
<!-- 标题区域 -->
|
<!-- 滚动内容区域 -->
|
||||||
|
<scroll-view class="scroll-content">
|
||||||
<!-- 祈福卡片列表 -->
|
<!-- 动态渲染往生者信息 -->
|
||||||
<view class="blessing-list">
|
|
||||||
<view
|
<view
|
||||||
v-for="(item, index) in winB_List"
|
v-for="(item, index) in winB_List"
|
||||||
:key="index"
|
:key="item.id"
|
||||||
class="blessing-card"
|
class="memorial-text"
|
||||||
@click="goToMemorialHall(item.memorialId)"
|
|
||||||
>
|
>
|
||||||
<view class="blessing-time-type">
|
<!-- 顶部信息 -->
|
||||||
<!-- 时间 -->
|
<view class="memorial-header">
|
||||||
<text class="blessing-time">{{ item.prayTime }}</text>
|
<view class="location">{{ item.memorialCode }}</view>
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 祈福人信息 -->
|
|
||||||
<view class="blessing-info">
|
|
||||||
<view class="info-item">
|
|
||||||
<text class="info-label">称谓</text>
|
|
||||||
<text class="info-value">{{ item.memorialName }}</text>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="info-item">
|
|
||||||
<text class="info-label">编号</text>
|
|
||||||
<text class="info-value">{{ item.memorialCode }}</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 心愿内容 -->
|
|
||||||
<view class="wish-content">
|
|
||||||
<text class="wish-label">心愿内容</text>
|
|
||||||
<text class="wish-text">{{ item.content }}</text>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 分割线 -->
|
|
||||||
<view
|
<view
|
||||||
v-if="index < winB_List.length - 1"
|
style="color: #522510"
|
||||||
class="card-divider"
|
@click="goToMemorialHall(item.memorialId)"
|
||||||
></view>
|
>查看详细
|
||||||
|
<u-icon name="arrow-right"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 刻铭标题 -->
|
||||||
|
<view class="title">刻铭</view>
|
||||||
|
|
||||||
|
<view class="flex-row">
|
||||||
|
<view class="name">
|
||||||
|
<view class="honorific"
|
||||||
|
>{{ item.deceasedVOList.honorific }}
|
||||||
|
</view>
|
||||||
|
<view class="fullName"
|
||||||
|
>{{ item.deceasedVOList.fullName }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="date">
|
||||||
|
<view class="bornDate">
|
||||||
|
<view>生</view>
|
||||||
|
<view>{{ item.deceasedVOList.bornYear }}</view>
|
||||||
|
<view class="time">年</view>
|
||||||
|
<view>{{ item.deceasedVOList.bornMonths }}</view>
|
||||||
|
<view class="time">月</view>
|
||||||
|
<view>{{ item.deceasedVOList.bornDay }}</view>
|
||||||
|
<view class="time">日</view>
|
||||||
|
</view>
|
||||||
|
<view class="diedDate">
|
||||||
|
<view>卒</view>
|
||||||
|
<view>{{ item.deceasedVOList.diedYear || "吉" }}</view>
|
||||||
|
<view class="time">年</view>
|
||||||
|
<view>{{ item.deceasedVOList.diedMonths || "吉利" }}</view>
|
||||||
|
<view class="time">月</view>
|
||||||
|
<view>{{ item.deceasedVOList.diedDay || "吉" }}</view>
|
||||||
|
<view class="time">日</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 捐赠弹窗 -->
|
<!-- 捐赠弹窗 -->
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -96,10 +109,6 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
page {
|
|
||||||
background: #f5f0e7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
.page {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -108,195 +117,164 @@ page {
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding: 0 15rpx;
|
padding: 30rpx 30rpx 0;
|
||||||
|
min-height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blessing-container {
|
.container {
|
||||||
padding: 30rpx;
|
|
||||||
//background-color: #faf8f5; // 浅米色背景
|
|
||||||
min-height: 100vh;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
//border: 1px red solid;
|
||||||
|
height: 862rpx;
|
||||||
.blessing-header {
|
//padding: 34rpx 32rpx 0 32rpx;
|
||||||
margin-bottom: 40rpx;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
.header-title {
|
|
||||||
font-size: 36rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #333;
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-subtitle {
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.blessing-list {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.blessing-card {
|
.memorial-header {
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 20rpx;
|
|
||||||
padding: 30rpx;
|
|
||||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
|
|
||||||
position: relative;
|
|
||||||
border: 1px solid #c7a26d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.blessing-time-type {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
border-bottom: 2px solid #f8f8f8;
|
|
||||||
margin-bottom: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.blessing-time {
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #666;
|
|
||||||
margin-bottom: 20rpx;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.blessing-type {
|
|
||||||
margin-bottom: 25rpx;
|
|
||||||
|
|
||||||
.type-text {
|
|
||||||
background-color: #8b4513; // 深棕色背景
|
|
||||||
color: #fff;
|
|
||||||
font-size: 28rpx;
|
|
||||||
font-weight: 500;
|
|
||||||
padding: 8rpx 20rpx;
|
|
||||||
border-radius: 6rpx;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.blessing-info {
|
|
||||||
margin-bottom: 25rpx;
|
|
||||||
|
|
||||||
.info-item {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 15rpx;
|
//border: 1px red solid;
|
||||||
|
padding-left: 2rpx;
|
||||||
|
height: 54rpx;
|
||||||
|
margin-bottom: 26rpx;
|
||||||
|
|
||||||
&:last-child {
|
.location {
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-label {
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #666;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-value {
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #333;
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
flex: 1;
|
font-size: 40rpx;
|
||||||
text-align: right;
|
color: #522510;
|
||||||
|
line-height: 54rpx;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.wish-content {
|
.title {
|
||||||
.wish-label {
|
margin-bottom: 22rpx;
|
||||||
font-size: 28rpx;
|
|
||||||
color: #666;
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wish-text {
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #333;
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 1.4;
|
font-size: 40rpx;
|
||||||
display: block;
|
color: #522510;
|
||||||
}
|
line-height: 54rpx;
|
||||||
|
text-align: left;
|
||||||
|
//border: 1px red solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-divider {
|
.scroll-content {
|
||||||
height: 1rpx;
|
|
||||||
background-color: #eee;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 响应式设计 */
|
.loading-container {
|
||||||
@media (max-width: 375px) {
|
display: flex;
|
||||||
.blessing-container {
|
justify-content: center;
|
||||||
padding: 20rpx;
|
align-items: center;
|
||||||
|
height: 100rpx; /* Adjust height as needed */
|
||||||
|
margin-bottom: 22rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blessing-card {
|
.loading-text {
|
||||||
padding: 24rpx;
|
font-size: 28rpx;
|
||||||
|
color: #522510;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blessing-time {
|
.empty-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100rpx;
|
||||||
|
margin-bottom: 22rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-text {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.memorial-text {
|
||||||
|
background: #fffbf5;
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 38rpx;
|
||||||
|
font-weight: 400;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
|
color: #4c382e;
|
||||||
|
line-height: 32rpx;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: left;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: none;
|
||||||
|
flex-direction: column;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border: 1px solid #c7a26d;
|
||||||
|
border-radius: 15rpx;
|
||||||
|
padding: 20rpx;
|
||||||
|
|
||||||
|
.flex-row {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.type-text {
|
.name {
|
||||||
font-size: 26rpx !important;
|
margin-top: 4rpx;
|
||||||
padding: 6rpx 16rpx !important;
|
display: flex;
|
||||||
|
margin-right: 34rpx;
|
||||||
|
|
||||||
|
.honorific {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #4c382e;
|
||||||
|
line-height: 32rpx;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: left;
|
||||||
|
margin-right: 16rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-label,
|
.fullName {
|
||||||
.info-value {
|
font-weight: 400;
|
||||||
font-size: 26rpx !important;
|
font-size: 28rpx;
|
||||||
}
|
color: #4c382e;
|
||||||
|
line-height: 32rpx;
|
||||||
.wish-text {
|
letter-spacing: 1px;
|
||||||
font-size: 28rpx !important;
|
text-align: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 深色模式支持 */
|
.date {
|
||||||
@media (prefers-color-scheme: dark) {
|
color: #522510;
|
||||||
.blessing-container {
|
|
||||||
background-color: #2a2a2a;
|
.bornDate {
|
||||||
|
gap: 16rpx;
|
||||||
|
display: flex;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
line-height: 38rpx;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blessing-card {
|
.diedDate {
|
||||||
background-color: #3a3a3a;
|
gap: 16rpx;
|
||||||
|
display: flex;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
line-height: 38rpx;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.blessing-time {
|
.time {
|
||||||
color: #ccc;
|
font-weight: 500;
|
||||||
|
font-size: 32rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-label {
|
.contact-info {
|
||||||
color: #ccc !important;
|
font-weight: 400;
|
||||||
}
|
font-size: 28rpx;
|
||||||
|
color: #4c382e;
|
||||||
.info-value {
|
line-height: 38rpx;
|
||||||
color: #fff !important;
|
letter-spacing: 1px;
|
||||||
}
|
text-align: left;
|
||||||
|
padding-bottom: 32rpx;
|
||||||
.wish-label {
|
|
||||||
color: #ccc !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wish-text {
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-divider {
|
|
||||||
background-color: #555 !important;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -6,8 +6,8 @@ import debounce from "uview-ui/libs/function/debounce";
|
||||||
const ENV_CONFIG = {
|
const ENV_CONFIG = {
|
||||||
release: {
|
release: {
|
||||||
// 正式版
|
// 正式版
|
||||||
// baseUrl: "http://192.168.2.158:4501",
|
baseUrl: "http://192.168.2.158:4501",
|
||||||
baseUrl: "https://tech-ape.top/prod-api",
|
// baseUrl: "https://tech-ape.top/prod-api",
|
||||||
appId: 1,
|
appId: 1,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user