<view style="width:375rpx;height:300rpx;border:1px solid black">测试RPX</view>
<view style="width:162px;height:300px;border:1px solid black">测试PX</view>
复制代码

text{
  color: rgb(22, 71, 207);
}
复制代码

/* pages/eventTest/eventTest.wxss */
@import "../../style/testImport.wxss";
复制代码

<view style="color:{{color}};" />
复制代码

<view class="inputNumber" />
复制代码

/* pages/eventTest/eventTest.wxss */
.inputNumber{ 
  border:1px solid gray; 
  padding:2px; 
  margin:1px 20px 1px 20px; 
}
复制代码

WXS 代码可以编写在 wxml 文件中的 <wxs> 标签内，或以 .wxs 为后缀名的文件内。
复制代码

<!--pages/wxsTest/wxsTest.wxml-->
<text>pages/wxsTest/wxsTest.wxml</text>
<wxs module="test01">
var some_msg = "hello wxsTest"; 
module.exports = { msg : some_msg, }
</wxs>
<view>{{test01.msg}}</view>
复制代码

src 属性可以用来引用其他的 wxs 文件模块。
引用的时候，要注意如下几点：
只能引用 .wxs 文件模块，且必须使用相对路径。
wxs 模块均为单例， wxs 模块在第一次被引用时，会自动初始化为单例对象。多个页面，多个地
方，多次引用，使用的都是同一个 wxs 模块对象。
如果一个 wxs 模块在定义之后，一直没有被引用，则该模块不会被解析与运行。
复制代码

// /pages/comm.wxs 
var foo = "'hello world' from comm.wxs"; 
var bar = function(d) { 
  return d; 
}
module.exports = { foo: foo, bar: bar };
module.exports.msg = "some msg";
复制代码

<wxs src="../../pages/comm.wxs" module="comm"/> 
<view>{{comm.msg}}</view> 
<view>{{comm.bar(comm.foo)}}</view>
复制代码

var foo = "'hello world' from tools.wxs";
var bar = function (d) {
return d;
}
module.exports = {
FOO: foo,
bar: bar,
};
module.exports.msg = "some msg";
复制代码

// /pages/comm.wxs
var tools = require("./tools.wxs");
console.log(tools.FOO);
console.log(tools.bar("comm.wxs"));
console.log(tools.msg);
复制代码

<!-- /page/index/wxsTest.wxml -->
<wxs src="../../pages/comm.wxs" module="logic" />
复制代码