🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### 1.选择DIY模板,点击装修后,找到我的,DIY,点击使用即可,编辑自己想要的界面 ![](https://img.kancloud.cn/47/93/4793cd8c74925e9565f143187a050149_1378x826.png) ### 2.我已经随意搭建了一点,主要在组件中找到自己需要的组件即可 ![](https://img.kancloud.cn/f1/cf/f1cfddf4639f1556e8672ce8ccd46f39_1198x836.png) ### 3.文字图片使用 ![](https://img.kancloud.cn/df/4c/df4c98b27b87cb4df4263e9706c92804_853x553.png) ### 4.使用技巧 ![](https://img.kancloud.cn/90/5d/905df8a791e9526ec49b5e8870c10ab2_1913x948.png) ### 5.页面管理新页面设置 ![](https://img.kancloud.cn/c6/0b/c60b303ab8757c5a9db65aaf755d1fec_463x452.png) ### 6.页面长度拖动设置 ![](https://img.kancloud.cn/6c/5c/6c5c33d72a5cb2ac43f8ca0ad1f6b6b7_813x590.png) ### 如何编辑文字以及替换图片 ![](https://img.kancloud.cn/76/41/764110a5bc203f2f1ce4ca648bd62c76_1270x743.png) ### 如何点击图片跳转其他界面 ![](https://img.kancloud.cn/d9/15/d915318f4be00808cca888857e71af4a_1225x748.png) ![](https://img.kancloud.cn/65/36/6536307485e58ebacbdd99b5db6f3c6d_924x645.png) ### 7.产品设置 ![](https://img.kancloud.cn/eb/ee/ebeec5ec6ec340447b735dab54753402_1102x552.png) ### 8.如何上传产品,点击左上角返回造壳小站,点击上方经营管理,产品中心,即可添加自己销售的产品 ![](https://img.kancloud.cn/e0/fb/e0fbf3e88f83c62b42c01c93145ee241_843x575.png) ### 9.产品上传 ![](https://img.kancloud.cn/cf/b4/cfb4d38393d2460b9a6e75c6c2810372_1253x517.png) ![](https://img.kancloud.cn/3e/d3/3ed35efcea70c8acce651350fc8b35b5_566x433.png) ![](https://img.kancloud.cn/1b/e0/1be0a326db83799fe9243756ba09bbb6_1150x359.png) ### 10.产品搜索以及矩形设置 ![](https://img.kancloud.cn/62/66/6266f568d4d84477a1732c776eee66bc_1102x664.png) ### 11.底部导航设置 ![](https://img.kancloud.cn/a2/27/a2274628e016b1c63eba6eebe2f15bf1_1874x866.png) ### 12.跳转设置(任意图片都可以点击事件,去选择跳转的界面) ![](https://img.kancloud.cn/be/af/beafef1dfee756048fff7d0ace9cb285_1317x615.png) ![](https://img.kancloud.cn/7f/b2/7fb2568e7d641d3f64ea4a43bce739e4_574x483.png) ![](https://img.kancloud.cn/ce/7e/ce7e9550e4856b85b78ff1d24c15ecb8_507x438.png) ![](https://img.kancloud.cn/f9/36/f93696bf1c5ba85127ecfe3c2d57339a_792x504.png) ### 13.分类设置,在应用中心——电商系统——商城配置,分组配置中设置,选择应用,三项可选 ![](https://img.kancloud.cn/52/85/5285f9336e4a0c1b371f729343ab17d9_855x598.png) ### 14.商城首页配置,为副主页,主要在购物车 去逛逛,点击后即可跳转副首页,也可以修改为自己想要的界面,跳转链接修改等,下方产品图,如产品上传后,会自动变为自己上传的产品! ![](https://img.kancloud.cn/63/74/6374c681eec620cff0ecead2e49df9f5_975x833.png) ### 15.商品管理,在应用中心——电商系统——商品管理中可以添加分组以及商品! ![](https://img.kancloud.cn/94/9d/949dae3651ba9cef27014b92524fb282_734x520.png) ### 16.个人中心设置,在上方装修设置——个人中心可编辑 ![](https://img.kancloud.cn/39/85/39850b3f359d0971490d5c4fa46073c6_1183x896.png) ### 17.底部导航——在装修设置,底部导航中设置 ![](https://img.kancloud.cn/fb/d8/fbd823a76213ccb17891df5f43ada568_1170x898.png) ### 18.设置好后关联微信小程序,扫描后即可关联 ![](https://img.kancloud.cn/f1/10/f110de4a00f75fb252ce1acfeb6719a3_923x687.png) ![](https://img.kancloud.cn/30/f6/30f6cdfc98ec6ce2ec3d39b1d67167c7_654x597.png) ### 19.发布,关联小程序,页面搭建好后,即可点击右上角发布即可 ![](https://img.kancloud.cn/20/1a/201a840000aef6ffd70f5d49bdcc65cc_546x508.png) ### 20.小程序支付设置,在装修设置——微信小程序——支付设置上传后,微信支付即可使用 需要资料: APPID: 小程序或者微信的 商户号: 微信支付商户号 商户秘钥: 微信支付配置的 apiclient_cert.pem: 支付证书 apiclient_key.pem: 支付秘钥 ![](https://img.kancloud.cn/fe/d8/fed892b608e4e92e0d83205ca18cb758_975x741.png)