Add AMap location and weather header with warm mini program theme

pets-fe/pages/walk/walk.js

@@ -131,7 +131,7 @@ Page({
       walk,
       points: pts,
       polyline:
-        pts.length > 1 ? [{ points: pts, color: "#268e6a", width: 5 }] : [],
+        pts.length > 1 ? [{ points: pts, color: "#b95738", width: 5 }] : [],
       latitude: last ? last.latitude : this.data.latitude,
       longitude: last ? last.longitude : this.data.longitude,
       distance: ((walk.distance_meters || 0) / 1000).toFixed(2),

pets-fe/pages/walk/walk.wxml

@@ -69,7 +69,7 @@
         <strong>分享实时位置</strong>
         <text>打开后可分享给朋友，结束遛狗会自动关闭</text>
       </view>
-      <switch color="#278465" checked="{{share}}" bindchange="shareChange" />
+      <switch color="#b95738" checked="{{share}}" bindchange="shareChange" />
     </view>
     <button wx:if="{{share}}" class="share-button" open-type="share">
       发给朋友看位置 ↗

pets-fe/pages/walk/walk.wxss

@@ -12,11 +12,11 @@
   top: 25rpx;
   left: 30rpx;
   background: white;
-  color: #288363;
+  color: #b95738;
   padding: 12rpx 21rpx;
   border-radius: 99rpx;
   font-size: 23rpx;
-  box-shadow: 0 8rpx 25rpx #173e3622;
+  box-shadow: 0 8rpx 25rpx #604a4022;
 }
 .session {
   margin: -30rpx 25rpx 0;
@@ -31,12 +31,12 @@
 }
 .stats {
   display: flex;
-  border-bottom: 2rpx solid #edf1eb;
+  border-bottom: 2rpx solid #ece2d8;
   padding-bottom: 25rpx;
 }
 .stats > view {
   flex: 1;
-  border-right: 2rpx solid #e9efea;
+  border-right: 2rpx solid #ece2d8;
   padding-left: 22rpx;
 }
 .stats > view:first-child {
@@ -51,7 +51,7 @@
 }
 .stats text {
   font-size: 22rpx;
-  color: #99aa9d;
+  color: #886c5f;
 }
 .picker-title {
   font-weight: 600;
@@ -80,21 +80,21 @@
 }
 .share-row text {
   font-size: 21rpx;
-  color: #90a199;
+  color: #886c5f;
   max-width: 450rpx;
   margin-top: 5rpx;
 }
 .share-button {
   margin-top: 20rpx;
-  background: #e6f1e8;
-  color: #267d59;
+  background: #fff0e2;
+  color: #b95738;
   border-radius: 20rpx;
   font-size: 25rpx;
 }
 .privacy {
   font-size: 22rpx;
-  color: #739180;
-  background: #e9f3e7;
+  color: #886c5f;
+  background: #edf2fb;
   border-radius: 22rpx;
   padding: 22rpx;
   margin: 20rpx 25rpx;
@@ -106,8 +106,8 @@
 }
 .records-button {
   margin: 28rpx 25rpx 0;
-  color: #2d8261;
-  background: #e6f1e8;
+  color: #b95738;
+  background: #fff0e2;
   border-radius: 20rpx;
   font-size: 26rpx;
 }