update style

miniprogram/components/background/snowflake/index.json

@@ -1,4 +1,6 @@
 {
 	"component": true,
-	"usingComponents": {}
+	"usingComponents": {
+		"t-icon": "tdesign-miniprogram/icon/icon"
+	}
 }

miniprogram/components/background/snowflake/index.less

@@ -23,31 +23,9 @@ page {
 	}
 
 	.snowflake {
-		width: 10px;
-		height: 10px;
+		color: var(--theme-brand-gao);
 		display: block;
 		position: absolute;
 		animation: snowflakeFall linear infinite;
-
-		&::before,
-		&::after {
-			content: '';
-			position: absolute;
-			background: var(--theme-brand-gao);
-			opacity: .8;
-		}
-		
-		&::before {
-			top: 45%;
-			left: 0;
-			width: 100%;
-			height: 10%;
-		}
-		
-		&::after {
-			left: 45%;
-			width: 10%;
-			height: 100%;
-		}
 	}
 }

miniprogram/components/background/snowflake/index.ts

@@ -20,7 +20,7 @@ Component({
 		createSnowflake() {
 			const snowflake = {
 				x: Toolkit.random(0, this.data.docWidth),
-				s: Toolkit.random(6, 20),
+				s: Toolkit.random(16, 64),
 				speed: Toolkit.random(14, 26)
 			};
 			this.setData({

miniprogram/components/background/snowflake/index.wxml

@@ -1,9 +1,10 @@
 <!--components/background/snow/index.wxml-->
 <view class="snowflakes" style="width: {{docWidth}}px; height: {{docHeight}}px;">
-	<view
+	<t-icon
 		class="snowflake"
 		wx:for="{{snowflakes}}"
 		wx:key="index"
-		style="left: {{item.x}}px; width: {{item.s}}px; height: {{item.s}}px; animation-duration: {{item.speed}}s;"
-	></view>
+		style="left: {{item.x}}px; font-size: {{item.s}}rpx; animation-duration: {{item.speed}}s;"
+		name="snowflake"
+	/>
 </view>