<style lang="scss">
.expert-detail-header {
background-image: $app-blue-gradient;
}
</style>
uni.scss
$app-blue-gradient: radial-gradient(top left, circle, #0050b3 25%, #002766);
d***@163.com
- 发布：2021-10-13 10:02
- 更新：2021-10-13 10:02
- 阅读：782
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10
HBuilderX类型： 正式
HBuilderX版本号： 3.2.9
浏览器平台： Chrome
浏览器版本： 91.0.4472.164（正式版本）（64 位）
项目创建方式： HBuilderX
示例代码：
操作步骤：
<style lang="scss">
.expert-detail-header {
background-image: $app-blue-gradient;
}
</style>
uni.scss
$app-blue-gradient: radial-gradient(top left, circle, #0050b3 25%, #002766);
<style lang="scss">
.expert-detail-header {
background-image: $app-blue-gradient;
}
</style>
uni.scss
$app-blue-gradient: radial-gradient(top left, circle, #0050b3 25%, #002766);
预期结果：
.expert-detail-header {
background-image: -webkit-radial-gradient(top left,circle,#0050b3 25%,#002766);
}
.expert-detail-header {
background-image: -webkit-radial-gradient(top left,circle,#0050b3 25%,#002766);
}
实际结果：
.expert-detail-header {
background-image: radial-gradient(top left, circle, #0050b3 25%, #002766);
}
.expert-detail-header {
background-image: radial-gradient(top left, circle, #0050b3 25%, #002766);
}
bug描述：
<style lang="scss">
.expert-detail-header {
background-image: $app-blue-gradient;
}
</style>
uni.scss
$app-blue-gradient: radial-gradient(top left, circle, #0050b3 25%, #002766);
0 个回复