🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## **装修管理** ~~~ * 装修管理分为店铺装修跟素材管理 * 店铺装修主要是用于首页DIY和个人中心DIY还有自定义页面 * 首页跟个人中心会有默认的拖拽数据,自定义页面是空的 * 首页跟个人中心是必须设置的,如果没有小程序端就不会显示内容 * 自定义页面不能用来作为首页来使用 * ~~~ ![](https://img.kancloud.cn/4e/e9/4ee9ac3e62d6d4910718d21ecc82cbce_1897x620.png) ![](https://img.kancloud.cn/b5/60/b560b1288fb4b73243b1e31065a03a4e_1920x921.png) ![](https://img.kancloud.cn/7b/ad/7badde07050cab06769c366007cc813f_1920x921.png) ![](https://img.kancloud.cn/80/be/80be5caa818ae990b60fbb26ab656936_1920x921.png)~~~ **基础组件** 固定定位,这个有4个模式,根据自己喜好来选择,可以设置背景图,名称,链接区域 设置好了之后可以在手机端看变化~~~ ![](https://img.kancloud.cn/6b/98/6b989a78d9f63ce23c644df44f46e342_492x445.png) ![](https://img.kancloud.cn/60/e1/60e182161db9cb74c87f0e28c36238f3_533x608.png) ![](https://img.kancloud.cn/07/a4/07a4fdad3df3c90fda52270ef55a11e4_521x511.png) ![](https://img.kancloud.cn/52/40/52409dce6389f014c6ecbf4264426a82_520x517.png) ![](https://img.kancloud.cn/2d/8d/2d8d7617fa1bf7969fd709ec7bd8feca_537x488.png)~~~ 搜索框,可以设置搜索框的样式和里面的提示文字,根据自己喜好来设置~~~ ![](https://img.kancloud.cn/d5/bf/d5bfb66fb801642ee9655ee3e307b83f_536x710.png)~~~ 公告,可以设置公告的图标、样式和内容来源~~~ ![](https://img.kancloud.cn/3f/42/3f4226fb6bf785fc4f05f47c622dda86_517x793.png)~~~ 图片轮播,就是普通的轮播图,宽度为750px,高度可以自己设置,数量没有上限~~~ ![](https://img.kancloud.cn/90/6d/906d82d686072c6df936b51de26cc99a_455x211.png) ![](https://img.kancloud.cn/1f/64/1f64c409e5a6611347c2e58130d96282_531x652.png)~~~ 按钮组,此功能基本用来导航用的,可以设置数量,图形和链接,数量上限为20个~~~ ![](https://img.kancloud.cn/ad/62/ad62f13b9859ca70999206e5cdcc6b95_465x117.png) ![](https://img.kancloud.cn/20/96/2096d0dabb68589296cdad520b3be950_521x575.png) ![](https://img.kancloud.cn/fe/e5/fee53c4f49421352fb830989345bccbe_513x477.png)~~~ 图片,跟轮播图差不多,不过不能滚动~~~ ![](https://img.kancloud.cn/12/f1/12f147dd922cd67689232bebd37c1511_489x130.png) ![](https://img.kancloud.cn/c3/bb/c3bb5d12829d979d9184754e45b34e0f_536x737.png)~~~ 标题栏,可以设置左右侧文字和样式~~~ ![](https://img.kancloud.cn/9c/cb/9ccb1477b0cb1571069382100942b6e7_529x546.png) ![](https://img.kancloud.cn/9c/cb/9ccb1477b0cb1571069382100942b6e7_529x546.png) ![](https://img.kancloud.cn/09/db/09db8d12719137850f87e6e3ab04120d_522x786.png) ![](https://img.kancloud.cn/09/db/09db8d12719137850f87e6e3ab04120d_522x786.png)~~~ 辅助空白,可以在组件之间增加间隙,空白的地方也可以设置颜色~~~ ![](https://img.kancloud.cn/cc/92/cc9226056b80ed4179085324cf45ce45_521x241.png) ~~~ 辅助线,跟辅助空白一样的左右,有实线、虚线、短点 ~~~ ![](https://img.kancloud.cn/48/12/481246be74edae19265fca6d808d2f19_517x430.png) ~~~ 富文本,可以编辑图文,多用在说明上面 ~~~ ![](https://img.kancloud.cn/4c/d4/4cd4e6dc6993fe994e978078e1b359e4_507x737.png) ~~~ 列表导航,类似按钮组的功能,显示形式不一样 ~~~ ![](https://img.kancloud.cn/8a/3c/8a3cdbcc72488d0b620f9c49e8d7e1de_511x452.png) ![](https://img.kancloud.cn/12/56/125675a1f8d032c6642a5d467a0781a6_513x486.png) ~~~ 热区,此功能类似网页设计,上传一张图片后,可以把图片上划分成不同的区域并且连接到的不同的位置 ~~~ ![](https://img.kancloud.cn/97/26/9726f418630e810da36346432540a034_525x698.png) ![](https://img.kancloud.cn/97/26/9726f418630e810da36346432540a034_525x698.png) ~~~ 魔方,一种图片广告的组合,有四种样式,可根据自己的喜好来设置 ~~~ ![](https://img.kancloud.cn/e2/4f/e24f2e33014854e767e43e5db9c41287_494x137.png) ![](https://img.kancloud.cn/f3/0b/f30b5ded561cb91fe890b5f54be5ccae_472x830.png) ![](https://img.kancloud.cn/68/57/6857b8da46dbb866bcd23d9fd3136868_551x269.png) ![](https://img.kancloud.cn/68/57/6857b8da46dbb866bcd23d9fd3136868_551x269.png)~~~ **营销组件** 商品组,可以在首页展示商品,添加后选择想要展示的商品及展示方式 ![](https://img.kancloud.cn/41/57/4157da4675839d9a2b5daa7d38de7ede_519x554.png) ![](https://img.kancloud.cn/8c/f6/8cf688b34fd9173df1a6bfb04e5b8e30_532x852.png) ~~~ 精选资讯,就是简短的新闻,在这里添加好后,需要在后台里面添加资讯才有内容展示 ~~~ ![](https://img.kancloud.cn/c6/0b/c60b9bfc022976c3b5deee1bf2d7863d_494x347.png) ![](https://img.kancloud.cn/f8/ae/f8ae19dc82fdcdda020bbcd534ca511b_546x382.png) ~~~ **功能组件** 悬浮按钮,类似一个联系客服的功能,添加后设置链接即可 ~~~ ![](https://img.kancloud.cn/e8/bc/e8bcbb3d4f00b792bed8ecd8e50afa20_226x144.png) ![](https://img.kancloud.cn/f8/04/f804e6a4a9c4f7d7817d6c160988650a_524x494.png) ~~~ 关注条,提示用户关注小程序,可以设置图片和分享文字,此组件只能添加到最顶部并且只能添加一个 ~~~ ![](https://img.kancloud.cn/a9/e0/a9e0cd4da0850c349333d45ae12b5a45_515x329.png) ~~~ **启动页** 就是打开小程序的时候有倒计时的广告图,可以设置为全屏和弹窗形式的 ~~~ ![](https://img.kancloud.cn/6e/1a/6e1a279ff1f980312f3c100c1e85750b_1387x770.png) ~~~ **导航** 此处的导航为底部导航按钮,可以设置图标,文字,链接 注意第一个导航按钮的链接必须为首页 ~~~ ![](https://img.kancloud.cn/8c/83/8c832f008316488f7abd9d9c92e81a4d_445x114.png) ![](https://img.kancloud.cn/76/e4/76e465b45cdcd7afc3388a6050beab1e_525x341.png) ~~~ **链接选择器** 不同组件的链接可以选择位置是不同的,链接分为基础链接、商品分类、商品、小程序跳转和自定义页面 基础链接直接选择即可,商品分类跳转就是指定分类的商品,链接商品即是连接单个的商品 小程序跳转需要关联小程序并上线,填写小程序名称、appid、页面路径即可 自定义页面,就是我们自己装修的自定义类型页面,可以选择跳转 ~~~ ![](https://img.kancloud.cn/f0/07/f0074635c69374453e0c87f571797eee_978x502.png) ![](https://img.kancloud.cn/f9/48/f94860e525cf0716f6bb9a0e48332761_985x597.png) ![](https://img.kancloud.cn/bd/6b/bd6bc45e8e97ce70a5e55e1fee9631d9_979x574.png) ![](https://img.kancloud.cn/fa/1d/fa1dd8207519295ecf7b35823347bfcf_974x347.png) ![](https://img.kancloud.cn/87/7a/877a761355f41b08d7cbf23886ee804a_975x272.png) ~~~ **自定义页面** 可按照自己的喜好来装修,并且可以跳转本页面,本页面功能跟首页基本一样,只是缺少固定定位和启动图 ~~~ ~~~ **个人中心** 个人中心装修,没有固定定位和启动图,多了会员信息和按钮组2组件,其他功能跟首页一样 会员信息,这里主要是显示用户的头像、昵称及余额的地方 按钮组2,有两种显示形式,可以根据自喜好来设置,最多设置32个按钮 ~~~ ![](https://img.kancloud.cn/2a/78/2a782925d2f22adb666f41d5f0397e35_323x152.png) ![](https://img.kancloud.cn/b5/53/b5532e8dc0c2e5d4de1204e22b07e887_482x787.png) ![](https://img.kancloud.cn/b5/c8/b5c8abfddc3be65a45150f21b4230a7b_508x607.png) ![](https://img.kancloud.cn/e0/25/e0258f4b441d2fb272be2b47493ba54f_515x519.png) ![](https://img.kancloud.cn/36/69/36690eaf9e4ae3f54f7491be70d90a94_520x624.png)