Add AMap location and weather header with warm mini program theme

pets-fe/components/tab-bar/index.json

@@ -1 +1 @@
-{ "component": true }
+{ "component": true, "usingComponents": { "app-icon": "/components/app-icon/index" } }

pets-fe/components/tab-bar/index.wxml

@@ -28,7 +28,7 @@
         <view class="friend friend-right"></view>
       </view>
       <view wx:elif="{{item.key==='tasks'}}" class="task-icon"><view class="task-tick"></view></view>
-      <image wx:else class="pet-icon" src="/assets/logo-corgi-v2.png" mode="aspectFill" />
+      <view wx:else class="pet-icon"><app-icon kind="pet" size="44" color="{{current===item.path?'#b95738':'#9d8779'}}" /></view>
     </view>
     <text class="label">{{item.label}}</text>
     <view wx:if="{{current===item.path && item.key!=='walk'}}" class="active-dot"></view>

pets-fe/components/tab-bar/index.wxss

@@ -7,9 +7,9 @@
   display: flex;
   align-items: stretch;
   background: rgba(255, 255, 255, 0.98);
-  border: 2rpx solid #e7eee8;
+  border: 2rpx solid #ece2d8;
   border-radius: 42rpx;
-  box-shadow: 0 12rpx 42rpx rgba(26, 74, 58, 0.13);
+  box-shadow: 0 12rpx 42rpx rgba(123, 84, 58, 0.12);
   z-index: 20;
 }
 .item {
@@ -20,10 +20,10 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  color: #9aaa9e;
+  color: #9d8779;
 }
 .item.active {
-  color: #194f42;
+  color: #b95738;
 }
 .icon-wrap {
   width: 58rpx;
@@ -34,7 +34,7 @@
   border-radius: 22rpx;
 }
 .active .icon-wrap {
-  background: #e7f3e9;
+  background: #fff0e2;
   transform: translateY(-4rpx);
 }
 .label {
@@ -48,7 +48,7 @@
   width: 7rpx;
   height: 7rpx;
   border-radius: 50%;
-  background: #65b88f;
+  background: #df936a;
 }
 .home-icon {
   position: relative;
@@ -113,7 +113,7 @@
 }
 .friend-left { left: 1rpx; }
 .friend-right { right: 1rpx; background: #fff; }
-.active .friend-right { background: #e7f3e9; }
+.active .friend-right { background: #fff0e2; }
 .task-icon {
   position: relative;
   width: 35rpx;
@@ -135,7 +135,6 @@
   width: 46rpx;
   height: 46rpx;
   border-radius: 50%;
-  opacity: 0.55;
 }
 .active .pet-icon { opacity: 1; }
 .walk-bubble {
@@ -146,22 +145,22 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  border: 8rpx solid #f6f9f6;
+  border: 8rpx solid #fff9f3;
   border-radius: 38rpx;
   background: linear-gradient(145deg, #f8bd8e, #e38e69);
   box-shadow: 0 10rpx 24rpx rgba(178, 105, 72, 0.26);
   transform: rotate(-8deg);
 }
 .walk.active .walk-bubble {
-  background: linear-gradient(145deg, #276a55, #174d40);
-  box-shadow: 0 10rpx 24rpx rgba(24, 74, 59, 0.25);
+  background: linear-gradient(145deg, #df8b61, #b95738);
+  box-shadow: 0 10rpx 24rpx rgba(185, 87, 56, 0.22);
 }
 .walk .label {
   position: absolute;
   bottom: 13rpx;
   color: #aa7356;
 }
-.walk.active .label { color: #174d40; }
+.walk.active .label { color: #b95738; }
 .paw {
   position: relative;
   width: 62rpx;