微信小程序怎么设置页面渐变

1123
2020/12/24 11:03:27
栏目: 云计算
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

微信小程序怎么设置页面渐变

微信小程序使用background设置页面渐变

1.首先,进入微信开发者工具,打开小程序文件目录;

2.在文件目录中,依次查找到index/index.wxss文件,并打开;

3.最后,index.wxss文件打开后,在page中添加以下代码即可;

page{

background: -webkit-linear-gradient(top,white,lightblue,rgb(83, 201, 248));

}

备注:

top: 表示上下渐变,left值为左右渐变;

white: 第一个颜色名;

lightblue : 第二个颜色名;

rgb(83, 201, 248) : 第三个颜色名。


辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: 怎么让微信小程序一启动就显示授权页面