【微信小程序】04-公共文件引入

1 样式文件引入

应用场景：

        除了公共样式外，在开发种，遇到这样的问题：例如，在A页面写了一些模块，而在B页面种，某块的结构、样式与A种的相同，为了节省开发时间（偷懒），也为了代码整洁，就可以在B页面的wxss文件种引入 A页面的wxss文件。

实现过程：

@import "../pages/index/index.wxss"; 

        注意引入正确的wxss文件路径。

 

2 公共 header头部、footer尾部 文件引入

应用场景：

        像项目的某些模块，很多页面都有，样式排版都一样，例如footer尾部 文件，此时就可以用文件引入的方式来完成。

实现过程：

        1，首先可以自行创建一个common文件夹，并在文件夹下创建需要的footer.wxml文件；

        2，在footer.wxml文件中填写内容：

<template name="footer">
  <navigator class="page-footer">
      蹦跶跶的王小哲软件开发有限公司
  </navigator>
</template>

        3 ，在需要引入的footer 的文件中：

<import src="../common/footer.wxml" />
<view class="container">
内容
</view>
<!--尾部文件-->
<template is="footer" />

样式的话，像公共头部、尾部这种可以放在公共的wxss样式文件中。