🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
商城手机首页显示的图片信息有![blob.png](https://wiki.we7shop.com/uploads/3f376b900d0c15307069b11bc8b87c42.png)、![blob.png](https://wiki.we7shop.com/uploads/dc6eae3ba4e05877545d912d3fef22a4.png)、![blob.png](https://wiki.we7shop.com/uploads/a601f172f82d7f680cf89b60021b0cf8.png)、![blob.png](https://wiki.we7shop.com/uploads/1e065b109138f69fdf7894eaf4d3850d.png)、![blob.png](https://wiki.we7shop.com/uploads/c59c6b80005c7db5e1ff11010fb08c74.png),通过![blob.png](https://wiki.we7shop.com/uploads/a4709ad4d51a27cc44d7c928c790fd4f.png)拖动模块修改顺序且各模块后都有![blob.png](https://wiki.we7shop.com/uploads/a478504e0dbf3ad1b76038c3899b27d3.png)功能按钮,**关闭则为“否”在手机端不显示,**参见下图: ![00157468cc994e8c84f0137d7f3aac4](https://wiki.we7shop.com/uploads/69d16afc7467212247253b5c95289735.png) ![![00157468cfe22f8c80a86234ba10588](https://wiki.we7shop.com/uploads/2b5f8cc81fe2fcdb6a3ba4f7ce8e6149.png)](images/screenshot_1645243086400.png) ![![00157468d0fb509e60fa1dc757689db](https://wiki.we7shop.com/uploads/e66b158405afc4d589ecbfa77909c011.png)](images/screenshot_1645243109262.png) ![blob.png](https://wiki.we7shop.com/uploads/3f376b900d0c15307069b11bc8b87c42.png)、![blob.png](https://wiki.we7shop.com/uploads/dc6eae3ba4e05877545d912d3fef22a4.png)、![blob.png](https://wiki.we7shop.com/uploads/a601f172f82d7f680cf89b60021b0cf8.png)不同的是![blob.png](https://wiki.we7shop.com/uploads/3f376b900d0c15307069b11bc8b87c42.png)系统支持以滚动图片的形式在手机端首页展示,![blob.png](https://wiki.we7shop.com/uploads/285ba1931b3397463fc4d3745edc1677.png)系统支持以成行的小图片形式展示,![blob.png](https://wiki.we7shop.com/uploads/a601f172f82d7f680cf89b60021b0cf8.png)系统则支持以轮播模式或列表模式展示,而三者后台操作相一致,都可在添加信息详情页面可选择商城内的链接(如商品链接),用户点击图片直接查看图片链接的详情信息,以![blob.png](https://wiki.we7shop.com/uploads/3f376b900d0c15307069b11bc8b87c42.png)为例。 第一步点击![blob.png](https://wiki.we7shop.com/uploads/c5de619282b68d898a2214fd7bd04d61.png)进入添加页面,即可添加商品幻灯片信息,参见下图: ![00157468dcfa27090720754081d3155](https://wiki.we7shop.com/uploads/70efa939cc937f556f73af5ef9972700.png) ![00157468e016b5c2d3332b3081351f1](https://wiki.we7shop.com/uploads/7e3f2e8965820f2bf2fd2c4ff7ed8e16.png) ![00157468e220af414c6f7bb1f9612d9](https://wiki.we7shop.com/uploads/d9dd970ea0bb8d3704ebffbcb33b15f5.png) 第二步在手机端点击上传的幻灯片直接查看链接的信息(本此幻灯片选择的链接是某商品链接),参见下图: ![![00157468e463a02dbd063cf3ca73fd9](https://wiki.we7shop.com/uploads/180a8ccaaaa7055cb0a54d05b99cc39a.png)](images/screenshot_1645243197435.png) **“****排序”填写的数字越大,在商城前台首页中越靠前最先显示,再以幻灯片为例,商城添加的幻灯片共****10****张信息,则****10****排在商城前台首页中第一个展示,参见下图:** **![00157468e77ed1c5d5b28e201046104](https://wiki.we7shop.com/uploads/ae1ca164db585e0a2fd3c2bf35ea7a75.png)** ![**![00157468e960184b3aa028dacedfd85](https://wiki.we7shop.com/uploads/0d293c7f9eb1bc34b25359e4908c9a5f.png)**](images/screenshot_1645243232809.png) 上图中幻灯片只显示9张图片,**因其中一张信息为“****隐藏****”状态,即前台只展示状态为“显示”的图片信息,“隐藏”状态的则不被展示,系统默认状态为“隐藏”,添加信息时要注意选择“显示”状态,如果某图片暂时不用将状态改为“隐藏”以便下次直接修改状态继续使用。** 在添加图片列表中可根据状态搜索进行批量操作(“显示”、“隐藏”、“删除”),“修改”图片信息只能单个进行操作,参见下图: ![00157468f57835009b438e2e6ae948e](https://wiki.we7shop.com/uploads/2ba4de2c0bd3dbcff3299522c3fde698.png) **![blob.png](https://wiki.we7shop.com/uploads/27b6b37c179c3d741a127eddde609b70.png)****系统只支持添加****4****条信息**,点击![blob.png](https://wiki.we7shop.com/uploads/f76390a3cb4df1231117b194c0b13703.png)页面不跳转直接进行![blob.png](https://wiki.we7shop.com/uploads/09d9ef3e27dc072f3e077b12ec906d2d.png)及![blob.png](https://wiki.we7shop.com/uploads/a1c412ac465be7021c96650b55bbe6e3.png)操作,也可删除已添加的图片信息,参见下图: ![00157468fa61bb049cd6782af6fa64c](https://wiki.we7shop.com/uploads/18d7cf77893b6adcad9a46c0a7487815.png) 根据添加的图片数量在手机端首页则以相应版式及比例显示,参见下图: ![001574690040ac32b1f143799b31a3d](https://wiki.we7shop.com/uploads/5706f251fcd411e2f0649c3586dd408b.png) ![![0015746903224f8e023c07ede3ea3d7](https://wiki.we7shop.com/uploads/0d547db15ea026ce2d9ae5ebd37f3ec8.png)](images/screenshot_1645243307080.png) ![![00157469043b99b4280212ec40164c6](https://wiki.we7shop.com/uploads/647f6ccb76b37befa08dce25d86156a4.png)](images/screenshot_1645243324030.png) 在手机端点击上传的魔方推荐图片直接查看链接的信息(本此魔方推荐图片选择的链接是某商品链接),参见下图: ![![001574690816c8bc6be0e22a638b3b9](https://wiki.we7shop.com/uploads/0024bed23746c78b536d3f843bd48e08.png)](images/screenshot_1645243340236.png) ![blob.png](https://wiki.we7shop.com/uploads/f5933aeb4ad24197c9e8efd7de039c7f.png)与以上功能模块不同的是**直接点击****![blob.png](https://wiki.we7shop.com/uploads/9c7c249f8b20957c45539d46838cd8bc.png)****选择商城内的商品即可无需选择链接信息,手机端前台直接点击图片即可查看商品详情,拖动图片保存即可修改排序,**参见下图: ![001574690c402093a0feb6953fa0e16](https://wiki.we7shop.com/uploads/d0db6b9123fbe3b9ca360c200a35bd5c.png) ![![001574690e842dd8d3a5a321e6a65e8](https://wiki.we7shop.com/uploads/5463bed6825329b596fc1269e10413ee.png)](images/screenshot_1645243372452.png) 开启右上角![blob.png](https://wiki.we7shop.com/uploads/3484d8564f26eba43a19687f55b59d64.png)则在手机端前台以列表的样式展示,不开启则使用默认方块样式在前台展示,参见下图: ![![00157469124c9a386fd67b5aa21ebf7](https://wiki.we7shop.com/uploads/ce582dc4126b5de784d626b5836d4a35.png)](images/screenshot_1645243413294.png)