From a2605963828b38417da031c197a8e7c27882f150 Mon Sep 17 00:00:00 2001
From: sjeam <359824901@qq.com>
Date: Sat, 30 Aug 2025 16:14:40 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 env/.env                                 |   2 +-
 src/pages/about/components/StickyNav.vue |  86 ++++++
 src/pages/about/index.vue                | 340 ++++++-----------------
 src/pages/index/index.vue                | 179 ++++++------
 src/pages/my/index.vue                   |  23 +-
 src/pages/service/index.vue              |  14 +-
 src/pages/web_view/index.vue             |   2 +-
 src/style/index.scss                     |   6 +-
 src/utils/index.ts                       |   2 +-
 9 files changed, 298 insertions(+), 356 deletions(-)
 create mode 100644 src/pages/about/components/StickyNav.vue

diff --git a/env/.env b/env/.env
index fbfe786..255a2b3 100644
--- a/env/.env
+++ b/env/.env
@@ -13,7 +13,7 @@ VITE_LOGIN_URL = '/pages/login/index'
 VITE_SERVER_BASEURL = 'https://test.shop.lihaink.cn/'
 VITE_UPLOAD_BASEURL = 'https://test.shop.lihaink.cn//upload'
 
-VITE_SHOP_SERVER_BASEURL = 'https://shop.lihaink.cn'
+VITE_CRMEB_SERVER_BASEURL = 'https://shop.lihaink.cn'
 
 # 有些同学可能需要在微信小程序里面根据 develop、trial、release 分别设置上传地址，参考代码如下。
 # 下面的变量如果没有设置，会默认使用 VITE_SERVER_BASEURL or VITE_UPLOAD_BASEURL
diff --git a/src/pages/about/components/StickyNav.vue b/src/pages/about/components/StickyNav.vue
new file mode 100644
index 0000000..9e1f2c2
--- /dev/null
+++ b/src/pages/about/components/StickyNav.vue
@@ -0,0 +1,86 @@
+<template>
+  <view class="grid-container">
+    <wd-grid :column="4">
+      <view @click="changeTab(item)" v-for="item in items" :key="item.id">
+        <wd-grid-item use-slot>
+          <view>
+            <wd-img radius="10rpx" :width="'160rpx'" :height="'100rpx'" :src="item.icon" />
+            <view
+              class="absolute bottom-0 text-center left-0 right-0 text-white text-center font-size-3"
+            >
+              {{ item.name }}
+            </view>
+          </view>
+        </wd-grid-item>
+      </view>
+    </wd-grid>
+  </view>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'StickyNav',
+  data() {
+    return {
+      items: [
+        {
+          name: '吃',
+          id: 1,
+          icon: 'https://bpic.588ku.com/back_list_pic/23/05/17/75e92f4e681efeb526f7d8603199ca11.jpg',
+        },
+        {
+          name: '住',
+          id: 2,
+          icon: 'https://www.beijing.gov.cn/renwen/bjgk/mygk/myfg/202208/W020220812574023612181.jpg',
+        },
+        {
+          name: '玩',
+          id: 3,
+          icon: 'https://www.keaitupian.cn/cjpic/frombd/2/253/1659552792/3869332496.jpg',
+        },
+        {
+          name: '购',
+          id: 4,
+          icon: 'https://aerial.scol.com.cn/items/202001/200102174156554000120F0A.jpg',
+        },
+      ],
+    }
+  },
+  methods: {
+    changeTab(item: { name: string; id: number; icon: string }) {
+      console.log('切换到标签:', item.name)
+      // 在这里添加你的逻辑
+    },
+  },
+})
+</script>
+
+<style scoped>
+.grid-container {
+  position: sticky;
+  top: 0;
+  background-color: white; /* 确保背景色与页面其他部分协调 */
+  z-index: 1000; /* 确保网格布局在其他内容之上 */
+  padding: 0 16rpx; /* 根据需要调整内边距 */
+}
+
+/* 确保图标和文本的样式正确 */
+.wd-img {
+  width: 160rpx;
+  height: 100rpx;
+  border-radius: 10rpx;
+}
+
+/* 调整文本样式以确保可读性 */
+.absolute {
+  position: absolute;
+  bottom: 7rpx;
+  left: 0;
+  right: 0;
+  text-align: center;
+  color: gray; /* 确保颜色与背景色对比明显 */
+  font-size: 28rpx; /* 根据需要调整字体大小 */
+}
+</style>
diff --git a/src/pages/about/index.vue b/src/pages/about/index.vue
index f0da28d..2ecaaae 100644
--- a/src/pages/about/index.vue
+++ b/src/pages/about/index.vue
@@ -11,6 +11,7 @@
 </route>
 
 <template>
