修改：优化恋爱日记配置信息

.gitignore

@@ -2,4 +2,5 @@ node_modules/
 unpackage/ 
 config/halo.config.js
 config/ad.config.js
+config/love.config.js
 package-lock.json

config/love.config.js

@@ -2,7 +2,6 @@
  * 恋爱日记配置
  */
 export default {
-	photoKeyName: '恋爱相册', // 对应后台的图库分组名称
 	waveImageUrl: 'https://b.925i.cn/uni_halo/uni_halo_about_wave.gif', // 波浪图片地址
 	bgImageUrl: 'https://b.925i.cn/uni_halo_love/love_bg1.png', // 背景图片
 	loveImageUrl: 'https://b.925i.cn/uni_halo_love/like.png', // 爱心图片
@@ -12,107 +11,138 @@ export default {
 		avatar: 'https://b.925i.cn/uni_halo_love/love_boy.png',
 		birthday: '2022-09-25', // 生日
 	},
+
 	girl: {
 		name: '未知女主',
 		avatar: 'https://b.925i.cn/uni_halo_love/love_girl.png',
 		birthday: '2022-07-25', // 生日
 	},
-	loveStartDate: '2022-05-20 13:14:20', // 恋爱开始时间 
 	timeTitle: '这是我们一起走过的',
-	// 我们的故事
+	loveStartDate: '2022-05-20 13:14:20', // 恋爱开始时间 
-	story: `
+
+	nav: [{
+			key: 'journey',
+			use: true,
+			iconImageUrl: 'https://b.925i.cn/uni_halo_love/diandian.png',
+			title: '关于我们',
+			desc: '我们一起度过的那些经历'
+		},
+		{
+			key: 'album',
+			use: true,
+			iconImageUrl: 'https://b.925i.cn/uni_halo_love/diandian.png',
+			title: '恋爱相册',
+			desc: '定格了我们的那些小美好'
+		},
+		{
+			key: 'list',
+			use: true,
+			iconImageUrl: 'https://b.925i.cn/uni_halo_love/diandian.png',
+			title: '恋爱清单',
+			desc: '你我之间的约定我们都在努力实现'
+		},
+	],
+
+	// 关于我们：支持富文本内容
+	journey: `
 		    <p>有一只马，它的邻居是一只驴。</p><p>有一天，马和驴都被主人牵到外面晒太阳，马和驴聊起了天。</p><p>马说：“我叫马，你呢？”</p><p>驴说：“我叫驴。（哄小宝贝睡觉的甜甜睡前故事）”</p><p>马说：“为什么我俩的名字不一样呢？”</p><p>驴说：“因为我和你不一样。”</p><p>马说：“我们俩什么地方不一样呢？”</p><p>驴说：“我身材小巧，而你却比较粗壮，不如我耐看。”马看了看比自已矮小很多的驴，认为驴说的话有点道理。</p><p>马说：“我们俩除了身材不一样，还有什么不同呢？”</p><p>驴说：“我们俩的声音不一样，我的声音多动听呀！”说着驴伸长脖子叫了两声。“不信，你也叫两声试试。”马也伸长脖子嘶鸣了两声，的确和驴的声音有点不同，马不好意思地低下了头。</p><p>过了一会儿，马又说：“我们俩除了身材和声音不一样外，还有什么不同呢？”</p><p>驴说：“我的步伐多么优雅呀。”说着，驴迈开蹄子走了两步，“而你呢，却昂首阔步，一点儿也不优雅，（如何哄女朋友睡觉的睡前故事爱情浪漫）不信你走两步试试。”</p><p>马听驴这么一说，就高昂着头走了两步，旋即，马飞奔了起来，转了一圈回来后，驴得意地说：“怎么样，我没说错罢，你就是急性子，和优雅不沾边。”马听了驴的话，有点感到惭愧。</p><p>最后，马又鼓起勇气说：“我们俩还有什么不同呢？”</p><p>驴说：“我的家庭意识比你强，主人抽我一鞭子，我就跟着主人回家，而你呢？恐怕不会吧……”</p><p>马还没有来得及回答，马和驴的主人同时来到了马和驴的身边。只见驴的主人抽了驴一鞭子后，驴乖乖地跟着主人回家了。马把这一切都看在了眼里，它为自已和驴的诸多不同而感到惭愧，只见马的主人也抽了马一鞭子，马犹豫了一下，终于象驴一样乖乖地跟着主人回了家。</p><p>一个伯乐站在远处看到了这一幕后，叹口气离开了。</p>
 	`,
+	// 恋爱相册
+	albumKeyName: '恋爱相册', // 对应后台的图库分组名称
 	// 恋爱清单
-	loveList: [{
+	loveList: {
-			index: 0, // 序号
+		useApi: false, // 是否启用api接口
-			finish: true, // 是否已完成
+		api: '', // api 接口（如果使用api接口的方式，则下方的data可以留空，但是api接口必须按照对应的数据格式返回）
-			title: '偷偷记录对方熟睡的模样', // 事件名称
+		data: [{
-			desc: '偷偷观察对方熟睡的模样，记录下来', // 事件描述
+				index: 0, // 序号
-			detail: {
+				finish: true, // 是否已完成
-				start: '2022年05月20日', // 计划开始时间
+				title: '偷偷记录对方熟睡的模样', // 事件名称
-				desc: '偷偷观察对方熟睡的模样，记录下来', // 事件详细描述
+				desc: '偷偷观察对方熟睡的模样，记录下来', // 事件描述
-				end: '每天', // 完成时间，
+				detail: {
-				moment: '', // 完成瞬间的记录
+					start: '2022年05月20日', // 计划开始时间
-				other: '', // 其他说明
+					desc: '偷偷观察对方熟睡的模样，记录下来', // 事件详细描述
+					end: '每天', // 完成时间，
+					moment: '', // 完成瞬间的记录
+					other: '', // 其他说明
+				}
+			}, {
+				index: 1,
+				finish: false,
+				title: '陪对方过生日',
+				desc: '陪对方一起过生日',
+				detail: {
+					start: '2023年05月20日',
+					desc: '陪对方一起过生日，他和我的生日',
+					end: '',
+					moment: '',
+					other: '他 生日5月20日 我生日9月25日',
+				}
+			},
+			{
+				index: 2,
+				finish: false,
+				title: '一起去旅行',
+				desc: '一起来一场说走就走的旅行，希望去的是大理',
+				detail: {
+					start: '',
+					desc: '',
+					end: '',
+					moment: '一起来一场说走就走的旅行，希望去的是大理',
+					other: '',
+				}
+			},
+			{
+				index: 3,
+				finish: false,
+				title: '一起穿情侣装逛街',
+				desc: '一起穿情侣装逛街',
+				detail: {
+					start: '',
+					desc: '',
+					end: '',
+					moment: '',
+					other: '',
+				}
+			},
+			{
+				index: 4,
+				finish: false,
+				title: '一起看日出',
+				desc: '一起看日出',
+				detail: {
+					start: '',
+					desc: '',
+					end: '',
+					moment: '',
+					other: '',
+				}
+			},
+			{
+				index: 5,
+				finish: false,
+				title: '一起看日落',
+				desc: '一起看日落',
+				detail: {
+					start: '',
+					desc: '',
+					end: '',
+					moment: '',
+					other: '', // 其他说明
+				}
+			},
+			{
+				index: 6,
+				finish: false,
+				title: '一起买菜、做饭、刷碗',
+				desc: '一起买菜、做饭、刷碗',
+				detail: {
+					start: '',
+					desc: '',
+					end: '',
+					moment: '',
+					other: '',
+				}
 			}
-		}, {
+		],
-			index: 1,
+	}
-			finish: false,
-			title: '陪对方过生日',
-			desc: '陪对方一起过生日',
-			detail: {
-				start: '2023年05月20日',
-				desc: '陪对方一起过生日，他和我的生日',
-				end: '',
-				moment: '',
-				other: '他 生日5月20日 我生日9月25日',
-			}
-		},
-		{
-			index: 2,
-			finish: false,
-			title: '一起去旅行',
-			desc: '一起来一场说走就走的旅行，希望去的是大理',
-			detail: {
-				start: '',
-				desc: '',
-				end: '',
-				moment: '一起来一场说走就走的旅行，希望去的是大理',
-				other: '',
-			}
-		},
-		{
-			index: 3,
-			finish: false,
-			title: '一起穿情侣装逛街',
-			desc: '一起穿情侣装逛街',
-			detail: {
-				start: '',
-				desc: '',
-				end: '',
-				moment: '',
-				other: '',
-			}
-		},
-		{
-			index: 4,
-			finish: false,
-			title: '一起看日出',
-			desc: '一起看日出',
-			detail: {
-				start: '',
-				desc: '',
-				end: '',
-				moment: '',
-				other: '',
-			}
-		},
-		{
-			index: 5,
-			finish: false,
-			title: '一起看日落',
-			desc: '一起看日落',
-			detail: {
-				start: '',
-				desc: '',
-				end: '',
-				moment: '',
-				other: '', // 其他说明
-			}
-		},
-		{
-			index: 6,
-			finish: false,
-			title: '一起买菜、做饭、刷碗',
-			desc: '一起买菜、做饭、刷碗',
-			detail: {
-				start: '',
-				desc: '',
-				end: '',
-				moment: '',
-				other: '',
-			}
-		}
-	],
 }

config/love.config.template.js

@@ -2,7 +2,6 @@
  * 恋爱日记配置
  */
 export default {
-	photoKeyName: '情侣相册', // 对应后台的图库分组名称
 	waveImageUrl: 'https://b.925i.cn/uni_halo/uni_halo_about_wave.gif', // 波浪图片地址
 	bgImageUrl: 'https://b.925i.cn/uni_halo_love/love_bg1.png', // 背景图片
 	loveImageUrl: 'https://b.925i.cn/uni_halo_love/like.png', // 爱心图片
@@ -12,28 +11,140 @@ export default {
 		avatar: 'https://b.925i.cn/uni_halo_love/love_boy.png',
 		birthday: '2022-09-25', // 生日
 	},
+
 	girl: {
 		name: '未知女主',
 		avatar: 'https://b.925i.cn/uni_halo_love/love_girl.png',
 		birthday: '2022-07-25', // 生日
 	},
+
+	timeTitle: '这是我们一起走过的', // 恋爱时间标题
 	loveStartDate: '2022-05-20 13:14:20', // 恋爱开始时间 
-	timeTitle: '这是我们一起走过的',
+
-	// 恋爱清单
+	// 恋爱日记首页导航（除了 key 以外都可以修改）
-	loveList: [{
+	nav: [{
-			index: 1, // 序号
+			key: 'journey',
-			finish: true, // 是否已完成
+			use: true,
-			title: '陪对方过生日', // 事件名称
+			iconImageUrl: 'https://b.925i.cn/uni_halo_love/diandian.png',
-			desc: '陪对方一起过生日', // 事件描述
+			title: '关于我们',
-			moment: '很难忘的一次生日，他陪我我陪他反正就是很难忘', // 完成瞬间的记录
+			desc: '我们一起度过的那些经历'
 		},
 		{
-			index: 2,
+			key: 'album',
-			finish: false,
+			use: true,
-			title: '一起去旅行',
+			iconImageUrl: 'https://b.925i.cn/uni_halo_love/diandian.png',
-			desc: '一起来一场说走就走的旅行，希望去的是大理',
+			title: '恋爱相册',
-			moment: '',
+			desc: '定格了我们的那些小美好'
+		},
+		{
+			key: 'list',
+			use: true,
+			iconImageUrl: 'https://b.925i.cn/uni_halo_love/diandian.png',
+			title: '恋爱清单',
+			desc: '你我之间的约定我们都在努力实现'
 		},
-		// 更多...
 	],
+
+	// 关于我们：支持富文本内容
+	journey: `
+		    <p>有一只马，它的邻居是一只驴。</p><p>有一天，马和驴都被主人牵到外面晒太阳，马和驴聊起了天。</p><p>马说：“我叫马，你呢？”</p><p>驴说：“我叫驴。（哄小宝贝睡觉的甜甜睡前故事）”</p><p>马说：“为什么我俩的名字不一样呢？”</p><p>驴说：“因为我和你不一样。”</p><p>马说：“我们俩什么地方不一样呢？”</p><p>驴说：“我身材小巧，而你却比较粗壮，不如我耐看。”马看了看比自已矮小很多的驴，认为驴说的话有点道理。</p><p>马说：“我们俩除了身材不一样，还有什么不同呢？”</p><p>驴说：“我们俩的声音不一样，我的声音多动听呀！”说着驴伸长脖子叫了两声。“不信，你也叫两声试试。”马也伸长脖子嘶鸣了两声，的确和驴的声音有点不同，马不好意思地低下了头。</p><p>过了一会儿，马又说：“我们俩除了身材和声音不一样外，还有什么不同呢？”</p><p>驴说：“我的步伐多么优雅呀。”说着，驴迈开蹄子走了两步，“而你呢，却昂首阔步，一点儿也不优雅，（如何哄女朋友睡觉的睡前故事爱情浪漫）不信你走两步试试。”</p><p>马听驴这么一说，就高昂着头走了两步，旋即，马飞奔了起来，转了一圈回来后，驴得意地说：“怎么样，我没说错罢，你就是急性子，和优雅不沾边。”马听了驴的话，有点感到惭愧。</p><p>最后，马又鼓起勇气说：“我们俩还有什么不同呢？”</p><p>驴说：“我的家庭意识比你强，主人抽我一鞭子，我就跟着主人回家，而你呢？恐怕不会吧……”</p><p>马还没有来得及回答，马和驴的主人同时来到了马和驴的身边。只见驴的主人抽了驴一鞭子后，驴乖乖地跟着主人回家了。马把这一切都看在了眼里，它为自已和驴的诸多不同而感到惭愧，只见马的主人也抽了马一鞭子，马犹豫了一下，终于象驴一样乖乖地跟着主人回了家。</p><p>一个伯乐站在远处看到了这一幕后，叹口气离开了。</p>
+	`,
+	// 恋爱相册
+	albumKeyName: '恋爱相册', // 对应后台的图库分组名称
+	// 恋爱清单
+	loveList: {
+		useApi: false, // 是否启用api接口
+		api: '', // api 接口（如果使用api接口的方式，则下方的data可以留空，但是api接口必须按照对应的数据格式返回）
+		data: [{
+				index: 0, // 序号
+				finish: true, // 是否已完成
+				title: '偷偷记录对方熟睡的模样', // 事件名称
+				desc: '偷偷观察对方熟睡的模样，记录下来', // 事件描述
+				detail: {
+					start: '2022年05月20日', // 计划开始时间
+					desc: '偷偷观察对方熟睡的模样，记录下来', // 事件详细描述
+					end: '每天', // 完成时间，
+					moment: '', // 完成瞬间的记录
+					other: '', // 其他说明
+				}
+			}, {
+				index: 1,
+				finish: false,
+				title: '陪对方过生日',
+				desc: '陪对方一起过生日',
+				detail: {
+					start: '2023年05月20日',
+					desc: '陪对方一起过生日，他和我的生日',
+					end: '',
+					moment: '',
+					other: '他 生日5月20日 我生日9月25日',
+				}
+			},
+			{
+				index: 2,
+				finish: false,
+				title: '一起去旅行',
+				desc: '一起来一场说走就走的旅行，希望去的是大理',
+				detail: {
+					start: '',
+					desc: '',
+					end: '',
+					moment: '一起来一场说走就走的旅行，希望去的是大理',
+					other: '',
+				}
+			},
+			{
+				index: 3,
+				finish: false,
+				title: '一起穿情侣装逛街',
+				desc: '一起穿情侣装逛街',
+				detail: {
+					start: '',
+					desc: '',
+					end: '',
+					moment: '',
+					other: '',
+				}
+			},
+			{
+				index: 4,
+				finish: false,
+				title: '一起看日出',
+				desc: '一起看日出',
+				detail: {
+					start: '',
+					desc: '',
+					end: '',
+					moment: '',
+					other: '',
+				}
+			},
+			{
+				index: 5,
+				finish: false,
+				title: '一起看日落',
+				desc: '一起看日落',
+				detail: {
+					start: '',
+					desc: '',
+					end: '',
+					moment: '',
+					other: '', // 其他说明
+				}
+			},
+			{
+				index: 6,
+				finish: false,
+				title: '一起买菜、做饭、刷碗',
+				desc: '一起买菜、做饭、刷碗',
+				detail: {
+					start: '',
+					desc: '',
+					end: '',
+					moment: '',
+					other: '',
+				}
+			}
+		],
+	}
 }

pagesA/love/journey.vue

@@ -23,7 +23,7 @@ export default {
 	methods: {
 		fnInit() {
 			clearTimeout(this.timer);
-			const _html = LoveConfig.story;
+			const _html = LoveConfig.journey;
 			let _index = 0;
 			const _typing = () => {
 				this.timer = setTimeout(() => {

pagesA/love/list.vue

@@ -99,14 +99,38 @@ export default {
 		}
 	},
 	created() {
-		this.fnFormatList();
+		this.fnGetList();
 	},
 	methods: {
-		fnFormatList() {
+		fnGetList() {
-			this.list = LoveConfig.loveList.map(item => {
+			if (LoveConfig.loveList.useApi && LoveConfig.loveList.api) {
-				item['open'] = false;
+				uni.request({
-				return item;
+					url: LoveConfig.loveList.api,
-			});
+					header: {
+						ContentType: 'application/json'
+					},
+					method: 'GET',
+					dataType: 'json',
+					success: res => {
+						if (res.statusCode == 200 && res.data.status == 200) {
+							this.list = res.data.data.map(item => {
+								item['open'] = false;
+								return item;
+							});
+						} else {
+							uni.$tm.toast('数据请求失败，请检查接口！');
+						}
+					},
+					fail: err => {
+						uni.$tm.toast('数据请求失败，请检查接口！');
+					}
+				});
+			} else {
+				this.list = LoveConfig.loveList.data.map(item => {
+					item['open'] = false;
+					return item;
+				});
+			}
 		},
 		fnOnItemOpen(item) {
 			item.open = !item.open;
@@ -141,7 +165,7 @@ export default {
 		rgba(109, 186, 130, 0.1)
 	);
 	// background: rgba(247, 246, 242, 1);
-	color: #55423b;
+	// color: #55423b;
 }
 .love-card {
 	width: 100%;

pagesA/love/love.vue

@@ -40,27 +40,15 @@
 		</view>
 		<!-- 功能导航 -->
 		<view class="list-wrap">
-			<view class="list-item" @click="fnToPage('journey')">
+			<block v-for="(nav, index) in loveConfig.nav" :key="index">
-				<view class="left"><image class="icon" src="https://b.925i.cn/uni_halo_love/diandian.png" mode="aspectFit"></image></view>
+				<view v-if="nav.use" class="list-item" @click="fnToPage(nav.key)">
-				<view class="right">
+					<view class="left"><image class="icon" :src="nav.iconImageUrl" mode="aspectFit"></image></view>
-					<view class="name">关于我们</view>
+					<view class="right">
-					<view class="desc">我们一起度过的那些经历</view>
+						<view class="name">{{ nav.title }}</view>
+						<view class="desc">{{ nav.desc }}</view>
+					</view>
 				</view>
-			</view>
+			</block>
-			<view class="list-item" @click="fnToPage('album')">
-				<view class="left"><image class="icon" src="https://b.925i.cn/uni_halo_love/diandian.png" mode="aspectFit"></image></view>
-				<view class="right">
-					<view class="name">恋爱相册</view>
-					<view class="desc">定格了我们的那些小美好</view>
-				</view>
-			</view>
-			<view class="list-item" @click="fnToPage('list')">
-				<view class="left"><image class="icon" src="https://b.925i.cn/uni_halo_love/diandian.png" mode="aspectFit"></image></view>
-				<view class="right">
-					<view class="name">恋爱清单</view>
-					<view class="desc">你我之间的约定我们都在努力实现</view>
-				</view>
-			</view>
 		</view>
 	</view>
 </template>