静态页面

src/components/ProjectItemCard/index.jsx

     <view className='components ProjectItemCard'>
       <view className='Img' onClick={() => goto(Data)}>
         <Image mode='scaleToFill' src={getImgURL(Data?.buildingListImg?.length ? Data.buildingListImg[0].url : null)} className='centerLabel'></Image>
+        <Image mode='heightFix' className='Tips Vr' src={require('@/assets/index-icon18.png')} />
+        <Image mode='heightFix' className='Tips Video' src={require('@/assets/index-icon19.png')} />
       </view>
       <view className='Name flex-h' onClick={() => goto(Data)}>
         <view className='flex-item'>

src/components/ProjectItemCard/style.scss

     overflow: hidden;
     background: #eee;
     border-radius: 8px;
-    > image {
+    > image.centerLabel {
       width: 100%;
       height: 100%;
+      z-index: 1;
+    }
+    >.Tips {
+      width: 30px;
+      height: 30px;
+      display: block;
+      position: absolute;
+      z-index: 2;
+      bottom: 10px;
+      left: 18px;
+      &.Vr {
+        left: 58px;
+      }
     }
   }
   > .Name {

src/components/ProjectListItem/index.jsx

-import React, { useState, useEffect } from 'react'
-import './index.scss'
+
 import '@/assets/css/iconfont.css'
 import Taro from '@tarojs/taro'
 import { Image } from '@tarojs/components'
 import { getImgURL } from '@/utils/image'
+import './index.scss'
 
 export default function ProjectListItem (props) {
   const { Data = {} } = props
       <view className='Img'>
         <view>
           <Image mode='aspectFill' className='centerLabel' src={getImgURL(Data.buildingListImg?.length ? Data.buildingListImg[0].url : null)} />
+          <Image mode='heightFix' className='Tips Vr' src={require('@/assets/index-icon18.png')} />
+          <Image mode='heightFix' className='Tips Video' src={require('@/assets/index-icon19.png')} />
         </view>
       </view>
       <view className='flex-item'>

src/components/ProjectListItem/index.scss

       position: relative;
       overflow: hidden;
       border-radius: 8px;
-      > image {
+      > image.centerLabel {
         width: 100%;
         height: 100%;
+        z-index: 1;
+      }
+      >.Tips {
+        width: 30px;
+        height: 30px;
+        display: block;
+        position: absolute;
+        z-index: 2;
+        bottom: 10px;
+        left: 10px;
+        &.Vr {
+          left: 50px;
+        }
       }
     }
   }

src/pages/index/specialPriceHouse/index.jsx

 import Disclaimer from '@/components/Disclaimer'
 import { getImgURL } from '@/utils/image'
 import { formateLeftTime } from '@/utils/tools'
-import { useSelector } from 'react-redux'
 import { fetch } from '@/utils/request'
 import { API_SPECIAL_ROOM_LIST } from '@/constants/api'
 import '@/assets/css/iconfont.css'
 
 export default withLayout((props) => {
   const { city } = props
-  
+
   const [PageList, setPageList] = useState([])
   const [IsPull, setPull] = useState(false)
   const [pageNumber, setPageNumber] = useState(1)
   }
 
   const PageLoadMore = () => { // 页面上拉加载更多
-    if(HasNextPage) {
+    if (HasNextPage) {
       setPageNumber(pageNumber + 1)
     }
   }
 
   useEffect(() => { // 下拉刷新触发
     if (IsPull) {
-      if(pageNumber === 1) {
+      if (pageNumber === 1) {
         GetPageList()
       } else {
         setPageNumber(1)
 
                 //
                 const specialRoomList = item.specialRoomList || []
-                
+
                 return (
                   <view key={item.buildingId}>
                     <view className='Title'>
                     <view className='InfoContent'>
                       <view className='Img' onClick={() => goto(item)}>
                         <Image mode='scaleToFill' src={mainImg} className='centerLabel'></Image>
+                        <Image mode='heightFix' className='Tips Vr' src={require('@/assets/index-icon18.png')} />
+                        <Image mode='heightFix' className='Tips Video' src={require('@/assets/index-icon19.png')} />
                       </view>
                       <view className='Name flex-h' onClick={() => goto(item)}>
                         <view className='flex-item'>

src/pages/index/specialPriceHouse/index.scss

               overflow: hidden;
               background: #eee;
               border-radius: 8px;
-              >image {
+              > image.centerLabel {
                 width: 100%;
                 height: 100%;
+                z-index: 1;
+              }
+              >.Tips {
+                width: 30px;
+                height: 30px;
+                display: block;
+                position: absolute;
+                z-index: 2;
+                bottom: 10px;
+                left: 18px;
+                &.Vr {
+                  left: 58px;
+                }
               }
             }
             >.Name {