在微信小程序开发中，WXSS（WeiXin Style Sheets）用于定义小程序的样式。它类似于CSS，但有一些小程序特有的限制和特性。使用WXSS模板样式能够提高代码复用性和开发效率。以下是应用WXSS模板样式的方法：

1. 全局样式文件：

   • 在app.wxss中定义全局样式，这些样式会应用于小程序中的所有页面。
   • 可以在app.wxss中定义一些常用的CSS类和变量以便复用。

2. 页面样式文件：

   • 每个页面可以有自己的样式文件，命名为[page].wxss。
   • 页面样式文件优先级高于全局样式文件中的样式，可以用于覆盖全局样式。

3. 使用自定义类：

   • 使用类选择器定义可复用的样式结构，比如.button { padding: 10px; background-color: #007aff; }。
   • 然后在小程序的WXML文件中应用这些类，如：<button class="button">确定</button>。

4. WXSS预处理器：

   • 使用Less、Sass等预处理器以编写更复杂的样式，最终编译成WXSS文件。
   • 这些预处理器支持变量、嵌套、混合等特性，提高了样式代码的管理和可维护性。

5. CSS变量：

   • WXSS支持CSS变量，可以在样式中定义变量以便于管理主题、颜色和尺寸。
   • 例如：:root { --primary-color: #007aff; } 可以在其他地方用color: var(--primary-color);。

6. 响应式设计：

   • 使用rpx作为单位，可以根据屏幕宽度自动适配。1rpx会根据设备宽度自动计算为不同的像素值。

通过以上方法，开发者可以高效地使用WXSS模板样式来保持小程序的一致性和视觉吸引力。在开发过程中，保持样式的模块化和复用性是高效管理代码的关键。