微信小程序如何引用外部js，外部样式，公共页面模板_微信小程序引入外部js - CSDN文库

157 浏览量更新于2023-05-04 评论收藏 45KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

小程序引用外部小程序引用外部js

//封装的函数

function GetUserInfo2018() {

console.log("获取用户信息8888")

}

function count(str) {

console.log(str)

}

//转化成小程序模板语言这一步非常重要不然无法正确调用

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文件夹中新建一个template文件夹，文件夹中新建一个template.wxml文件，代码如下

<template name="msgItem">

<view>

<text>This is template.wxml文件，我是一个模板</text>

</view>

</template>

然后我们书写我们所要调用template的页面index.wxml

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论0

weixin_38692162

粉丝: 4
资源: 904

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