创意预览图

H5互动环节全运场馆打卡首页,打卡地图背景,排列展示广东奥体中心、香港体育馆、澳门奥林匹克体育中心三地核心场馆缩略图,页面上方标题文字"打卡全运主场馆,感受湾区场馆魅力",页面底部标注文字"选择场馆,

用户头像

1qm3bi1hprX...

2026.03.13
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。 整体背景:米白渐变暖色调,顶部有淡蓝色天空和城市建筑剪影装饰,与首页顶部风格一致。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色圆角胶囊导航栏:左侧返回箭头,居中标题"景区攻略"黑色文字。状态栏9:41。 【天气栏】左侧定位图标"长沙"+太阳图标"28°C 晴"。 【搜索栏】大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为橙红色渐变背景白色文字,未选中为白色背景深灰文字: - 官方发布(选中态,橙红色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带轻微阴影和3D质感: - 卡片1:上方岳麓山秋景风景大图,下方标题"岳麓山一日游最佳路线推荐",底部小字"官方发布 · 2.3万阅读 · 568收藏",右上角橙红色标签"精选" - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角橙红色标签"热门" 每张卡片上图下文布局,大圆角,白色背景,柔和阴影,3D轻拟物质感。 【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑图标)、智慧导览(绿色定位图标)、景区攻略(橙红色选中态,书本图标)、我的(蓝色人物图标),底部白色圆角悬浮导航栏,与参考图底部风格一致。 整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。

整体背景:米白渐变暖色调,顶部有淡蓝色天空和城市建筑剪影装饰,与首页顶部风格一致。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色圆角胶囊导航栏:左侧返回箭头,居中标题"景区攻略"黑色文字。状态栏9:41。

【天气栏】左侧定位图标"长沙"+太阳图标"28°C 晴"。

【搜索栏】大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为橙红色渐变背景白色文字,未选中为白色背景深灰文字:
- 官方发布(选中态,橙红色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带轻微阴影和3D质感:
- 卡片1:上方岳麓山秋景风景大图,下方标题"岳麓山一日游最佳路线推荐",底部小字"官方发布 · 2.3万阅读 · 568收藏",右上角橙红色标签"精选"
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角橙红色标签"热门"

每张卡片上图下文布局,大圆角,白色背景,柔和阴影,3D轻拟物质感。

【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑图标)、智慧导览(绿色定位图标)、景区攻略(橙红色选中态,书本图标)、我的(蓝色人物图标),底部白色圆角悬浮导航栏,与参考图底部风格一致。

整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。 整体背景:米白渐变暖色调,顶部有淡蓝色天空和城市建筑剪影装饰,与首页顶部风格一致。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色圆角胶囊导航栏:左侧返回箭头,居中标题"景区攻略"黑色文字。状态栏9:41。 【天气栏】左侧定位图标"长沙"+太阳图标"28°C 晴"。 【搜索栏】大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为橙红色渐变背景白色文字,未选中为白色背景深灰文字: - 官方发布(选中态,橙红色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带轻微阴影和3D质感: - 卡片1:上方岳麓山秋景风景大图,下方标题"岳麓山一日游最佳路线推荐",底部小字"官方发布 · 2.3万阅读 · 568收藏",右上角橙红色标签"精选" - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角橙红色标签"热门" 每张卡片上图下文布局,大圆角,白色背景,柔和阴影,3D轻拟物质感。 【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑图标)、智慧导览(绿色定位图标)、景区攻略(橙红色选中态,书本图标)、我的(蓝色人物图标),底部白色圆角悬浮导航栏,与参考图底部风格一致。 整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。

整体背景:米白渐变暖色调,顶部有淡蓝色天空和城市建筑剪影装饰,与首页顶部风格一致。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色圆角胶囊导航栏:左侧返回箭头,居中标题"景区攻略"黑色文字。状态栏9:41。

【天气栏】左侧定位图标"长沙"+太阳图标"28°C 晴"。