+  <!-- <StickyNav /> -->
   <view class="">
     <view class="background_home">
       <view class=" ">
@@ -38,8 +39,9 @@
       </view>
 
       <view class="p-2">
-        <scroll-view scroll-x="true" class="scroll-view-container">
-          <wd-button
+        <wd-grid :column="4">
+          <view
+            @click="changeTab(item)"
             v-for="item in [
               {
                 name: '吃',
@@ -62,280 +64,100 @@
                 icon: 'https://aerial.scol.com.cn/items/202001/200102174156554000120F0A.jpg',
               },
             ]"
-            :type="item.id === currentTab ? 'primary' : 'warning'"
-            size="large"
-            @click="changeTab(item)"
-            :custom-style="`background-image: url('${item.icon}'); background-size: cover;border-radius: 10rpx;`"
           >
-            {{ item.name }}
-          </wd-button>
-        </scroll-view>
-      </view>
-      <!-- <wd-search hide-cancel placeholder-left placeholder="请输入内容"></wd-search>
-
-      <view class="relative h-40 p-2">
-        <wd-img
-          radius="10rpx"
-          :width="'100%'"
-          :height="'100%'"
-          src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
-        />
-      </view> -->
-    </view>
-
-    <wd-row class="pe-2 ps-2">
-      <wd-col :span="12">
-        <view class="detail-box m-1" style="" @click="moreVillage">
-          <wd-card custom-class="card-content">
-            <template #title>
-              <view class="title">
-                <view>寻美乡村</view>
-                <view class="title-tip">
-                  <wd-button type="primary" size="small">
-                    <wd-text text="更多" color="#ffffff" size="24rpx"></wd-text>
-                    <wd-icon name="arrow-right" size="24rpx" />
-                  </wd-button>
-                </view>
-              </view>
-            </template>
-            <view class="pb-2">回归自然 从新开始</view>
-            <view style="height: 200rpx">
-              <wd-img
-                radius="10rpx"
-                :width="'100%'"
-                :height="'100%'"
-                src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
-              />
-            </view>
-          </wd-card>
-        </view>
-      </wd-col>
-      <wd-col :span="12">
-        <view class="detail-box m-1" style="" @click="moreTourism">
-          <wd-card custom-class="card-content">
-            <template #title>
-              <view class="title">
-                <view>优选榜单</view>
-                <view class="title-tip">
-                  <wd-button type="primary" size="small">
-                    <wd-text text="更多" color="#ffffff" size="24rpx"></wd-text>
-                    <wd-icon name="arrow-right" size="24rpx" />
-                  </wd-button>
-                </view>
-              </view>
-            </template>
-            <view class="pb-2">优选精品 榜单集萃</view>
-            <view style="height: 200rpx">
-              <wd-grid :column="2">
+            <wd-grid-item use-slot>
+              <view>
+                <wd-img radius="10rpx" :width="'160rpx'" :height="'100rpx'" :src="item.icon" />
                 <view
-                  v-for="item in [
-                    {
-                      name: '村庄服务',
-                      icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
-                      color: 'green',
-                      price: '320',
-                      line_price: '320',
-                    },
-                    {
-                      name: '农资服务',
-                      icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
-                      price: '320',
-                      line_price: '320',
-                    },
-                  ]"
+                  class="absolute bottom-6 text-center left-0 right-0 text-white text-center text-gray-500 font-size-3"
                 >
