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

2023-10-20 16:10:41 +08:00
parent 573e0de2a4
commit 4652b6706a
3 changed files with 139 additions and 0 deletions
@@ -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>