首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >微信小程序引入公用css及js

微信小程序引入公用css及js

作者头像
master336
发布2026-06-15 18:37:23
发布2026-06-15 18:37:23
140
举报

环境:

微信小程序

首先看一下官方资料:

引入css:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html#%E6%A0%B7%E5%BC%8F%E5%AF%BC%E5%85%A5

引入js:

https://developers.weixin.qq.com/miniprogram/dev/reference/api/require.html

1. 引入公用样式实例:

页面结构wxml文件内容

这里实例是对class为demotext的文本进行样式更改

未处理样式时的显示效果如下:

样式文件内容:

新建公用样式文件:

引入公用wxss文件

样式效果:

2. 引入公用js实例:

新建公用js文件

注:module.exports 发布需要被公用的函数

引入公用js,使用公用函数

效果:

3. 页面整体结构预览:

全部文件结构如下:

最后说明一下:以上代码只做方法演示使用,不规范之处还望海涵~

其他扩展:

页面引入:https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2026-06-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 引入公用样式实例:
  • 2. 引入公用js实例:
  • 3. 页面整体结构预览:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档