🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## **装修管理** ~~~ * 装修管理分为店铺装修跟素材管理 * 店铺装修主要是用于首页DIY和个人中心DIY还有自定义页面 * 首页跟个人中心会有默认的拖拽数据,自定义页面是空的 * 首页跟个人中心是必须设置的,如果没有小程序端就不会显示内容 * 自定义页面不能用来作为首页来使用 ~~~ ![](https://img.kancloud.cn/a0/92/a0925c0f9a951e78c15aaa4448cc2188_1897x620.png) ![](https://img.kancloud.cn/68/9f/689f7049c28330a85255a9266c516b55_1920x921.png) ![](https://img.kancloud.cn/59/68/59683244403fccb4aeeea901b0c4968f_1920x921.png) ![](https://img.kancloud.cn/39/be/39bea81443503ee093b62cd7e1c43707_1920x921.png) ~~~ **基础组件** 固定定位,这个有4个模式,根据自己喜好来选择,可以设置背景图,名称,链接区域 设置好了之后可以在手机端看变化 ~~~ ![](https://img.kancloud.cn/b7/d3/b7d34f99f60e71b90e04f79ccc5c4d10_492x445.png) ![](https://img.kancloud.cn/9c/58/9c5892895af7f8370aa879ebc0e4484f_533x608.png) ![](https://img.kancloud.cn/bd/26/bd26522d1176f25a4ad911e7af8bffd6_521x511.png) ![](https://img.kancloud.cn/5e/06/5e068980afa58c71ac73eceaef4040d6_520x517.png) ![](https://img.kancloud.cn/7b/56/7b56351f412fff2f52da39fefbf08ee3_537x488.png) ~~~ 搜索框,可以设置搜索框的样式和里面的提示文字,根据自己喜好来设置 ~~~ ![](https://img.kancloud.cn/04/9e/049e846705e35e9cf0e19b7fdfc55167_505x70.png) ![](https://img.kancloud.cn/36/39/36392f104323720280991c3b264879ee_536x710.png) ~~~ 公告,可以设置公告的图标、样式和内容来源 ~~~ ![](https://img.kancloud.cn/8c/4f/8c4f4194f57228f3ddb2305569d55fb7_517x793.png) ~~~ 图片轮播,就是普通的轮播图,宽度为750px,高度可以自己设置,数量没有上限 ~~~ ![](https://img.kancloud.cn/5e/54/5e54f430b65f939fc90e6132c3a5568a_455x211.png) ![](https://img.kancloud.cn/8b/bc/8bbcfdc57385d7ec63ea95e0156bfcb4_531x652.png) ~~~ 按钮组,此功能基本用来导航用的,可以设置数量,图形和链接,数量上限为20个 ~~~ ![](https://img.kancloud.cn/13/66/13662f5eee908dc071d5e1d0e09ec127_465x117.png) ![](https://img.kancloud.cn/9a/8a/9a8acc4e8cbcc0684be57333a794cfb5_521x575.png) ![](https://img.kancloud.cn/64/82/64829e69f4a670f1b4cb684156315290_513x477.png) ~~~ 图片,跟轮播图差不多,不过不能滚动 ~~~ ![](https://img.kancloud.cn/8f/59/8f59f884acb36d5fdeb079dc74237547_489x130.png) ![](https://img.kancloud.cn/e3/ff/e3ff2d41db5009c490f90f3be142b9c5_536x737.png) ~~~ 标题栏,可以设置左右侧文字和样式 ~~~ ![](https://img.kancloud.cn/ff/49/ff49ed69b8e779823ec369a00100833d_471x58.png) ![](https://img.kancloud.cn/e3/c9/e3c9c8b8f2737509dd050ff25e7059b0_529x546.png) ![](https://img.kancloud.cn/97/47/9747a838928e250fb9975d1592729060_522x786.png) ![](https://img.kancloud.cn/97/47/9747a838928e250fb9975d1592729060_522x786.png) ~~~ 辅助空白,可以在组件之间增加间隙,空白的地方也可以设置颜色 ~~~ ![](https://img.kancloud.cn/cc/2d/cc2d02b947c4357bdaa4d255c6bd9b8d_488x48.png) ![](https://img.kancloud.cn/f6/e7/f6e7da9b137f4cac83d338192065c748_521x241.png) ![](https://img.kancloud.cn/35/b4/35b41f16f6173f67db580d6d0fe2fb33_517x430.png) ~~~ 富文本,可以编辑图文,多用在说明上面 ~~~ ![](https://img.kancloud.cn/9d/7c/9d7cc52e9109e0ef51892e2ee25734d0_507x37.png) ![](https://img.kancloud.cn/c2/fb/c2fb9ee56e72b29117be87c00abf5cae_507x737.png) ![](https://img.kancloud.cn/4d/0a/4d0ad2405fb354bf667dfb9c1d4327c1_512x333.png) ~~~ 列表导航,类似按钮组的功能,显示形式不一样 ~~~ ![](https://img.kancloud.cn/e6/7e/e67e769ca957d81bc216cee98498be2f_511x452.png) ![](https://img.kancloud.cn/bc/9a/bc9a0717fcb2ad9520cfda5d4c8566d5_513x486.png) ~~~ 热区,此功能类似网页设计,上传一张图片后,可以把图片上划分成不同的区域并且连接到的不同的位置 ~~~ ![](https://img.kancloud.cn/82/bc/82bc6fe18832dcffb89594f777a5b602_583x180.png) ![](https://img.kancloud.cn/55/37/5537635bbc22dafade178ad0ed50a48f_525x698.png) ![](https://img.kancloud.cn/55/37/5537635bbc22dafade178ad0ed50a48f_525x698.png) ~~~ 魔方,一种图片广告的组合,有四种样式,可根据自己的喜好来设置 ~~~ ![](https://img.kancloud.cn/c2/d7/c2d7758930ed8e9c253643397787b27a_494x137.png) ![](https://img.kancloud.cn/b9/97/b997d894b00cc47b47859d4c556cfb03_472x830.png) ~~~ **营销组件** 商品组,可以在首页展示商品,添加后选择想要展示的商品及展示方式 ~~~ ![](https://img.kancloud.cn/7a/d0/7ad09840b67130bf9b97248c53278d0a_551x269.png) ![](https://img.kancloud.cn/1d/9d/1d9db913e0516e2bff0bd1b57e5dd836_519x554.png) ![](https://img.kancloud.cn/07/72/0772da812bc042ece72773ede21ac0c0_532x852.png) ~~~ 精选资讯,就是简短的新闻,在这里添加好后,需要在后台里面添加资讯才有内容展示 ~~~ ![](https://img.kancloud.cn/b5/a4/b5a42fe2c2caae94d34f3b9092e6f45c_494x347.png) ![](https://img.kancloud.cn/a2/46/a246a53a426279799e887021ab3ee5b7_546x382.png) ~~~ **功能组件** 悬浮按钮,类似一个联系客服的功能,添加后设置链接即可 ~~~ ![](https://img.kancloud.cn/68/c4/68c462c45ecca1cbfdcabe47414933d4_226x144.png) ![](https://img.kancloud.cn/fb/71/fb71e95e663e5b2e0fa05d8538f07064_524x494.png) ~~~ 关注条,提示用户关注小程序,可以设置图片和分享文字,此组件只能添加到最顶部并且只能添加一个 ~~~ ![](https://img.kancloud.cn/52/27/5227ef6045d515c67e3f8add4a9cd2b2_536x73.png) ![](https://img.kancloud.cn/75/18/75181d135b5078abcbc038a63f392425_515x329.png) ~~~ **启动页** 就是打开小程序的时候有倒计时的广告图,可以设置为全屏和弹窗形式的 ~~~ ![](https://img.kancloud.cn/f6/a0/f6a0962414c21c30c2883bd290756833_1387x770.png) ~~~ **导航** 此处的导航为底部导航按钮,可以设置图标,文字,链接 注意第一个导航按钮的链接必须为首页 ~~~ ![](https://img.kancloud.cn/70/b1/70b1a779c0560ce34c9b50b69cf5ab9a_445x114.png) ![](https://img.kancloud.cn/5a/9d/5a9d3194f3e7fda8c34187d720f1baf4_562x306.png) ![](https://img.kancloud.cn/9c/cd/9ccde1b16488cee2cd197069ee974ecf_525x341.png) ~~~ **链接选择器** 不同组件的链接可以选择位置是不同的,链接分为基础链接、商品分类、商品、小程序跳转和自定义页面 基础链接直接选择即可,商品分类跳转就是指定分类的商品,链接商品即是连接单个的商品 小程序跳转需要关联小程序并上线,填写小程序名称、appid、页面路径即可 自定义页面,就是我们自己装修的自定义类型页面,可以选择跳转 ~~~ ![](https://img.kancloud.cn/61/38/6138ecb5f969101df2fa48ef934c7ac3_978x502.png) ![](https://img.kancloud.cn/cc/63/cc63d407868478467dc7f7efaa7f0e13_985x597.png) ![](https://img.kancloud.cn/54/b5/54b58172c99c66642983dffb9967a567_979x574.png) ![](https://img.kancloud.cn/59/68/5968f5228eb091cc6e44561a834cb4d7_974x347.png) ![](https://img.kancloud.cn/e7/48/e7485003299a0e72b9b9be70c0d964c3_975x272.png) ~~~ **自定义页面** 可按照自己的喜好来装修,并且可以跳转本页面,本页面功能跟首页基本一样,只是缺少固定定位和启动图 ~~~ ~~~ **个人中心** 个人中心装修,没有固定定位和启动图,多了会员信息和按钮组2组件,其他功能跟首页一样 会员信息,这里主要是显示用户的头像、昵称及余额的地方 按钮组2,有两种显示形式,可以根据自喜好来设置,最多设置32个按钮 ~~~ ![](https://img.kancloud.cn/a3/ef/a3efe7fe386af5a13c7f6bc364e25390_323x152.png) ![](https://img.kancloud.cn/c8/1e/c81e97589f92d77098cd4c0806f0ce44_482x787.png) ![](https://img.kancloud.cn/e8/02/e8026d6193c9f5cf1b8a22a4c278a0c1_508x607.png) ![](https://img.kancloud.cn/c9/01/c9014ad0d9af5fe49eb5ababfc40277a_515x519.png) ![](https://img.kancloud.cn/68/8a/688a9e37a8686498bba09a9579552405_520x624.png)