Fix：3023 【商城小程序】店铺名称超过15个字，店铺logo显示会发生不同程度的压缩

pages/cloud/components/HotelItem.vue

@@ -17,18 +17,22 @@
     </view>
     <view class="more-t">{{ item.content }}</view>
     <view class="flex ai-center bottom">
-      <image
+      <view
-        v-if="item.logo"
-        :src="item.logo"
         class="logo"
-        mode="scaleToFill"
+      >
-      ></image>
+        <image
-      <image
+          v-if="item.logo"
+          :src="item.logo"
+          class="logo"
+          mode="scaleToFill"
+        ></image>
+        <image
         v-else
         :src="webUrl + '/20230609145651814148.png'"
         class="logo"
       />
-      <text class="one-t">{{ item.name }}</text>
+      </view>
+      <text class="one-t v12-ml-1">{{ item.name }}</text>
     </view>
   </view>
 </template>
@@ -51,6 +55,12 @@ export default {
 }
 </script>
 <style scoped lang="less">
+.logo {
+  width: 46rpx;
+  height: 46rpx;
+  vertical-align: middle;
+  border-radius: 50%;
+}
 .cover-box-wrap {
   margin: 20rpx 0 0 0;
   .cover-box {
@@ -73,8 +83,8 @@ export default {
     vertical-align: middle;
   }
   .logo {
-    width: 36rpx;
+    width: 46rpx;
-    height: 36rpx;
+    height: 46rpx;
     vertical-align: middle;
     margin: 0 8rpx;
     border-radius: 50%;
@@ -105,6 +115,7 @@ export default {
   }
   .bottom {
     margin: 0 0 20rpx 0;
+    align-content: center;
   }
 }
 </style>