Style：图标更换

pkg_product/views/housekeeperDetail.vue

@@ -30,7 +30,9 @@
             <view>{{record.name}}</view>
           </view>
           <view class="share-btn">
-            <view class="share-icon"></view>
+            <view class="share-icon v12-primary">
+              <image :src="webUrl + '/home/share.png'" class="share-icon-image v12-primary" mode="aspectFill" />
+            </view>
             <view>分</view>
             <view>享</view>
             <view>管</view>
@@ -40,8 +42,8 @@
             {{ record.desc }}
           </view>
         </view>
-        <view class="v12-mt-3">
-          <view v-for="tag in record.tags" :key="tag" class="v12-primary-text v12-primary-border v12-radius-100 tag-item">{{ tag }}</view>
+        <view class="v12-mt-3 v12-align-center">
+          <view v-for="tag in record.tags" :key="tag" class="v12-primary-text v12-primary-border v12-radius-100 tag-item v12-mr-2">{{ tag }}</view>
         </view>
         <view class="v12-mt-2 v12-font-24" style="color: #666">
           {{ record.intro }}
@@ -74,6 +76,7 @@ export default {
   name: 'HousekeeperDetail',
   data() {
     return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
       record: {}
     }
   },
@@ -91,6 +94,11 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.share-icon-image{
+  width: 40rpx;
+  height: 40rpx;
+  border-radius: 50%;
+}
 .gg-item{
   text-align: center;
   width: fit-content;
@@ -294,6 +302,8 @@ export default {
   width: 44rpx;
   height: 44rpx;
   border-radius: 50%;
-  background: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 </style>