单页小程序

应用简介

使用小程序需要已备案的网站,并且支持https(ssl)访问!

联系QQ:839488083 协助进行小程序的注册,认证,发布,上线!

小程序的上架流程请查看》》如何上架一个微信小程序?

后台设置

栏目设置

小程序目前支持 产品模块、简介模块、新闻模块、反馈模块 四个模块,其中简介模块为首页的服务。建议新建一个一级反馈栏目给小程序调用!

1502354853747325.gif

图片制作

  1. 产品栏目图,产品的缩略图建议为正方形图片
  2. 其它所有图片,宽度建议800,高度自动

视频的显示

小程序的内页支持视频显示,需要使用代码方式添加

#视频格式为MP4格式,封面为图片,将以下代码添加到编辑器中,小程序即可播放视频
<video src="视频地址" poster="封面地址" controls="controls"></video>

跳转链接的设置

#链接类型
【内页-简介详情】:/pages/show/index?id=简介的id (例如id=1)
【内页-产品列表】:/pages/product/plist/index?cid=二级栏目id-三级栏目id (例如cid=3-100)
【内页-产品详情】:/pages/product/pshow/index?pid=产品的id (例如pid=1)
【内页-新闻详情】:/pages/news/show/index?id=新闻id (例如id=1)

【底部菜单-产品】:/pages/product/index
【底部菜单-新闻】:/pages/news/index
【底部菜单-留言】:/pages/feedback/index
【底部菜单-联系】:/pages/contact/index

#首页轮播,图片模块跳转
直接将上边需要的链接(只支持内页链接)填入对应的框内即可

#首页自定义HTML模块跳转
#默认模板采用amazeui前端框架,其中的JS插件可以直接使用 http://amazeui.org/
#特别注意,请不要在自定义模块中使用 a 标签
    ##跳转内页
    在任意除了 a 的其它标签,增加 class 名字为 tap, 增加一个 data-url="/pages/show/index?id=1" 参数,就可以实现点击跳转内页
    例如:
    <div class="tap" data-url="/pages/show/index?id=1">点我打开id为1的简介模块的内容</div>

    ##如果需要点击跳转底部菜单页
    还需要增加一个参数 data-type="tab"
    例如:
    <div class="tap" data-url="/pages/contact/index" data-type="tab">点我打开联系我们页面</div>

    ##如果需要拨打电话
    data-type参数需要为tel
    例如
    <div class="tap" data-url="18888888888" data-type="tel">点我打开联系我们页面</div>

Tips

GitHubLuckyMoke

Weibokeailvyou

QQ839488083

米拓交流群

模板有不完善的地方欢迎指正!

1511438794807394.jpg