-                  <wd-grid-item use-slot>
-                    <view class="detail-box" style="border: none; padding: 0; margin: 0">
-                      <wd-img
-                        radius="10rpx"
-                        :width="'140rpx'"
-                        :height="'140rpx'"
-                        :src="item.icon"
-                      />
-                      <view class="text-sm text-gray-500 pt-1">
-                        <wd-text
-                          size="18rpx"
-                          :text="item.price"
-                          mode="price"
-                          type="error"
-                          prefix="￥"
-                        />
-                        <wd-text
-                          size="16rpx"
-                          :text="item.line_price"
-                          mode="price"
-                          decoration="line-through"
-                          prefix="￥"
-                        />
-                      </view>
-                    </view>
-                  </wd-grid-item>
-                </view>
-              </wd-grid>
-            </view>
-          </wd-card>
-        </view>
-      </wd-col>
-      <wd-col :span="12">
-        <view class="detail-box m-1" style="" @click="more">
-          <wd-card custom-class="card-content">
-            <template #title>
-              <view class="title">
-                <view>区域特产</view>
-                <view class="title-tip">
-                  <wd-button type="primary" size="small">
-                    <wd-text text="更多" color="#ffffff" size="24rpx"></wd-text>
-                    <wd-icon name="arrow-right" size="24rpx" />
-                  </wd-button>
+                  {{ item.name }}
                 </view>
               </view>
-            </template>
-
-            <view class="pb-2">区特臻品 质纯味美</view>
-            <view style="height: 200rpx">
-              <wd-img
-                radius="10rpx"
-                :width="'100%'"
-                :height="'100%'"
-                src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
-              />
-            </view>
-          </wd-card>
-        </view>
-      </wd-col>
-
-      <wd-col :span="12">
-        <view class="detail-box m-1" style="" @click="more">
-          <wd-card custom-class="card-content">
-            <template #title>
-              <view class="title">
-                <view>助农产销</view>
-                <view class="title-tip">
-                  <wd-button type="primary" size="small">
-                    <wd-text text="更多" color="#ffffff" size="24rpx"></wd-text>
-                    <wd-icon name="arrow-right" size="24rpx" />
-                  </wd-button>
-                </view>
-              </view>
-            </template>
-            <view class="pb-2">助农兴产 丰产畅销</view>
-            <view style="height: 200rpx">
-              <wd-grid :column="2">
-                <view
-                  v-for="item in [
-                    {
-                      name: '助农兴产',
-                      icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
-                      color: 'green',
-                      price: '320',
-                      line_price: '320',
-                    },
-                    {
-                      name: '助农畅销',
-                      icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
-                      price: '320',
-                      line_price: '320',
-                    },
-                  ]"
-                >
-                  <wd-grid-item use-slot>
-                    <view class="detail-box" style="border: none; padding: 0; margin: 0">
-                      <wd-img
-                        radius="10rpx"
-                        :width="'140rpx'"
-                        :height="'140rpx'"
-                        :src="item.icon"
-                      />
-                      <view class="pt-2 pb-2 text-center text-black font-size-3">
-                        {{ item.name }}
-                      </view>
-                    </view>
-                  </wd-grid-item>
-                </view>
-              </wd-grid>
-            </view>
-          </wd-card>
-        </view>
-      </wd-col>
-    </wd-row>
-    <wd-cell-group custom-class="background-none pe-2 ps-2">
-      <wd-cell size="large">
-        <template #title>
-          <view>
-            <view class="title">热门发布</view>
+            </wd-grid-item>
           </view>
-        </template>
-
-        <view class="custom-text font-size-3 text-gray-500">
-          查看更多 》
-          <!-- <wd-icon name="arrow-right" size="24rpx" /> -->
-        </view>
-      </wd-cell>
-    </wd-cell-group>
-    <view class="pe-2 ps-2">
-      <wd-grid :gutter="10" :column="5" custom-class=" ">
-        <wd-button
-          v-for="item in [
-            {
-              name: '农产品',
-              id: 1,
-            },
-            {
-              name: '农资供应',
-              id: 2,
-            },
-            {
-              name: '土地流转',
-              id: 3,
-            },
-            {
-              name: '技术服务',
-              id: 4,
-            },
-            {
-              name: '乡村旅游',
-              id: 5,
-            },
-          ]"
-          :type="item.id === currentTab ? 'primary' : 'none'"
-          size="small"
-          @click="changeTab(item)"
-        >
-          {{ item.name }}
-        </wd-button>
-      </wd-grid>
+        </wd-grid>
+      </view>
     </view>
