有样式表a.wxss
和index.wxss
如下:
/**a.wxss**/
.container1{
border: 1px solid #000;
}
/**index.wxss**/
.container1{
color: red;
}
若想在index.wxss
中引入a.wxss
,则只需在index.wxss
中使用语句@import"./a.wxss";
即可,此时index.wxss
如下:
/**index.wxss**/
@import"./a.wxss";
.container1{
color: red;
}
使用属性style
进行内联样式, 如下所示:
<!--index.wxml-->
<view style="width:500rpx; height:30px; background-color:{{colorvalue}};">The weather is good today</view>
//index.js
//获取应用实例
const app = getApp()
Page({
data:{
colorvalue:'red'
}
})
style
常用于动态样式,class
常用于静态样式。
原文:https://www.cnblogs.com/youcoding/p/12360655.html