🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
~~~ * 装修管理分为店铺装修跟素材管理 * 店铺装修主要是用于首页DIY和个人中心DIY还有自定义页面 * 首页跟个人中心会有默认的拖拽数据,自定义页面是空的 * 首页跟个人中心是必须设置的,如果没有小程序端就不会显示内容 * 自定义页面不能用来作为首页来使用 ~~~ ![](https://img.kancloud.cn/72/d2/72d25fc0413f2214d294a0ba23991c77_1897x620.png) ![](https://img.kancloud.cn/6f/57/6f571c0bc3a05b8a70fddc2d7cab5233_1920x921.png) ![](https://img.kancloud.cn/40/8f/408fb3ce2c01e691e1c81878ccec537b_1920x921.png) ![](https://img.kancloud.cn/7b/52/7b52874771c92c0ab8a8a24622578fbd_1920x921.png) ~~~ **基础组件** 固定定位,这个有4个模式,根据自己喜好来选择,可以设置背景图,名称,链接区域 设置好了之后可以在手机端看变化 ~~~ ![](https://img.kancloud.cn/0f/cb/0fcbfd7e6fdab2056f43a015d7db7dc5_492x445.png) ![](https://img.kancloud.cn/55/a8/55a8924831e322270c7cf797cd8f93e3_533x608.png) ![](https://img.kancloud.cn/ca/ff/caffaaeeb7aba8bd77759e46c28cffdc_521x511.png) ![](https://img.kancloud.cn/90/fe/90fe37f0a15668ffdfcccaa9a9751691_520x517.png) ![](https://img.kancloud.cn/5f/fa/5ffafd013d67e2f4dfd9b87c69392b06_537x488.png) ~~~ 搜索框,可以设置搜索框的样式和里面的提示文字,根据自己喜好来设置 ~~~ ![](https://img.kancloud.cn/0b/23/0b236300c17e34af136b51e74ad3f065_505x70.png) ![](https://img.kancloud.cn/89/39/89390f9d226b3e65a1ebfa64cb126a5a_536x710.png) ~~~ 公告,可以设置公告的图标、样式和内容来源 ~~~ ![](https://img.kancloud.cn/a0/32/a032b19c647717f34c943290165095ae_478x56.png) ![](https://img.kancloud.cn/99/e5/99e51585a43411c22b761a5f545a547a_517x793.png) ~~~ 图片轮播,就是普通的轮播图,宽度为750px,高度可以自己设置,数量没有上限 ~~~ ![](https://img.kancloud.cn/25/85/2585384e1e349664970bd2f126d9af7f_455x211.png) ![](https://img.kancloud.cn/69/f2/69f2b3705921501f06186392ed1fa8a4_531x652.png) ~~~ 按钮组,此功能基本用来导航用的,可以设置数量,图形和链接,数量上限为20个 ~~~ ![](https://img.kancloud.cn/13/64/1364a7cf7ac01f9a63793a2a71a9adea_465x117.png) ![](https://img.kancloud.cn/e7/1f/e71f0240056c401e24ae0fc0bc9cb368_521x575.png) ![](https://img.kancloud.cn/08/1f/081fa7668cfeb988fba78879f2c758e0_513x477.png) ~~~ 图片,跟轮播图差不多,不过不能滚动 ~~~ ![](https://img.kancloud.cn/4a/ed/4aedae3b581f1141c6b813a1e6c6bbee_489x130.png) ![](https://img.kancloud.cn/d8/59/d859a7cfaffd5b246033370934f09d48_536x737.png) ~~~ 标题栏,可以设置左右侧文字和样式 ~~~ ![](https://img.kancloud.cn/f2/6b/f26b49b2fbca5e4a17a5c60396475b5b_471x58.png) ![](https://img.kancloud.cn/4a/3e/4a3eb43c9f91e05b47d54c2939d45e59_529x546.png) ![](https://img.kancloud.cn/ba/23/ba23efa6e4fdeeaed1e744c1f7bfeb2f_522x786.png) ~~~ 辅助空白,可以在组件之间增加间隙,空白的地方也可以设置颜色 ~~~ ![](https://img.kancloud.cn/07/d6/07d6755081ca7ffc37f6f6ec61bbe1e8_488x48.png) ![](https://img.kancloud.cn/88/f7/88f7299b18e960fb8974f7a2f0fb13ec_521x241.png) ~~~ 辅助线,跟辅助空白一样的左右,有实线、虚线、短点 ~~~ ![](https://img.kancloud.cn/56/ec/56ec57e7463e0ef8545c71f34fd0f7d0_530x44.png) ![](https://img.kancloud.cn/b6/fc/b6fc1dbccdafe9285cdf6222c16a7459_517x430.png) ~~~ 富文本,可以编辑图文,多用在说明上面 ~~~ ![](https://img.kancloud.cn/58/7a/587a8f9171c2687e38c66c27aeed4acd_507x37.png) ![](https://img.kancloud.cn/ad/5a/ad5a7ac003d49ffcd7a06aacf24b0ac4_507x737.png) ![](https://img.kancloud.cn/09/a0/09a08aa1c51775cf7df6de809285d65c_512x333.png) ~~~ 列表导航,类似按钮组的功能,显示形式不一样 ~~~ ![](https://img.kancloud.cn/11/5f/115f47baded136d6d68b1196501efde4_511x452.png) ![](https://img.kancloud.cn/47/2e/472e7cca3a415f5cb718c4d939c29d7f_513x486.png) ~~~ 热区,此功能类似网页设计,上传一张图片后,可以把图片上划分成不同的区域并且连接到的不同的位置 ~~~ ![](https://img.kancloud.cn/94/7f/947f651a7e7f9d34c45620e982b4c0c7_583x180.png) ![](https://img.kancloud.cn/88/58/88585650abe26dfe356d0b2b9138793f_525x698.png) ~~~ 魔方,一种图片广告的组合,有四种样式,可根据自己的喜好来设置 ~~~ ![](https://img.kancloud.cn/13/ff/13ff9e7849fba345c038a0d4ac97eddb_494x137.png) ![](https://img.kancloud.cn/67/70/6770d3a307a6d1917f3bd279e1f85618_472x830.png) ~~~ **营销组件** 商品组,可以在首页展示商品,添加后选择想要展示的商品及展示方式 ~~~ ![](https://img.kancloud.cn/52/8d/528d344791c6b541306bf2a7786474aa_551x269.png) ![](https://img.kancloud.cn/b2/b1/b2b177a78995f7d8f8f93b34b8032576_519x554.png) ![](https://img.kancloud.cn/ca/ff/caff01c323dc81cda6dda2bf2139e3bb_532x852.png) ~~~ 精选资讯,就是简短的新闻,在这里添加好后,需要在后台里面添加资讯才有内容展示 ~~~ ![](https://img.kancloud.cn/0d/d1/0dd1cbca5ba00adf51703ad8145617c7_494x347.png) ![](https://img.kancloud.cn/83/24/83245176cd0c0eccaac8de876b3ce608_546x382.png) ~~~ **功能组件** 悬浮按钮,类似一个联系客服的功能,添加后设置链接即可 ~~~ ![](https://img.kancloud.cn/2e/5a/2e5adf35e2f2ae89ab156c1c7ca01d60_226x144.png) ![](https://img.kancloud.cn/ae/0e/ae0e409c3d91e3dad36343459b5398ba_524x494.png) ~~~ 关注条,提示用户关注小程序,可以设置图片和分享文字,此组件只能添加到最顶部并且只能添加一个 ~~~ ![](https://img.kancloud.cn/44/f7/44f725485dfdc053a85f3cdefab92d50_536x73.png) ![](https://img.kancloud.cn/a3/27/a3275a7f9784cc24d6462fac2c3103df_515x329.png) ~~~ **启动页** 就是打开小程序的时候有倒计时的广告图,可以设置为全屏和弹窗形式的 ~~~ ![](https://img.kancloud.cn/cf/e8/cfe89ab51b626fa4edff6dcd42fc03d4_1387x770.png) ~~~ **导航** 此处的导航为底部导航按钮,可以设置图标,文字,链接 注意第一个导航按钮的链接必须为首页 ~~~ ![](https://img.kancloud.cn/69/05/69059074883e39f8dba30a6c8e3707dd_445x114.png) ![](https://img.kancloud.cn/b9/a4/b9a4cf10f15a95e3574482606bfad8d5_562x306.png) ![](https://img.kancloud.cn/90/b4/90b4c0e06be1fa0cfdf958a73f1014d7_525x341.png) ~~~ **链接选择器** 不同组件的链接可以选择位置是不同的,链接分为基础链接、商品分类、商品、小程序跳转和自定义页面 基础链接直接选择即可,商品分类跳转就是指定分类的商品,链接商品即是连接单个的商品 小程序跳转需要关联小程序并上线,填写小程序名称、appid、页面路径即可 自定义页面,就是我们自己装修的自定义类型页面,可以选择跳转 ~~~ ![](https://img.kancloud.cn/68/72/687203ecbdea38eac9f55606b4d362a8_978x502.png) ![](https://img.kancloud.cn/66/20/662078cf3d4f07fc2e4ba71385fdb03b_985x597.png) ![](https://img.kancloud.cn/e2/6c/e26c569849d4ee56e5df471debde5dee_979x574.png) ![](https://img.kancloud.cn/6f/6e/6f6eb2fd288d145472dd171c60e2b772_974x347.png) ![](https://img.kancloud.cn/41/88/418849cae075254349a03b25ab4fc373_975x272.png) ~~~ **自定义页面** 可按照自己的喜好来装修,并且可以跳转本页面,本页面功能跟首页基本一样,只是缺少固定定位和启动图 ~~~ ~~~ **个人中心** 个人中心装修,没有固定定位和启动图,多了会员信息和按钮组2组件,其他功能跟首页一样 会员信息,这里主要是显示用户的头像、昵称及余额的地方 按钮组2,有两种显示形式,可以根据自喜好来设置,最多设置32个按钮 ~~~ ![](https://img.kancloud.cn/ea/82/ea8299a392f51b24d3fec417a487d609_323x152.png) ![](https://img.kancloud.cn/a1/20/a120fab00a6f025e3eafddaebaa7b1e8_482x787.png) ![](https://img.kancloud.cn/c1/0e/c10eff3f3ac90998cd7ba456ac2c618a_508x607.png) ![](https://img.kancloud.cn/60/9f/609fe0e2ad7726b9eb66780585242166_515x519.png) ![](https://img.kancloud.cn/47/e6/47e685fcab78b2c78aa34c61b761ed63_520x624.png)