-    <wd-row class="pe-2 ps-2">
-      <wd-col :span="12">
-        <view class="detail-box m-1" style="" @click="goToShop()">
-          <wd-card custom-class="card-content">
-            <view style="height: 200rpx">
+
+    <scroll-view scroll-x="true" class="scroll-view-container">
+      <view
+        class="p-2"
+        style=""
+        @click="more"
+        v-for="item in [
+          {
+            name: '吃',
+            id: 1,
+            icon: 'https://bpic.588ku.com/back_list_pic/23/05/17/75e92f4e681efeb526f7d8603199ca11.jpg',
+          },
+          {
+            name: '住',
+            id: 2,
+            icon: 'https://www.beijing.gov.cn/renwen/bjgk/mygk/myfg/202208/W020220812574023612181.jpg',
+          },
+          {
+            name: '玩',
+            id: 3,
+            icon: 'https://www.keaitupian.cn/cjpic/frombd/2/253/1659552792/3869332496.jpg',
+          },
+          {
+            name: '购',
+            id: 4,
+            icon: 'https://aerial.scol.com.cn/items/202001/200102174156554000120F0A.jpg',
+          },
+          {
+            name: '购',
+            id: 4,
+            icon: 'https://aerial.scol.com.cn/items/202001/200102174156554000120F0A.jpg',
+          },
+          {
+            name: '购',
+            id: 4,
+            icon: 'https://aerial.scol.com.cn/items/202001/200102174156554000120F0A.jpg',
+          },
+          {
+            name: '购',
+            id: 4,
+            icon: 'https://aerial.scol.com.cn/items/202001/200102174156554000120F0A.jpg',
+          },
+        ]"
+      >
+        <wd-card custom-class="card-content">
+          <view class="content p-2" style="align-items: normal">
+            <view class="ps-2 flex-content-column">
+              <view class="ps-1 font-size-4 font-bold color-black">里海科技</view>
+              <view class="p-1 font-size-3" style="align-items: end">
+                <text class="pe-2 font-size-3">泸州市龙马潭区海吉星路</text>
+              </view>
+            </view>
+            <view class="relative" style="width: 280rpx; height: 200rpx">
               <wd-img
-                radius="10rpx"
                 :width="'100%'"
                 :height="'100%'"
-                src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
+                radius="10rpx"
+                src="https://img.shetu66.com/2023/07/26/1690335889558220.png"
+                alt="joy"
               />
+              <view
+                class="m-2 p-1 absolute bottom-0 text-right right-0 text-white bg-gray-300 bg-opacity-15"
+                style="backdrop-filter: blur(2rpx); border-radius: 10rpx"
+              >
+                <text class="block font-size-3 text-left">距离100米</text>
+              </view>
             </view>
-            <view class="pt-2 font-size-4 font-bold">xxx蔬菜基地</view>
-            <view class="pt-2 font-size-3">我们这里的食物很新鲜</view>
-            <view class="pt-2 pb-2">
-              <wd-tag custom-class="space">标签</wd-tag>
-              <wd-tag custom-class="space" type="primary">标签</wd-tag>
-              <wd-tag custom-class="space" type="danger">标签</wd-tag>
-              <wd-tag custom-class="space" type="warning">标签</wd-tag>
-              <wd-tag custom-class="space" type="success">标签</wd-tag>
-            </view>
-          </wd-card>
-        </view>
-      </wd-col>
-    </wd-row>
-
+          </view>
+        </wd-card>
+      </view>
+    </scroll-view>
     <view class="p-1"></view>
   </view>
 </template>
 
 <script lang="ts" setup>
