From c3773f859edac00984ca9887e7d24248ff93daa8 Mon Sep 17 00:00:00 2001
From: shutao <shutao@dcloud.io>
Date: Fri, 8 Dec 2023 15:28:36 +0800
Subject: [PATCH] update background-image.uvue

---
 pages/CSS/background/background-image.uvue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/pages/CSS/background/background-image.uvue b/pages/CSS/background/background-image.uvue
index 8758c5cf..0de26af4 100644
--- a/pages/CSS/background/background-image.uvue
+++ b/pages/CSS/background/background-image.uvue
@@ -1,15 +1,23 @@
 <template>
-	<view style="flex-grow: 1;">
+	<scroll-view>
 		<view>
 			<text>不支持背景图片，仅支持linear-gradient方法</text>
-			<text>background-image: linear-gradient(to right, red, yellow)</text>
-			<view class="common" style="background-image: linear-gradient(to right, red, yellow);"></view>
+				<view v-for="(direction) in directionData">
+					<text>background-image: linear-gradient({{direction}}, red, yellow)</text>
+				<view class="common" :style="{'background-image': 'linear-gradient('+direction+', red, yellow)'}"></view>
+      </view>
 		</view>
-	</view>
+	</scroll-view>
 </template>
 
 <script>
-
+  export default {
+    data(){
+      return {
+        directionData: ['to right', 'to left', 'to bottom', 'to top', 'to bottom left', 'to bottom right', 'to top left', 'to top right']
+      }
+    }
+  }
 </script>
 
 <style>
@@ -17,4 +25,4 @@
 		width: 500rpx;
 		height: 500rpx;
 	}
-</style>
\ No newline at end of file
+</style>
-- 
GitLab