暂时提交

pages/home/invite/myShareDetail/index.vue

@@ -102,11 +102,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page {
   min-height: 100vh;
-  background: #edf1f7;
   padding: 20rpx 25rpx;
 }
 
@@ -242,10 +243,14 @@ page { background: #edf1f7; }
         font-size: 24rpx;
         color: #555;
         background: #fff;
-        border: 2rpx solid #ddd;
+        border: 1rpx solid #ddd;
         border-radius: 30rpx;
-        padding: 10rpx 30rpx;
+        padding: 10rpx 80rpx;
         line-height: 1.4;
+        justify-items: center;
+        justify-content: center;
+        align-items: center;
+        align-content: center;
       }
     }
   }

pages/home/invite/selectDevice/index.vue

@@ -85,11 +85,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page {
   min-height: 100vh;
-  background: #edf1f7;
   padding-bottom: 120rpx;
 }
 

pages/home/invite/setPermission/index.vue

@@ -77,11 +77,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page {
   min-height: 100vh;
-  background: #edf1f7;
   display: flex;
   flex-direction: column;
   padding: 30rpx 20rpx;

pages/home/invite/shareConfirm/index.vue

@@ -113,11 +113,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page {
   min-height: 100vh;
-  background: #edf1f7;
   display: flex;
   flex-direction: column;
 }

pages/home/invite/shareDevice/index.vue

@@ -142,7 +142,7 @@ export default {
 
 <style lang="scss" scoped>
 page {
-  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+  background: radial-gradient(circle at top, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
 }
 
 .page-bg {

pages/home/invite/shareTarget/index.vue

@@ -75,11 +75,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: radial-gradient(circle at top, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page {
   padding: 30rpx;
-  background: #edf1f7;
   min-height: 100vh;
 }
 

pages/home/invite/sharedToMe/index.vue

@@ -144,11 +144,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page-bg {
   min-height: 100vh;
-  background: #edf1f7;
   padding-bottom: 120rpx;
 }