微信小程序 页面怎么引入css文件

html-css025

微信小程序 页面怎么引入css文件,第1张

一个小程序页面由四个文件组成，分别是：js

页面逻辑 、wxml

页面结构 、wxss

页面样式表 、json

页面配置 。把样式宝贝到当前页面同名的.wxss文件里面就可以了

给你个小例子，

wxml 里面

<button bindtap="changeColor" hover-class="none">点击修改背景颜色</button>

js

Page({

data: {

pageBackgroundColor:'#5cb85c'

},

onLoad: function () {},

// 改变背景颜色

changeColor: function() {

var bgColor = this.data.pageBackgroundColor == '#e43a3d' ? '#5cb85c' : '#e43a3d'

// 设置背景颜色数据

this.setData( {

pageBackgroundColor: bgColor

} )

}

})

小程序的页面不支持html标签和css样式。根据查询相关资料信息显示，微信小程序相比WebAPP也有不足，不支持HTML标签和DOM操作，对CSS的支持也有限，前端库和框架也无法使用。