资讯专栏INFORMATION COLUMN

微信小程序模板介绍

Jenny_Tong / 3484人阅读

摘要:文章来源地址一目录结构主要存放组件模块,可自行添加。组件需要在页面里的文件下配置组件路径,如下标题封装了公共的模板,可以看到以下这些文件请求封装请求签名参数域名环境控制正则匹配验证公共方法主要是用来解析。微信小程序开发文档

文章来源:www.bookcss.com/note/12/19

github地址:github.com/hwgq2005/xc…

一、目录结构
├── components
|   ├── select-address
├── images
├── pages
|   ├── page1
|   └── page2
├── utils
|   ├── common.js
|   ├── host.js
|   ├── reg.js
|   ├── request.js
|   └── sign.js
├── wxml
|   ├── aaa.wxml
|   └── bbb.wxml
├── wxss
|   ├── common.wxss
|   ├── header.wxss
|   └── sidebar.wxss
└── wxParse

1.components

主要存放组件模块,可自行添加。 组件需要在页面里的 xxx.json 文件下配置组件路径,如下:

{
	"navigationBarTitleText": "标题",
    "usingComponents":{
    	"select-address":"../../components/select-address/select-address"
    }
}

2.utils

封装了公共的模板,可以看到以下这些文件:

  • request.js - 请求封装

  • sign.js - 请求签名参数

  • host.js - 域名环境控制

  • reg.js - 正则匹配验证

  • common.js - 公共方法

    3.wxParse

    主要是用来解析HTML。

    import WxParse from "../../wxParse/wxParse"
    
    WxParse.wxParse("名称定义", "html", data.data.rules, this, 5);
    

    WxParse.wxParse(bindName , type, data, target,imagePadding)

    bindName绑定的数据名(必填)

    type可以为html或者md(必填)

    data为传入的具体数据(必填)

    target为Page对象,一般为this(必填)

    imagePadding为当图片自适应是左右的单一padding(默认为0,可选)

    引入模板

    "../../wxParse/wxParse.wxml"/>