sjeam/digital_village_uni
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

页面提交

Browse Source
This commit is contained in:
sjeam 2025-08-30 16:14:40 +08:00
parent 527cf837fc
commit a260596382
9 changed files with 298 additions and 356 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
env/.env vendored
View File

@ -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

86
src/pages/about/components/StickyNav.vue Normal file
View File

@ -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>

340
src/pages/about/index.vue
View File

@ -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) {

179
src/pages/index/index.vue
View File

@ -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=区域特产`,
})

23
src/pages/my/index.vue
View File

@ -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">

14
src/pages/service/index.vue
View File

@ -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',
},

2
src/pages/web_view/index.vue
View File

@ -62,7 +62,7 @@ export default defineComponent({
},
methods: {
handleSearch() {
console.log('search')
// console.log('search')
// 跳转到搜索页面
uni.navigateTo({ url: '/pages/search/index' })
},

6
src/style/index.scss
View File

@ -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; // 防止内容换行

2
src/utils/index.ts
View File

@ -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
}