+import { defineComponent } from 'vue'
+// import StickyNav from './components/StickyNav.vue'
+
 // import { toLogin } from '@/libs/login.js'
 const currentTab = ref(1)
 function changeTab(e) {
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 9e95928..046d75d 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -12,73 +12,77 @@
 
 <template>
   <view class="">
-    <view class="pt-3 background_home p-2">
-      <!-- 顶部搜索栏 -->
-      <wd-search hide-cancel placeholder-left placeholder="请输入内容"></wd-search>
-      <wd-swiper
-        :list="[
-          // 'https://unpkg.com/wot-design-uni-assets@1.0.3/VID_115503.mp4',
-          // 'https://unpkg.com/wot-design-uni-assets@1.0.3/VID_150752.mp4',
-          // 'https://unpkg.com/wot-design-uni-assets@1.0.3/VID_155516.mp4',
-        ]"
-        autoplay
-        :indicator="{ type: 'dots-bar' }"
-        v-model:current="current"
-        @change="onChange"
-      ></wd-swiper>
-      <!-- @click="handleClick" -->
-      <!-- 横幅广告 -->
+    <view class="background_home">
+      <view class="px-2" style="" @click="more">
+        <wd-card custom-class="card-content">
+          <view class="relative" style="height: 680rpx">
+            <wd-swiper
+              :list="[
+                'https://img.shetu66.com/2023/07/04/1688453333865029.png',
+                'https://www.keaitupian.cn/cjpic/frombd/2/253/1659552792/3869332496.jpg',
+                'https://img-baofun.zhhainiao.com/pcwallpaper_ugc/static/a6bba9bd1de44293b8d08a64d94775e4.jpg',
+              ]"
+              autoplay
+              height="680rpx"
+              :indicator="{ type: 'dots-bar' }"
+              v-model:current="current"
+              @change="onChange"
+            ></wd-swiper>
+            <view
+              class="m-2 p-2 absolute bottom-0 text-center left-0 right-0 text-white bg-gray-300 bg-opacity-5"
+              style="backdrop-filter: blur(2rpx); border-radius: 10rpx"
+            >
+              <!-- <wd-search hide-cancel placeholder-left placeholder="请输入内容"></wd-search> -->
+              <text class="block font-size-4 text-left">三江区街道</text>
+              <text class="block font-size-3 text-left">
+                因举办古韵悠然的传统民俗文化节热度飙升，在这里，你能感受到乡村文化的深厚底蕴和无穷魅力。
+              </text>
+            </view>
+          </view>
+        </wd-card>
+      </view>
+
+      <view class="p-2">
+        <wd-card>
+          <wd-grid :gutter="2" :column="4">
+            <view
+              @click="more(item)"
+              v-for="item in [
+                {
+                  name: '租赁服务',
+                  url: '/pages/activity/lease/index',
+                  icon: '/static/icons/village_service.png',
+                  color: 'green',
+                },
+                {
+                  name: '农事服务',
+                  url: '/pages/store/home/index?id=13',
+                  icon: '/static/icons/agriculture_service.png',
+                  color: 'blue',
+                },
+                {
+                  name: '店铺街',
+                  url: '/pages/store/shopStreet/index',
+                  icon: '/static/icons/agriculture_course.png',
+                  color: 'orange',
+                },
+                { name: '美丽乡村', icon: '/static/icons/rural_ecommerce.png', color: 'red' },
+              ]"
+            >
+              <wd-grid-item use-slot>
+                <view class="p-2">
+                  <wd-img radius="10rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
+                  <view class="ps-2 pt-2 pb-2 text-center font-size-3 font-blod">
+                    {{ item.name }}
+                  </view>
+                </view>
+              </wd-grid-item>
+            </view>
+          </wd-grid>
+        </wd-card>
+      </view>
     </view>
 
-    <!-- <wd-grid class="p-2" bg-color="rgba(0, 0, 0, 0)">
-      <view
-        v-for="item in [
-          { name: '乡村振兴', icon: 'home', color: 'green' },
-          { name: '公益助力', icon: 'heart', color: 'blue' },
-          { name: '县域好货', icon: 'gift', color: 'orange' },
-          { name: '品质保障', icon: 'secured', color: 'red' },
-        ]"
-      >
-        <wd-grid-item use-slot>
-          <wd-tag
-            custom-class="space m-2"
-            bg-color="rgba(0, 0, 0, 0)"
-            color="#595959"
-            mark
-            use-icon-slot
-          >
-            <text>{{ item.name }}</text>
-            <template #icon>
-              <wd-icon size="32rpx" color="#595959" :name="item.icon" />
-            </template>
-          </wd-tag>
-        </wd-grid-item>
-      </view>
-    </wd-grid> -->
-    <view class="p-2">
-      <wd-card>
-        <wd-grid :gutter="2" :column="4">
-          <view
-            @click="more"
-            v-for="item in [
-              { name: '特产产品', icon: '/static/icons/village_service.png', color: 'green' },
-              { name: '特色美食', icon: '/static/icons/agriculture_service.png', color: 'blue' },
-              { name: '当季产品', icon: '/static/icons/agriculture_course.png', color: 'orange' },
-              { name: '美丽乡村', icon: '/static/icons/rural_ecommerce.png', color: 'red' },
-            ]"
-          >
-            <wd-grid-item use-slot>
-              <view class="p-2">
-                <wd-img radius="10rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
-                <view class="ps-2 pt-2 pb-2 text-center text-gray-500 font-size-3">
-                  {{ item.name }}
-                </view>
-              </view>
-            </wd-grid-item>
-          </view>
-        </wd-grid>
-      </wd-card>
-    </view>
     <view class="p-2">
       <wd-card custom-class="background-none">
         <template #title>
