Feat：分享接口对接&&换一换接口对接

pages/town/components/projects.vue

@@ -32,11 +32,20 @@
     >
       <view v-if="items.length > 0" class="v12-d-grid-columns-2 v12-gap-10">
         <view v-for="(item, index) in items" :key="index" class="store-card" @click="toStore(item.hotelId)">
-          <view>
+          <view class="cover-box">
             <image class="town-cover" :src="item.cover" mode="aspectFit|aspectFill|widthFix"></image>
+            <view class="name-box">
+              <image
+                :src="webUrl + '/home/icon-location.png'"
+                class="icon"
+              />
+              <view class="one-t">
+                {{ item.cityName }}
+              </view>
+            </view>
           </view>
           <view class="v12-pa-2 card-bottom">
-            <view class="v12-dark-text v12-font-bold v12-font-30 v12-py-1 more-t">{{ item.hotelName }}</view>
+            <view class="v12-dark-text v12-font-bold v12-font-30 more-t v12-pb-1 v12-mb-2">{{ item.content }}</view>
             <view class="v12-align-center">
               <view class="avtor">
                 <image class="avtor" :src="item.logo" mode="scaleToFill"></image>
@@ -120,6 +129,47 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.icon {
+  display: block;
+  width: 28rpx;
+  height: 28rpx;
+  margin: 0 10rpx 0 0;
+}
+.name-box{
+  color: #fff;
+  position: absolute;
+  left: 20rpx;
+  bottom: 20rpx;
+  font-size: 28rpx;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 5;
+  display: flex;
+  align-items: flex-end;
+  height: 60rpx;
+  padding: 0 16rpx 16rpx 16rpx;
+  border-radius: 0rpx 0rpx 16rpx 16rpx;
+  box-sizing: border-box;
+  font-size: 24rpx;
+  line-height: 28rpx;
+  color: #fff;
+  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);
+  .icon {
+    display: block;
+    width: 28rpx;
+    height: 28rpx;
+    margin: 0 10rpx 0 0;
+  }
+  .one-t{
+    width: 240rpx !important;
+  }
+}
+.cover-box{
+  position: relative;
+  height: 316rpx;
+}
 .img-nodata {
   position: relative;
   top: 0;