Feat(首页&地标好物):初始化界面

pages.json

@@ -620,6 +620,12 @@
             "onReachBottomDistance": 100
           }
         },
+        {
+          "path": "views/landMark",
+          "style": {
+            "navigationBarTitleText": "地标好物"
+          }
+        },
         {
           "path": "views/famousList",
           "style": {

pages/home/index.vue

@@ -211,6 +211,28 @@
     </view>
     <!-- v4 每天特价结束 -->
 
+    <!-- v9 专题 -->
+<!--    <view class="subject-box">-->
+<!--      <view class="section-half flex jc-between">-->
+<!--        <image src="@/static/images/v9/subject-148@2x.png" mode="scaleToFill"/>-->
+<!--        <image src="@/static/images/v9/subject-149@2x.png" mode="scaleToFill"/>-->
+<!--      </view>-->
+<!--      <view class="section-full flex jc-between">-->
+<!--        <image src="@/static/images/v9/subject-148@2x.png" mode="scaleToFill"/>-->
+<!--        <image src="@/static/images/v9/subject-149@2x.png" mode="scaleToFill"/>-->
+<!--      </view>-->
+<!--    </view>-->
+
+    <!-- v9 老用户弹窗 -->
+<!--    <u-popup :show="isOldUser" mode="center" bgColor="transparent">-->
+<!--      <view class="popup-old-user flex flex-col ai-center">-->
+<!--        <image class="main" src="@/static/images/v9/subject-149@2x.png" mode="scaleToFill"/>-->
+<!--        <view class="icon-box flex jc-center ai-center" @click="isOldUser=false">-->
+<!--          <image :src="webUrl+'/20230608112219219303.png'" mode="scaleToFill"/>-->
+<!--        </view>-->
+<!--      </view>-->
+<!--    </u-popup>-->
+
     <!-- 2022/6/20 add 尖货推荐 special-offer-->
     <view class="bast-box">
       <view style="padding: 0 32rpx">
@@ -408,6 +430,7 @@ export default {
       date: 0, // 每日特价：日
       bannarList: [], // 尖货推荐横幅
       shareAppImg: "", // 发送给朋友
+      isOldUser: true, // 老用户弹窗
     };
   },
   onLoad: function (options) {
@@ -1697,6 +1720,55 @@ export default {
   }
 }
 
+.subject-box {
+  padding: 40rpx 32rpx;
+
+  image {
+    vertical-align: middle;
+  }
+
+  .section-half {
+    margin-bottom: 16rpx;
+
+    image {
+      width: 336rpx;
+      height: 180rpx;
+    }
+  }
+
+  .section-full {
+    image {
+      width: 336rpx;
+      height: 480rpx;
+    }
+  }
+}
+
+.popup-old-user {
+  image {
+    vertical-align: middle;
+  }
+
+  .main {
+    width: 560rpx;
+    height: 840rpx;
+    border-radius: 40rpx;
+  }
+
+  .icon-box {
+    width: 96rpx;
+    height: 96rpx;
+    margin-top: 40rpx;
+    background: rgba(51,51,51,.4);
+    border-radius: 50%;
+
+    image{
+      width: 40rpx;
+      height: 40rpx;
+    }
+  }
+}
+
 .bast-box {
   .bast-title {
     width: 312rpx;

pkg_product/views/landMark.vue

@@ -0,0 +1,61 @@
+<script>
+export default {
+  name: "landMark",
+  data() {
+    return {
+      keyword: ""
+    }
+  },
+  methods: {
+    search() {
+
+    }
+  }
+}
+</script>
+
+<template>
+  <view class="pkg-product-land-mark">
+    <view class="top-box">
+      <view class="view-box">
+        <view class="search-box flex ai-center">
+          <input type="text" v-model="keyword" placeholder="搜索商品" placeholder-style="color:#999"
+                 @confirm="search()"/>
+        </view>
+        <view></view>
+      </view>
+
+      <view class="nav"></view>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="less">
+.pkg-product-land-mark {
+  background: #F7F3ED;
+
+  .top-box {
+    padding: 20rpx 0;
+    background: #E12641;
+
+    .view-box {
+      margin: 0 32rpx;
+      padding: 20rpx 34rpx 34rpx;
+      border-radius: 40rpx;
+      background: #F7F3ED;
+
+      .search-box {
+        height: 64rpx;
+        padding: 0 32rpx;
+        border: 2rpx solid #E12641;
+        border-radius: 32rpx;
+        background: #FFFFFF;
+
+        input {
+          font-size: 28rpx;
+        }
+      }
+    }
+  }
+}
+</style>