小程序框架完成

dist/dev/mp-weixin/pages/mine/mine.wxss

@@ -15,7 +15,7 @@
   padding: 40rpx;
   display: flex;
   align-items: center;
-  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+  box-shadow: 0 16rpx 40rpx rgba(37, 52, 94, 0.08);
   margin-bottom: 30rpx;
 }
 .avatar-container {
@@ -37,7 +37,7 @@
 .username {
   font-size: 36rpx;
   font-weight: bold;
-  color: #333;
+  color: #222222;
 }
 
 /* Section Cards */
@@ -45,11 +45,11 @@
   background: #ffffff;
   border-radius: 20rpx;
   overflow: hidden;
-  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+  box-shadow: 0 16rpx 40rpx rgba(37, 52, 94, 0.08);
   margin-bottom: 30rpx;
 }
 .card-header {
-  background: #3F51F7; /* Main Blue */
+  background: linear-gradient(135deg, #5d55e8, #7568ff);
   padding: 20rpx 30rpx;
   display: flex;
   align-items: center;
@@ -84,7 +84,7 @@
 }
 .points-value {
   font-size: 32rpx;
-  color: #333;
+  color: #222222;
   font-weight: 500;
 }
 .points-actions {
@@ -92,7 +92,7 @@
   gap: 20rpx;
 }
 .mini-btn {
-  background: #3F51F7;
+  background: linear-gradient(135deg, #5d55e8, #7568ff);
   color: #fff;
   font-size: 24rpx;
   padding: 10rpx 30rpx;
@@ -100,6 +100,7 @@
   line-height: 2;
   margin: 0;
   border: none;
+  box-shadow: 0 4rpx 12rpx rgba(93, 85, 232, 0.3);
 }
 .mini-btn::after {
   border: none;
@@ -121,13 +122,13 @@
   margin-top: 40rpx;
 }
 .main-btn {
-  background: #3F51F7;
+  background: linear-gradient(135deg, #5d55e8, #7568ff);
   color: #fff;
   font-size: 32rpx;
   border-radius: 50rpx;
   padding: 10rpx 0;
   width: 100%;
-  box-shadow: 0 4rpx 10rpx rgba(63, 81, 247, 0.3);
+  box-shadow: 0 12rpx 24rpx rgba(93, 85, 232, 0.4);
   line-height: 2.5;
 }
 .main-btn:active {

src/pages/mine/mine.vue

@@ -118,7 +118,7 @@ const handleHistory = () => {
   padding: 40rpx;
   display: flex;
   align-items: center;
-  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+  box-shadow: 0 16rpx 40rpx rgba(37, 52, 94, 0.08);
   margin-bottom: 30rpx;
 }
 
@@ -144,7 +144,7 @@ const handleHistory = () => {
 .username {
   font-size: 36rpx;
   font-weight: bold;
-  color: #333;
+  color: #222222;
 }
 
 /* Section Cards */
@@ -152,12 +152,12 @@ const handleHistory = () => {
   background: #ffffff;
   border-radius: 20rpx;
   overflow: hidden;
-  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+  box-shadow: 0 16rpx 40rpx rgba(37, 52, 94, 0.08);
   margin-bottom: 30rpx;
 }
 
 .card-header {
-  background: #3F51F7; /* Main Blue */
+  background: linear-gradient(135deg, #5d55e8, #7568ff);
   padding: 20rpx 30rpx;
   display: flex;
   align-items: center;
@@ -197,7 +197,7 @@ const handleHistory = () => {
 
 .points-value {
   font-size: 32rpx;
-  color: #333;
+  color: #222222;
   font-weight: 500;
 }
 
@@ -207,7 +207,7 @@ const handleHistory = () => {
 }
 
 .mini-btn {
-  background: #3F51F7;
+  background: linear-gradient(135deg, #5d55e8, #7568ff);
   color: #fff;
   font-size: 24rpx;
   padding: 10rpx 30rpx;
@@ -215,6 +215,7 @@ const handleHistory = () => {
   line-height: 2;
   margin: 0;
   border: none;
+  box-shadow: 0 4rpx 12rpx rgba(93, 85, 232, 0.3);
 }
 .mini-btn::after {
   border: none;
@@ -238,13 +239,13 @@ const handleHistory = () => {
 }
 
 .main-btn {
-  background: #3F51F7;
+  background: linear-gradient(135deg, #5d55e8, #7568ff);
   color: #fff;
   font-size: 32rpx;
   border-radius: 50rpx;
   padding: 10rpx 0;
   width: 100%;
-  box-shadow: 0 4rpx 10rpx rgba(63, 81, 247, 0.3);
+  box-shadow: 0 12rpx 24rpx rgba(93, 85, 232, 0.4);
   line-height: 2.5;
 }