perf: 优化 UI

packages/app/src/components/StudioInfo.vue

@@ -8,17 +8,17 @@
       </view>
     </scroll-view>
 
-    <!-- Address + Phone row -->
+    <!-- Address + Chat row -->
     <view class="location-row">
       <view class="location-left" @tap="handleAddressTap">
-        <text class="location-icon">📍</text>
+        <view class="location-icon" />
         <text class="location-text">
           {{ studioInfo?.address || '深圳市宝安区西乡街道财富港 D 座 1203D' }}
         </text>
       </view>
-      <view class="phone-btn" @tap="handlePhoneTap">
-        <text class="phone-icon">📞</text>
-      </view>
+      <button class="chat-btn" open-type="contact">
+        <view class="chat-icon" />
+      </button>
     </view>
   </view>
 </template>
@@ -39,23 +39,20 @@ function previewPhoto(index: number) {
 }
 
 function handleAddressTap() {
-  if (!props.studioInfo) return
+  const latitude = props.studioInfo?.latitude ?? 22.567048
+  const longitude = props.studioInfo?.longitude ?? 113.867227
+  const address = props.studioInfo?.address || '深圳市宝安区西乡街道财富港 D 座 1203D'
+  const name = props.studioInfo?.name || 'Focus Core'
 
-  const { latitude, longitude, address, name } = props.studioInfo
-
-  if (latitude && longitude) {
-    uni.openLocation({
-      latitude,
-      longitude,
-      name: name || 'Focus Core',
-      address,
-      fail() {
-        copyAddress()
-      },
-    })
-  } else {
-    copyAddress()
-  }
+  uni.openLocation({
+    latitude,
+    longitude,
+    name,
+    address,
+    fail() {
+      copyAddress()
+    },
+  })
 }
 
 function copyAddress() {
@@ -68,17 +65,6 @@ function copyAddress() {
     },
   })
 }
-
-function handlePhoneTap() {
-  const phone = props.studioInfo?.phone
-  if (!phone) return
-  uni.makePhoneCall({
-    phoneNumber: phone,
-    fail() {
-      uni.showToast({ title: '拨号失败', icon: 'none' })
-    },
-  })
-}
 </script>
 
 <style lang="scss" scoped>
@@ -124,11 +110,6 @@ function handlePhoneTap() {
   min-width: 0;
 }
 
-.location-icon {
-  font-size: 28rpx;
-  flex-shrink: 0;
-}
-
 .location-text {
   font-size: 26rpx;
   color: #666;
@@ -136,19 +117,94 @@ function handlePhoneTap() {
   word-break: break-all;
 }
 
-.phone-btn {
+/* ── Icons ── */
+.location-icon {
+  width: 56rpx;
+  height: 56rpx;
+  border-radius: 50%;
+  background: rgba($brand-color, 0.06);
+  position: relative;
+  flex-shrink: 0;
+
+  // 定位图标 — 圆头 + 尖尾
+  &::before {
+    content: '';
+    position: absolute;
+    top: 14rpx;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 18rpx;
+    height: 18rpx;
+    border: 2.5rpx solid $brand-color;
+    border-radius: 50% 50% 50% 0;
+    transform: translateX(-50%) rotate(-45deg);
+    box-sizing: border-box;
+  }
+  // 中心白点
+  &::after {
+    content: '';
+    position: absolute;
+    top: 21rpx;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 6rpx;
+    height: 6rpx;
+    background: $brand-color;
+    border-radius: 50%;
+    box-sizing: border-box;
+  }
+}
+
+.chat-btn {
   width: 72rpx;
   height: 72rpx;
   border-radius: 50%;
-  background: #f5f5f5;
+  background: rgba($brand-color, 0.06);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+  padding: 0;
+  margin: 0;
+  border: none;
 }
 
-.phone-icon {
-  font-size: 36rpx;
-  color: #4CAF50;
+.chat-btn::after {
+  border: none;
+}
+
+.chat-icon {
+  width: 56rpx;
+  height: 56rpx;
+  border-radius: 50%;
+  background: rgba($brand-color, 0.06);
+  position: relative;
+
+  // 消息气泡
+  &::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 26rpx;
+    height: 20rpx;
+    border: 2.5rpx solid $brand-color;
+    border-radius: 6rpx;
+    box-sizing: border-box;
+  }
+  // 气泡尾巴
+  &::after {
+    content: '';
+    position: absolute;
+    bottom: 12rpx;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 0;
+    height: 0;
+    border-left: 5rpx solid transparent;
+    border-right: 5rpx solid transparent;
+    border-top: 7rpx solid $brand-color;
+  }
 }
 </style>