From cf67cc0519a77bf67b167b911e0f30b7372d2b0d Mon Sep 17 00:00:00 2001
From: yinjiacheng <yinjiacheng@dcloud.io>
Date: Sat, 16 Sep 2023 20:41:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0CSS=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                          | 24 ++++++++++++++++++++++++
 pages/CSS/border/border-bottom.uvue | 20 ++++++++++++++++++++
 pages/CSS/border/border-left.uvue   | 20 ++++++++++++++++++++
 pages/CSS/border/border-right.uvue  | 20 ++++++++++++++++++++
 pages/CSS/border/border-top.uvue    | 20 ++++++++++++++++++++
 pages/tabBar/CSS.uvue               | 16 ++++++++++++++++
 6 files changed, 120 insertions(+)
 create mode 100644 pages/CSS/border/border-bottom.uvue
 create mode 100644 pages/CSS/border/border-left.uvue
 create mode 100644 pages/CSS/border/border-right.uvue
 create mode 100644 pages/CSS/border/border-top.uvue

diff --git a/pages.json b/pages.json
index 47719ec3..58b26c60 100644
--- a/pages.json
+++ b/pages.json
@@ -335,24 +335,48 @@
       "style": {
         "navigationBarTitleText": "background-image"
       }
+    },
+    {
+      "path": "pages/CSS/border/border-bottom",
+      "style": {
+        "navigationBarTitleText": "border-bottom"
+      }
     },
     {
       "path": "pages/CSS/border/border-color",
       "style": {
         "navigationBarTitleText": "border-color"
       }
+    },
+    {
+      "path": "pages/CSS/border/border-left",
+      "style": {
+        "navigationBarTitleText": "border-left"
+      }
     },
     {
       "path": "pages/CSS/border/border-radius",
       "style": {
         "navigationBarTitleText": "border-radius"
       }
+    },
+    {
+      "path": "pages/CSS/border/border-right",
+      "style": {
+        "navigationBarTitleText": "border-right"
+      }
     },
     {
       "path": "pages/CSS/border/border-style",
       "style": {
         "navigationBarTitleText": "border-style"
       }
+    },
+    {
+      "path": "pages/CSS/border/border-top",
+      "style": {
+        "navigationBarTitleText": "border-top"
+      }
     },
     {
       "path": "pages/CSS/border/border-width",
diff --git a/pages/CSS/border/border-bottom.uvue b/pages/CSS/border/border-bottom.uvue
new file mode 100644
index 00000000..5ac9b8af
--- /dev/null
+++ b/pages/CSS/border/border-bottom.uvue
@@ -0,0 +1,20 @@
+<template>
+  <view style="flex-grow: 1;">
+    <view>
+      <text>border-bottom: 10rpx dashed blue</text>
+      <view class="common" style="border-bottom: 10rpx dashed blue;"></view>
+    </view>
+  </view>
+</template>
+
+<script>
+
+</script>
+
+<style>
+  .common {
+    width: 500rpx;
+    height: 500rpx;
+    background-color: gray;
+  }
+</style>
\ No newline at end of file
diff --git a/pages/CSS/border/border-left.uvue b/pages/CSS/border/border-left.uvue
new file mode 100644
index 00000000..5a36c535
--- /dev/null
+++ b/pages/CSS/border/border-left.uvue
@@ -0,0 +1,20 @@
+<template>
+  <view style="flex-grow: 1;">
+    <view>
+      <text>border-left: 10rpx solid blue</text>
+      <view class="common" style="border-left: 10rpx solid blue;"></view>
+    </view>
+  </view>
+</template>
+
+<script>
+
+</script>
+
+<style>
+  .common {
+    width: 500rpx;
+    height: 500rpx;
+    background-color: gray;
+  }
+</style>
\ No newline at end of file
diff --git a/pages/CSS/border/border-right.uvue b/pages/CSS/border/border-right.uvue
new file mode 100644
index 00000000..e32239d4
--- /dev/null
+++ b/pages/CSS/border/border-right.uvue
@@ -0,0 +1,20 @@
+<template>
+  <view style="flex-grow: 1;">
+    <view>
+      <text>border-right: 10rpx solid blue</text>
+      <view class="common" style="border-right: 10rpx solid blue;"></view>
+    </view>
+  </view>
+</template>
+
+<script>
+
+</script>
+
+<style>
+  .common {
+    width: 500rpx;
+    height: 500rpx;
+    background-color: gray;
+  }
+</style>
\ No newline at end of file
diff --git a/pages/CSS/border/border-top.uvue b/pages/CSS/border/border-top.uvue
new file mode 100644
index 00000000..17605ebb
--- /dev/null
+++ b/pages/CSS/border/border-top.uvue
@@ -0,0 +1,20 @@
+<template>
+  <view style="flex-grow: 1;">
+    <view>
+      <text>border-top: 10rpx dashed blue</text>
+      <view class="common" style="border-top: 10rpx dashed blue;"></view>
+    </view>
+  </view>
+</template>
+
+<script>
+
+</script>
+
+<style>
+  .common {
+    width: 500rpx;
+    height: 500rpx;
+    background-color: gray;
+  }
+</style>
\ No newline at end of file
diff --git a/pages/tabBar/CSS.uvue b/pages/tabBar/CSS.uvue
index 525e9a7f..291bc128 100644
--- a/pages/tabBar/CSS.uvue
+++ b/pages/tabBar/CSS.uvue
@@ -83,6 +83,22 @@
               {
                 name: 'border-radius',
                 url: '/pages/CSS/border/border-radius',
+              },
+              {
+                name: 'border-top',
+                url: '/pages/CSS/border/border-top',
+              },
+              {
+                name: 'border-bottom',
+                url: '/pages/CSS/border/border-bottom',
+              },
+              {
+                name: 'border-left',
+                url: '/pages/CSS/border/border-left',
+              },
+              {
+                name: 'border-right',
+                url: '/pages/CSS/border/border-right',
               },
               {
                 name: 'border属性复合示例',
-- 
GitLab