小程序制作案例

小程序制作案例



1.选择模板.

选择小程序制作下的模板市场,选择合适的模板点击使用模板。




2 . 初步认识模板界面的结构

进入小程序模板界面左边为制作小程序组件,中间为显示部分,右边为组建的设置。(将你想要使用组件拖拽到手机显示屏中然后在右边进行设计,不需要的组件点击组件的右上角组件进行删除)




3 . 初步编辑小程序

编辑幻灯片更换幻灯片图片(选择你喜欢的轮播图样式)   


选择本地连接中单击浏览找到你事先准备好的图片点击确定


添加完图片点击保存

导航栏组件

标题栏组件

设置双图组件

标题栏组件

制作商品组件(因为没有添加商品所以商品组件显示是空白的)

这时你需要点击保存 单机返回按钮进行添加商品的类别、规格、商品信息。



4.设置商品类别

选择商品系统下的商品类别点击添加分类。

给商品设计二级分类



5. 添加商品规格

选择商城系统下的商品规格进行添加商品规格





6 添加商品以及商品详情

选择商城系统下的商城列表进行添加商品





添加商品详情





7.修改小程序模板

通过小程序的修改完善商品组件      (  把做好的模板设置成首页  )

修改模板名字

点击小程序修改完善首页商品信息


底部导航栏添加链接


跟根据链接样式进行链接如首页链接到首页,分类链接到分类页。

8.下载小程序

小程序制作导航下的小程序下载,下载你所制作的模板

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,094评论 25 709
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,054评论 3 119
  • 文/木子 已至凌晨,心底油然而生的沧桑。翻开那个...
    南有木子阅读 2,844评论 0 0
  • 小时候唯一的记忆,就是春节。那个时候,每家每户洋溢着的都是幸福,扶着木梯仰望正在贴春联的家里外出的爸爸,时不时递上...
    Dragonfly阅读 1,364评论 0 1
  • 最近遇到一些jvm上的问题,查了一些资料,基本解决问题了,下面这些文章写得非常好,值得仔细读一读。 垃圾收集简介 ...
    techhow阅读 1,463评论 0 0

友情链接更多精彩内容