@@ -155,7 +159,7 @@
               radius="10rpx"
               :width="'100%'"
               :height="'100%'"
-              src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
+              src="https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg"
             />
             <view
               class="m-2 p-2 absolute bottom-0 text-center left-0 right-0 text-white bg-gray-300 bg-opacity-5"
@@ -178,27 +182,27 @@
             {
               name: '农产品',
               id: 1,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
             },
             {
               name: '农资供应',
               id: 2,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
             },
             {
               name: '土地流转',
               id: 3,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
             },
             {
               name: '技术服务',
               id: 4,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
             },
             {
               name: '乡村旅游',
               id: 5,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
             },
           ]"
           :type="item.id === currentTab ? 'primary' : 'warning'"
@@ -236,28 +240,28 @@
             {
               name: '农产品',
               id: 1,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
               price: '320',
               line_price: '320',
             },
             {
               name: '农资供应',
               id: 2,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
               price: '320',
               line_price: '320',
             },
             {
               name: '土地流转',
               id: 3,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
               price: '320',
               line_price: '320',
             },
             {
               name: '技术服务',
               id: 4,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
               price: '320',
               line_price: '320',
             },
@@ -270,7 +274,7 @@
                   radius="10rpx"
                   :width="'100%'"
                   :height="'100%'"
-                  src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
+                  src="https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg"
                 />
               </view>
               <view class="ps-2 pt-2 font-size-4 font-bold">xxx蔬菜基地</view>
@@ -361,28 +365,28 @@
             {
               name: '农产品',
               id: 1,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
               price: '320',
               line_price: '320',
             },
             {
               name: '农资供应',
               id: 2,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
               price: '320',
               line_price: '320',
             },
             {
               name: '土地流转',
               id: 3,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
               price: '320',
               line_price: '320',
             },
             {
               name: '技术服务',
               id: 4,
-              icon: 'https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg',
+              icon: 'https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg',
               price: '320',
               line_price: '320',
             },
@@ -395,7 +399,7 @@
                   radius="10rpx"
                   :width="'100%'"
                   :height="'100%'"
-                  src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
+                  src="https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg"
                 />
               </view>
               <view class="ps-2 pt-2 font-size-4 font-bold">xxx蔬菜基地</view>
@@ -470,15 +474,20 @@ function moreTourism() {
     url: '/pages-tourism-sub/home/index',
   })
 }
