From 4652b6706a6b07f7d4e9692db7a06f8469714c6d Mon Sep 17 00:00:00 2001
From: lifizer <913626195@qq.com>
Date: Fri, 20 Oct 2023 16:10:41 +0800
Subject: [PATCH] =?UTF-8?q?Feat(=E9=A6=96=E9=A1=B5&=E5=9C=B0=E6=A0=87?=
 =?UTF-8?q?=E5=A5=BD=E7=89=A9):=E5=88=9D=E5=A7=8B=E5=8C=96=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                     |  6 +++
 pages/home/index.vue           | 72 ++++++++++++++++++++++++++++++++++
 pkg_product/views/landMark.vue | 61 ++++++++++++++++++++++++++++
 3 files changed, 139 insertions(+)
 create mode 100644 pkg_product/views/landMark.vue

diff --git a/pages.json b/pages.json
index 9fd77d3..374ad24 100644
--- a/pages.json
+++ b/pages.json
@@ -620,6 +620,12 @@
             "onReachBottomDistance": 100
           }
         },
+        {
+          "path": "views/landMark",
+          "style": {
+            "navigationBarTitleText": "地标好物"
+          }
+        },
         {
           "path": "views/famousList",
           "style": {
diff --git a/pages/home/index.vue b/pages/home/index.vue
index 1078a2b..dcf5379 100644
--- a/pages/home/index.vue
+++ b/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;
diff --git a/pkg_product/views/landMark.vue b/pkg_product/views/landMark.vue
new file mode 100644
index 0000000..01ed8e2
--- /dev/null
+++ b/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>
\ No newline at end of file