优化

hdPad/src/pages/home/components/customInfo.vue

@@ -7,7 +7,7 @@
           <text class="label">名称</text>
           <view class="value-container">
             <text class="value">{{customInfo.name || '龙岩花紫柜'}}</text>
-            <text class="edit-icon" @tap="editInfo('name')">&#xe602;</text>
+            <view class="edit-icon" @tap="editInfo('name')"></view>
           </view>
         </view>
         
@@ -20,7 +20,7 @@
           <text class="label">地址</text>
           <view class="value-container">
             <text class="value">{{customInfo.address || '厦门市 前山路147号521'}}</text>
-            <text class="edit-icon" @tap="editInfo('address')">&#xe602;</text>
+            <view class="edit-icon" @tap="editInfo('address')"></view>
           </view>
         </view>
         
@@ -28,7 +28,7 @@
           <text class="label">生日</text>
           <view class="value-container">
             <text class="value">{{customInfo.birthday || '12月3日'}}</text>
-            <text class="edit-icon" @tap="editInfo('birthday')">&#xe602;</text>
+            <view class="edit-icon" @tap="editInfo('birthday')"></view>
           </view>
         </view>
         
@@ -48,7 +48,7 @@
         </view>
         
         <view class="info-item action-item" @tap="goToDetail('orders')">
-          <text class="label">按摩订单</text>
+          <text class="label">挂账订单</text>
           <text class="arrow">></text>
         </view>
         
@@ -213,9 +213,34 @@ export default {
           flex: 1;
           
           .edit-icon {
-            color: #409eff;
-            font-size: 12upx;
+            width: 12upx;
+            height: 12upx;
             margin-left: 5upx;
+            position: relative;
+            border: 1upx solid #409eff;
+            border-radius: 1upx;
+            
+            &:before {
+              content: '';
+              position: absolute;
+              width: 6upx;
+              height: 6upx;
+              top: 1upx;
+              left: 1upx;
+              border-right: 1upx solid #409eff;
+              border-top: 1upx solid #409eff;
+            }
+            
+            &:after {
+              content: '';
+              position: absolute;
+              width: 3upx;
+              height: 1upx;
+              background-color: #409eff;
+              transform: rotate(-45deg);
+              bottom: 2upx;
+              right: 2upx;
+            }
           }
         }