-function more() {
-  console.log('数字乡村详情')
+function more(item) {
   uni.navigateTo({
-    url: '/pages/index/detail',
+    url: `/pages/web_view/index?local_url=${item.url}&title=${item.name}`,
   })
 }
+// function more() {
+//   console.log('数字乡村详情')
+//   uni.navigateTo({
+//     url: '/pages/index/detail',
+//   })
+// }
 function goToShop() {
   // if (this.isLogin) {
-  let urls = 'https://shop.lihaink.cn/'
+  let urls = ' '
   uni.navigateTo({
     url: `/pages/web_view/index?local_url=${urls}&title=区域特产`,
   })
diff --git a/src/pages/my/index.vue b/src/pages/my/index.vue
index 7cfd590..1f58997 100644
--- a/src/pages/my/index.vue
+++ b/src/pages/my/index.vue
@@ -5,9 +5,30 @@
 </route>
 <template>
   <view class="background_home">
+    <view class=" ">
+      <view class=" " style="" @click="more">
+        <wd-card custom-class="card-content">
+          <view class="relative" style="height: 380rpx">
+            <wd-img
+              radius="10rpx"
+              :width="'100%'"
+              :height="'100%'"
+              src="https://img.shetu66.com/2023/06/14/1686734441937414.png"
+            />
+            <view
+              class="m-4 absolute bottom-0 text-left left-0 right-0 text-white bg-black bg-opacity-20"
+              style="backdrop-filter: blur(2rpx); border-radius: 10rpx"
+            >
+              <wx-login />
+            </view>
+          </view>
+        </wd-card>
+      </view>
+    </view>
+
     <!-- <view class="ml-4">wx的openid:</view> -->
     <!-- <view class="ml-4">{{ openId }}</view> -->
-    <wx-login />
+
     <view class="p-2">
       <wd-card>
         <wd-grid :gutter="2" :column="4">
diff --git a/src/pages/service/index.vue b/src/pages/service/index.vue
index 327a05f..3954be9 100644
--- a/src/pages/service/index.vue
+++ b/src/pages/service/index.vue
@@ -21,9 +21,9 @@ const { safeAreaInsets } = uni.getSystemInfoSync()
 // }
 // testOxlint('oxlint')
 // console.log('about')
-function more(url) {
+function more(item) {
   uni.navigateTo({
-    url: `/pages/web_view/index?local_url=${url}`,
+    url: `/pages/web_view/index?local_url=${item.url}&title=${item.name}`,
   })
 }
 </script>
@@ -39,10 +39,10 @@ function more(url) {
           src="https://meizi-chao-pub.8531.cn/1813416312440430594_720px.jpg"
         />
         <view
-          class="absolute bottom-4 left-0 right-0 text-left text-white bg-black bg-opacity-10 ps-4"
+          class="absolute bottom-4 left-0 right-0 text-left text-white bg-black bg-opacity-20 ps-4"
         >
-          <text class="font-size-8">数字乡村</text>
-          <text class="block font-size-4 pt-2">同城一小时新鲜送到家</text>
+          <text class="font-size-8 text-shadow">数字乡村</text>
+          <text class="block font-size-4 pt-2 text-shadow">同城一小时新鲜送到家</text>
         </view>
       </view>
       <view class="p-2">
@@ -66,7 +66,7 @@ function more(url) {
           </view>
           <wd-grid :gutter="2" :column="4">
             <view
-              @click="more(item.url)"
+              @click="more(item)"
               v-for="item in [
                 {
                   name: '租赁服务',
@@ -82,7 +82,7 @@ function more(url) {
                 },
                 {
                   name: '店铺街',
-                  url: '/pages/points_mall/index',
+                  url: '/pages/store/shopStreet/index',
                   icon: '/static/icons/agriculture_course.png',
                   color: 'orange',
                 },
diff --git a/src/pages/web_view/index.vue b/src/pages/web_view/index.vue
index 43db812..6260683 100644
--- a/src/pages/web_view/index.vue
+++ b/src/pages/web_view/index.vue
@@ -62,7 +62,7 @@ export default defineComponent({
   },
   methods: {
     handleSearch() {
-      console.log('search')
+      // console.log('search')
       // 跳转到搜索页面
       uni.navigateTo({ url: '/pages/search/index' })
     },
diff --git a/src/style/index.scss b/src/style/index.scss
index 56e2302..9cf3dac 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -29,7 +29,7 @@ page {
 
   --wot-size-side-padding: 0px; //统一去边距
   --wot-grid-item-padding: 0px;
-
+  // --un-text-shadow-color: rgba(0, 0, 0, 0.5); //文字阴影颜色
   // background-color: var(--wot-grid-item-bg, var(--wot-color-white, rgb(255, 255, 255)));
   // --wot-segmented-item-bg-color: #87d76b; //wd-segmentedb 背景颜色
 }
@@ -48,6 +48,10 @@ page {
 .background_home_card {
   background: linear-gradient(to bottom, #f1f1f1, #87d76b); /* 垂直渐变 */
 }
+// //文字阴影
+// .text-shadow {
+//   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+// }
 
 .scroll-view-container {
   white-space: nowrap; // 防止内容换行
diff --git a/src/utils/index.ts b/src/utils/index.ts
index dafff44..02016a9 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -164,6 +164,6 @@ export function getEnvBaseUploadUrl() {
 
 export function getUrlCrmeb() {
   // 请求基准地址
-  let baseUrl = import.meta.env.VITE_SHOP_SERVER_BASEURL
+  let baseUrl = import.meta.env.VITE_CRMEB_SERVER_BASEURL
   return baseUrl
 }