【搜索栏】大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为橙红色渐变背景白色文字,未选中为白色背景深灰文字:
- 官方发布(选中态,橙红色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带轻微阴影和3D质感:
- 卡片1:上方岳麓山秋景风景大图,下方标题"岳麓山一日游最佳路线推荐",底部小字"官方发布 · 2.3万阅读 · 568收藏",右上角橙红色标签"精选"
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角橙红色标签"热门"

每张卡片上图下文布局,大圆角,白色背景,柔和阴影,3D轻拟物质感。

【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑图标)、智慧导览(绿色定位图标)、景区攻略(橙红色选中态,书本图标)、我的(蓝色人物图标),底部白色圆角悬浮导航栏,与参考图底部风格一致。

整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。 整体背景:纯白色,干净清爽。 【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏(右上角三个点+圆圈胶囊按钮)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。右侧圆形古风人物头像。 【天气栏】左侧定位下拉图标"长沙"+太阳图标"28°C 晴",黑色文字。 【搜索栏】大圆角浅灰色搜索框,灰色放大镜图标,占位文字"搜索攻略、线路、玩法"灰色文字。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为绿色背景白色文字,未选中为浅灰背景深灰文字: - 官方发布(选中态,绿色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,简约风格: - 卡片1:上方岳麓山秋景风景大图(大圆角),图右下角有绿色圆角标签"精选"白字;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字灰色"官方发布 · 2.3万阅读 · 568收藏" - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,右上角绿色标签"热门",下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏" 每张卡片上图下文,大圆角,白色背景,极淡阴影。 【底部Tab栏】四个简约图标tab:首页(绿色房子图标+"首页")、导览(灰色地图图标+"导览")、行程(灰色日历图标+"行程")、我的(灰色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。 整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。

整体背景:纯白色,干净清爽。

【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏(右上角三个点+圆圈胶囊按钮)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。右侧圆形古风人物头像。

【天气栏】左侧定位下拉图标"长沙"+太阳图标"28°C 晴",黑色文字。

【搜索栏】大圆角浅灰色搜索框,灰色放大镜图标,占位文字"搜索攻略、线路、玩法"灰色文字。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为绿色背景白色文字,未选中为浅灰背景深灰文字:
- 官方发布(选中态,绿色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,简约风格:
- 卡片1:上方岳麓山秋景风景大图(大圆角),图右下角有绿色圆角标签"精选"白字;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字灰色"官方发布 · 2.3万阅读 · 568收藏"
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,右上角绿色标签"热门",下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏"

每张卡片上图下文,大圆角,白色背景,极淡阴影。

【底部Tab栏】四个简约图标tab:首页(绿色房子图标+"首页")、导览(灰色地图图标+"导览")、行程(灰色日历图标+"行程")、我的(灰色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。

整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。 整体背景:纯白色,干净清爽。 【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏(右上角三个点+圆圈胶囊按钮)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。右侧圆形古风人物头像。 【天气栏】左侧定位下拉图标"长沙"+太阳图标"28°C 晴",黑色文字。 【搜索栏】大圆角浅灰色搜索框,灰色放大镜图标,占位文字"搜索攻略、线路、玩法"灰色文字。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为绿色背景白色文字,未选中为浅灰背景深灰文字: - 官方发布(选中态,绿色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,简约风格: - 卡片1:上方岳麓山秋景风景大图(大圆角),图右下角有绿色圆角标签"精选"白字;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字灰色"官方发布 · 2.3万阅读 · 568收藏" - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,右上角绿色标签"热门",下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏" 每张卡片上图下文,大圆角,白色背景,极淡阴影。 【底部Tab栏】四个简约图标tab:首页(绿色房子图标+"首页")、导览(灰色地图图标+"导览")、行程(灰色日历图标+"行程")、我的(灰色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。 整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。

整体背景:纯白色,干净清爽。

【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏(右上角三个点+圆圈胶囊按钮)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。右侧圆形古风人物头像。

【天气栏】左侧定位下拉图标"长沙"+太阳图标"28°C 晴",黑色文字。

【搜索栏】大圆角浅灰色搜索框,灰色放大镜图标,占位文字"搜索攻略、线路、玩法"灰色文字。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为绿色背景白色文字,未选中为浅灰背景深灰文字:
- 官方发布(选中态,绿色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,简约风格:
- 卡片1:上方岳麓山秋景风景大图(大圆角),图右下角有绿色圆角标签"精选"白字;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字灰色"官方发布 · 2.3万阅读 · 568收藏"
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,右上角绿色标签"热门",下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏"

每张卡片上图下文,大圆角,白色背景,极淡阴影。

【底部Tab栏】四个简约图标tab:首页(绿色房子图标+"首页")、导览(灰色地图图标+"导览")、行程(灰色日历图标+"行程")、我的(灰色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。

整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。 整体背景:纯白色,干净极简。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。状态栏9:41。 【天气栏】左侧定位下拉图标"长沙"+太阳线条图标"28°C 晴",黑色文字。 【搜索栏】大圆角浅灰色搜索框,灰色放大镜线条图标,占位文字"搜索攻略、线路、玩法"灰色文字。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为浅绿色背景深绿色文字,未选中为浅灰背景灰色文字: - 官方发布(选中态,绿色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,极简风格: - 卡片1:上方岳麓山秋景风景大图(圆角),下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,右上角浅绿色圆角标签"精选"白字 - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角浅绿色标签"热门" 每张卡片上图下文,大圆角,白色背景,极淡阴影,极简清爽。 【底部Tab栏】四个极简线条图标tab:首页(房子线条图标)、智慧导览(定位线条图标)、景区攻略(选中态绿色书本线条图标)、我的(人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。 整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。

整体背景:纯白色,干净极简。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。状态栏9:41。

【天气栏】左侧定位下拉图标"长沙"+太阳线条图标"28°C 晴",黑色文字。

【搜索栏】大圆角浅灰色搜索框,灰色放大镜线条图标,占位文字"搜索攻略、线路、玩法"灰色文字。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为浅绿色背景深绿色文字,未选中为浅灰背景灰色文字:
- 官方发布(选中态,绿色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,极简风格:
- 卡片1:上方岳麓山秋景风景大图(圆角),下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,右上角浅绿色圆角标签"精选"白字
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角浅绿色标签"热门"

每张卡片上图下文,大圆角,白色背景,极淡阴影,极简清爽。

【底部Tab栏】四个极简线条图标tab:首页(房子线条图标)、智慧导览(定位线条图标)、景区攻略(选中态绿色书本线条图标)、我的(人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。

整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。 整体背景:纯白色,干净极简。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。状态栏9:41。 【天气栏】左侧定位下拉图标"长沙"+太阳线条图标"28°C 晴",黑色文字。 【搜索栏】大圆角浅灰色搜索框,灰色放大镜线条图标,占位文字"搜索攻略、线路、玩法"灰色文字。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为浅绿色背景深绿色文字,未选中为浅灰背景灰色文字: - 官方发布(选中态,绿色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,极简风格: - 卡片1:上方岳麓山秋景风景大图(圆角),下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,右上角浅绿色圆角标签"精选"白字 - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角浅绿色标签"热门" 每张卡片上图下文,大圆角,白色背景,极淡阴影,极简清爽。 【底部Tab栏】四个极简线条图标tab:首页(房子线条图标)、智慧导览(定位线条图标)、景区攻略(选中态绿色书本线条图标)、我的(人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。 整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。

整体背景:纯白色,干净极简。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。状态栏9:41。

【天气栏】左侧定位下拉图标"长沙"+太阳线条图标"28°C 晴",黑色文字。

【搜索栏】大圆角浅灰色搜索框,灰色放大镜线条图标,占位文字"搜索攻略、线路、玩法"灰色文字。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为浅绿色背景深绿色文字,未选中为浅灰背景灰色文字:
- 官方发布(选中态,绿色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,极简风格:
- 卡片1:上方岳麓山秋景风景大图(圆角),下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,右上角浅绿色圆角标签"精选"白字
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角浅绿色标签"热门"

每张卡片上图下文,大圆角,白色背景,极淡阴影,极简清爽。

【底部Tab栏】四个极简线条图标tab:首页(房子线条图标)、智慧导览(定位线条图标)、景区攻略(选中态绿色书本线条图标)、我的(人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。

整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。