图标替换

weapp/images/data.svg

@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 34 34" class="design-iconfont">
+  <defs>
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="ga7nzayss__0xypf734lc">
+      <stop stop-color="#006BE3" offset="0%"/>
+      <stop stop-color="#4E87FF" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="ga7nzayss__t1srljulzd">
+      <stop stop-color="#006BE3" offset="0%"/>
+      <stop stop-color="#4E87FF" offset="100%"/>
+    </linearGradient>
+    <filter x="-11.7%" y="-8.3%" width="123.3%" height="123.3%" filterUnits="objectBoundingBox" id="ga7nzayss__ovqxzaihba">
+      <feMorphology radius=".5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"/>
+      <feOffset dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.805443805 0 0 0 0 0.8026208 0 0 0 0 0.8026208 0 0 0 0.5 0" in="shadowBlurOuter1"/>
+    </filter>
+    <path id="ga7nzayss__cald9mnjnb" d="M15 0A15 15 0 1 0 15 30A15 15 0 1 0 15 0Z"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <g transform="translate(2 1)">
+      <use fill="#000" filter="url(#ga7nzayss__ovqxzaihba)" xlink:href="#ga7nzayss__cald9mnjnb"/>
+      <use fill="#FFF" xlink:href="#ga7nzayss__cald9mnjnb"/>
+    </g>
+    <path d="M9.25604087,5.93568286 L9.25604087,12.5495272 L13,12.5495272 L13,5.97674066 L11.4012469,3.8976589 L9.25535264,5.93568286 L9.25604087,5.93568286 Z M4.62770904,12.5495272 L8.37166817,12.5495272 L8.37166817,6.63578905 L6.56300556,8.14006169 L4.62770904,7.09945897 L4.62770904,12.5495272 Z M6.54442359e-05,12.5495272 L3.74402457,12.5495272 L3.74402457,6.60110229 L2.71994163,5.89391718 L6.54442359e-05,8.18182738 L6.54442359e-05,12.5495272 Z" fill="url(#ga7nzayss__0xypf734lc)" transform="translate(11 9)"/>
+    <path d="M12.504476,13.0089498 L0.469436791,13.0089498 C0.206941881,13.0128335 -0.00299664778,13.23447 3.23689832e-05,13.5044749 C3.23689832e-05,13.7784295 0.210663145,14 0.469436791,14 L12.5051642,14 C12.7676591,13.9961163 12.9775977,13.7744798 12.9745686,13.5044749 C12.9745686,13.2312282 12.7646261,13.0089498 12.5051642,13.0089498 M1.06475382,6.34767659 L2.95875667,4.67563331 L6.57814658,7.00106184 L10.869935,2.73671437 C10.885076,2.72114072 10.8974641,2.70344339 10.9112287,2.68574607 L11.6338679,3.45734945 L12.797661,0 L9.45837984,1.13475249 L10.2574123,1.98776356 C10.2470889,1.99696617 10.2360772,2.0040451 10.2257538,2.0139556 L6.4549538,5.76154118 L2.8727282,3.46018102 L0.461866285,5.5873995 C0.262222106,5.76588222 0.236329965,6.07512646 0.403366924,6.2860899 C0.481795264,6.38654942 0.59658289,6.44986775 0.721333211,6.46148419 C0.846083533,6.47310062 0.970060313,6.43201544 1.06475382,6.34767659" fill="url(#ga7nzayss__t1srljulzd)" transform="translate(11 9)"/>
+  </g>
+</svg>

weapp/images/refresh.svg

