页面逻辑 、wxml
页面结构 、wxss
页面样式表 、json
页面配置 。把样式宝贝到当前页面同名的.wxss文件里面就可以了
一、引入模板 小程序提供了两个引入外部模板的方法：import和include使用外部模板可以实现大部分共同页面的代码利用，在一个app中，头部和脚部基本不会 变动太大，这时就可以通过模板的方式引入，实现多个页面的复用。1.1 import示例：<!--view.wxml--> <template name="view"> <text>{{text}}</text> </template>1234引入：<import src="view.wxml"/> <template is="view" data="{{text: 'forbar'}}"/>12注意：import有作用域，即import引入的模板只在当前页面有效，即import不会向下查找另外的模板1.2 includeinclude标签可以看作是对 “html”的一个拷贝，即将外部的wxml片段拷贝进文档中 示例： 外部wxml片段<!-- header.wxml --> <view>header </view> <!-- footer.wxml --> <view>footer </view>1234<!-- index.wxml --> <include src="header.wxml"/> <view>body </view> <include src="footer.wxml"/>12345总结：import是引入模板片段，且有作用域限制，不能进行模板嵌套。include是引入wxml片段，相当于代码拷贝。二、WXSS 微信样式表小程序中，页面样式的渲染通过wxss文件实现，.wxss可以看成是css，因为它们都在实现相同的功能。实质上wxss也是在css的基础之上进行了扩充和修改得到的。 wxss在css上的扩展特性： 1）、尺寸单位：rpx rpx：是一个相对像素单位，可以根据屏幕宽度进行自适应。 针对移动端的开发，设计稿一般都是以iphone6为标准的。而iphone用的是视网膜屏，即我们css中设定的1px，在iphone上实际是由2px*2px的像素点组成的。 以iphone6为准，屏幕宽度375px，共有750个物理像素，则750rpx=350px,即1rpx=0.5px 2）、样式导入 @import 跟在css中的外部样式表的导入类似@import "common.wxss"目前有两种引用方式，一种是通过在head里面的link来引用，另外一种是直接通过import来引用，示例代码如下：
第一种：link引用
<link rel="stylesheet" href="/css/mycss.css" />第二种：@import引用
<style type="text/css">@import url（/css/mycss.css）
</style
link和import语法结构不同，前者<link>是html标签，只能放入html源代码中使用，后者可看作为css样式，作用是引入css样式功能。
import在html使用时候需要<style type="text/css">标签，同时可以直接“@import url(CSS文件路径地址)”放入css文件或css代码里引入其它css文件。
本质上两者使用选择区别不大，但为了软件中编辑布局网页html代码，一般使用link较多，也推荐使用link。
