🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 商城首页 # **商城首页** ## **1.页面设置** ![](https://img.kancloud.cn/fb/51/fb51eaa2778400764620466dd7c01edc_1920x943.png) * **背景色:**选择创建整个页面的背景色,选择应用后前端和后端颜色保持一致。 * **页面名称:**自定义创建,仅在后台使用。 * **页面标题:**用户访问商城首页时手机端顶部显示的标题内容。 * **底部菜单:**默认系统应用中,即读取的应用中的底部菜单 ;单独设置,可任意选择已创建保存的底部菜单。 **手机端样式:** ![](https://img.kancloud.cn/7d/4a/7d4ac3621a3af8ddf351916eff61fee8_517x916.png) ## **2.基本组件装修** ![](https://img.kancloud.cn/50/91/5091267d619e5ecf8aad6edb6cdc2d14_1920x943.png) 页面装修时可从左侧选择组件,支持基础组件、营销组件和功能组件,包含图片、商品组、按钮组和优惠等基础组件的编辑和添加 ## **3.功能组件** ![](https://img.kancloud.cn/7d/f7/7df7d3530594d99e5ac86dd95f8b79d3_1200x589.png) ![](https://img.kancloud.cn/fe/e5/fee53d6f1835d235885b5aa419de0e3d_1200x589.png) > 功能组件的**悬浮按钮**、**关注条**、**返回顶部**和**下单提醒**为商城首页的独有装修组件,不支持会员中心页和商品详情页使用 * **悬浮按钮:** 自定义上传添加按钮图片,支持跳转商城的基础连接或者添加自定义链接,可以自行选择设置按钮的显示位置。 * **返回顶部:** 组件的图标只支持在系统默认图标中选择,不支持自定义上传图标图片,图片的颜色、背景色、按钮大小和按钮位置可以自行选择设置,按钮支持的图标事件是返回顶部或跳转链接,可自行选择设置。 * **下单提醒:** 支持自定义样式、背景颜色和文字颜色以及跳转链接,显示的数据支持读取随机会员的订单、读取系统订单或则自定义编辑创建数据。 * **关注条:** 自定义设置关注条组件的基础样式,支持自定义关注条的logo图片形状、文字颜色和背景颜色等。 * **图标设置:**支持选择设置分享人头像,商城logo或自定义,选择分享人头像时即访问者访问商城时读取分享人的微信头像,访问之没有分享人时默认读取商城logo,选择商城logo时即读取的是商城基础设置中上传的商城logo图片,选择自定义即上传选择应用一个图片即可; * **默认文字:**访问者访问商城时无分享人时显示该设置文字,文字设置时支持可用变量为\[商城名称\]; * **分享文字:**访问者通过分享者的链接访问商城时显示该设置文字,文字设置时支持可用变量为\[商城名称\]、\[邀请人\]、\[访问者\]。 * **按钮组件:**支持选择商城链接或者添加自定义链接,以及弹出二维码,选择弹出二维码时需要自定义上传二维码图片。 **后台点击保存并浏览:** ![](https://img.kancloud.cn/ab/df/abdf5060e80797d25239098bb6749ac3_391x765.png) **手机端样式:** ![](https://img.kancloud.cn/6b/d5/6bd521496eee262be5c541e5a8e18e53_434x861.png) ## **4.启动广告** ![](https://img.kancloud.cn/8d/ec/8dec4144660beb02da3bc002af350317_1200x589.png) **显示设置:** **(1)每次显示:**即用户每次访问商城时都会弹出启用广告 **(2)间隔时间显示:**例如设置间隔时间为30分钟,则用户在30分钟内重复访问商城只有首次访问时会弹出启用广告,30分钟后再次访问商城时会弹出启动广告 > 启动广告只支持首页进行设置并应用,设置启用广告的基本内容,添加图片和跳转链接选择启用,访问商城后即可正常显示启用广告。 **手机端样式:** ![](https://img.kancloud.cn/8f/df/8fdfd90e4b10ffc34c6b14ed1881436f_428x855.png) ## **5.模板应用** ![](https://img.kancloud.cn/54/86/5486a0e8b411896d8770393548182608_1200x589.png) ![](https://img.kancloud.cn/5a/c6/5ac6f15c2412492caffe14aa6873e0a9_1200x589.png) * **另存为模板:**即当前页面保留,另存该页面为一条商城页面模板,该页面可以继续编辑 * **保存并预览:**保存编辑的内容,在右侧会生成该页面的手机端预览图 * **发布:**点击发布后即为应该改模板,手机端会对应显示为当前页面 > **注:**当编辑的页面是已发布的页面模板,则点击保存并预览之后手机端也会对应变更