微信小程序如何引用外部js,外部样式,公共页面模板

  • 时间:
  • 浏览:28

小法式援用内部js

//启拆的函数
function GetUserInfo2018() {
 console.log("获得用户疑息8888")
}
 
function count(str) {
 console.log(str)
}
 
//转化成小法式模板言语 那1步十分主要 否则没法准确挪用
module.exports = {
 GetUserInfo2018: GetUserInfo2018,
 count: count
};
 
/*别的页里挪用
 var common = require("../common/common.js");
 common.GetUserInfo2018();
 common.count("hehe");
*/

小法式援用内部css

/*
app.wxss是齐局款式,做用于每个页里,
而page下的每个的wxss文件只做用于以后页里,并对齐局款式中的不异属性会笼盖 
*/
@import "../../app.wxss";
/**index.wxss**/
.userinfo {
 display: flex;
 flex-direction: column;
 align-items: center;
}
 
.userinfo-avatar {
 width: 128rpx;
 height: 128rpx;
 margin: 20rpx;
 border-radius: 20%;
}
 
.userinfo-nickname {
 color: #aaa;
}
 
.usermotto {
 margin-top: 200px;
}

小法式援用大众页里

1、没有带参数

起首正在pages文件夹中新建1个template文件夹,文件夹中新建1个template.wxml文件,代码以下


然后我们誊写我们所要挪用template的页里index.wxml