@@ -1 +1,22 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1678087046282" class="icon" viewBox="0 0 1879 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2319" width="29.359375" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M938.617341 45.280925c-106.987283 0-205.687861 35.810405-285.003468 96.184971-17.905202 13.613873-19.532948 39.953757-3.551445 55.93526 13.169942 13.169942 34.034682 14.649711 48.83237 3.255491 66.589595-50.608092 149.752601-80.795376 239.574566-80.795375 207.16763 0 377.932948 159.667052 395.542197 362.247399 1.627746 19.384971-0.295954 34.774566-0.295954 34.774566l-93.225434 0.739884 113.202313 225.516763c9.766474 0 150.788439-226.404624 150.788439-226.404624h-94.409249c0.443931-24.564162-1.183815-35.810405-1.627745-40.545665-20.716763-241.054335-223.593064-430.760694-469.82659-430.90867zM938.617341 913.905202c-219.00578 0-397.021965-178.164162-397.021965-397.021965v-0.443931l94.261271-1.035838-112.018497-224.924855-150.936416 226.256647h94.261272C467.015029 781.317919 692.087861 988.485549 938.617341 988.485549c110.982659 0 213.234682-38.621965 293.882081-102.991907 17.313295-13.909827 18.645087-39.80578 2.959538-55.49133-13.465896-13.465896-34.774566-14.649711-49.572255-2.811561-67.921387 54.307514-153.895954 86.714451-247.269364 86.714451z" fill="#2c2c2c" p-id="2320"></path></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 34 34" class="design-iconfont">
+  <defs>
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="7g1tusdqg__ud9r9bvw0c">
+      <stop stop-color="#006BE3" offset="0%"/>
+      <stop stop-color="#4E87FF" offset="100%"/>
+    </linearGradient>
+    <filter x="-11.7%" y="-8.3%" width="123.3%" height="123.3%" filterUnits="objectBoundingBox" id="7g1tusdqg__sevsxru18a">
+      <feMorphology radius=".5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"/>
+      <feOffset dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/>
+      <feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
+      <feColorMatrix values="0 0 0 0 0.8026208 0 0 0 0 0.803478237 0 0 0 0 0.805443805 0 0 0 0.5 0" in="shadowBlurOuter1"/>
+    </filter>
+    <path id="7g1tusdqg__wbmi4i2i6b" d="M15 0A15 15 0 1 0 15 30A15 15 0 1 0 15 0Z"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <g transform="translate(2 1)">
+      <use fill="#000" filter="url(#7g1tusdqg__sevsxru18a)" xlink:href="#7g1tusdqg__wbmi4i2i6b"/>
+      <use fill="#FFF" xlink:href="#7g1tusdqg__wbmi4i2i6b"/>
+    </g>
+    <path d="M13.5625548,8.75329729 L9.18810295,8.75329729 C8.94660915,8.75329729 8.75065777,8.95002984 8.75065777,9.19052252 C8.75065777,9.43098385 8.97943477,9.60149479 9.16622443,9.78514005 L10.3818842,11.0006281 C9.46893737,11.774518 8.29133406,12.2467105 7,12.2467105 C4.39982281,12.2467105 2.24672236,10.3535203 1.829386,7.87445829 L0.0612504698,7.87445829 C0.492995024,11.3241741 3.43132618,13.9956271 7,13.9956271 C8.77515169,13.9956271 10.3919542,13.3310279 11.6246532,12.2423533 L12.878385,13.4971816 C13.113724,13.7332857 13.3210923,14 13.5625548,14 C13.8040173,14 14,13.8032518 14,13.5627748 L14,9.19052252 C14,9.13804797 14,8.75329729 13.5625548,8.75329729 Z M0.437445186,5.24671838 L4.81189705,5.24671838 C5.05337519,5.24671838 5.24934223,5.04997016 5.24934223,4.80949316 C5.24934223,4.56901615 5.02054957,4.39848953 4.83377557,4.21485995 L3.61811584,2.99938762 C4.53104697,2.22548204 5.70866594,1.75327378 7,1.75327378 C9.60017719,1.75327378 11.7532933,3.64646402 12.1705983,6.12552604 L13.9387339,6.12552604 C13.507005,2.67581023 10.5686738,0.00438855259 7,0.00438855259 C5.22528682,0.00438855259 3.60804577,0.668956476 2.37533112,1.75766233 L1.12203782,0.50280274 C0.886260314,0.266714284 0.678923323,0 0.437445186,0 C0.19598271,0 0,0.196795237 0,0.437272246 L0,4.8095245 C0,4.86199905 0,5.24674973 0.437445186,5.24674973 L0.437445186,5.24671838 Z" transform="translate(10 9)" fill="url(#7g1tusdqg__ud9r9bvw0c)"/>
+  </g>
+</svg>

weapp/pages/index/index.wxml

@@ -6,9 +6,7 @@
   bindmarkertap="onMarkerTap"
 >
   <view class="action-box">
-    <view class="text flex-center" bind:tap="showCallout">数据</view>
+    <image src="/images/refresh.svg" bind:tap="onRefresh" />
-    <view class="img flex-center" bind:tap="onRefresh">
+    <image src="/images/data.svg" bind:tap="showCallout" />
-      <image src="/images/refresh.svg"></image>
-    </view>
   </view>
 </map>

weapp/pages/index/index.wxss

@@ -1,10 +1,4 @@
 /* pages/index/index.wxss */
-.flex-center {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
 .map {
     width: 100vw;
     height: 100vh;
@@ -12,25 +6,15 @@
 
 .action-box {
     position: absolute;
-    bottom: 30px;
+    bottom: 26px;
-    right: 10px;
+    right: 14px;
-    width: 46px;
+    height: 86px;
-    height: 80px;
     display: flex;
     flex-direction: column;
-    justify-content: space-evenly;
+    justify-content: space-between;
-}
-
-.action-box .text {
-    background-color: white;
-    height: 30px;
-}
-
-.action-box .img {
-    background-color: white;
 }
 
-.action-box .img image {
+.action-box image {
-    width: 30px;
+    width: 40px;
-    height: 30px;
+    height: 40px;
 }