微信小程序--公共头部组件

(1)清空默认的格式。:清空app.wxss文件里的内容。再快速初始化:录入以下代码:

微信小程序--公共头部组件

 

 

 (2)清空app.js文件里的内容。再快速初始化:在微信开发者工具里的app.js文件输入app回车,可快速初始化。

微信小程序--公共头部组件

 

 

 

(3):清空page页里的inddex文件夹里的*.js,*.wxml,*.wxss。在微信开发者工具里打开index文件夹的*.js,输入page按回车,初始化。

微信小程序--公共头部组件

 

 

 

 

 

一:新建自定义组件:

微信小程序--公共头部组件

 

 

二:在pages页的json文件里创建自组定义件名字与地址。

 

 微信小程序--公共头部组件

 

 

 

三:页面放自定义组件。在*.wxml文件里。

微信小程序--公共头部组件

 

 

四:在自定义组件*.wxml放样式。

微信小程序--公共头部组件

 

 

五:自定义组件*.wxss放格式:

微信小程序--公共头部组件

 

 

六:生成的结果为:

微信小程序--公共头部组件

 

微信小程序--公共头部组件

上一篇:小程序scroll-view组件(个人理解)


下一篇:微信小程序 如何实现js点击事件