页面提交
This commit is contained in:
parent
527cf837fc
commit
a260596382
2
env/.env
vendored
2
env/.env
vendored
@ -13,7 +13,7 @@ VITE_LOGIN_URL = '/pages/login/index'
|
|||||||
VITE_SERVER_BASEURL = 'https://test.shop.lihaink.cn/'
|
VITE_SERVER_BASEURL = 'https://test.shop.lihaink.cn/'
|
||||||
VITE_UPLOAD_BASEURL = 'https://test.shop.lihaink.cn//upload'
|
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 分别设置上传地址，参考代码如下。
|
# 有些同学可能需要在微信小程序里面根据 develop、trial、release 分别设置上传地址，参考代码如下。
|
||||||
# 下面的变量如果没有设置，会默认使用 VITE_SERVER_BASEURL or VITE_UPLOAD_BASEURL
|
# 下面的变量如果没有设置，会默认使用 VITE_SERVER_BASEURL or VITE_UPLOAD_BASEURL
|
||||||
|
|||||||
86
src/pages/about/components/StickyNav.vue
Normal file
86
src/pages/about/components/StickyNav.vue
Normal 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>
|
||||||
@ -11,6 +11,7 @@
|
|||||||
</route>
|
</route>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
<!-- <StickyNav /> -->
|
||||||
<view class="">
|
<view class="">
|
||||||
<view class="background_home">
|
<view class="background_home">
|
||||||
<view class=" ">
|
<view class=" ">
|
||||||
@ -38,8 +39,9 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="p-2">
|
<view class="p-2">
|
||||||
<scroll-view scroll-x="true" class="scroll-view-container">
|
<wd-grid :column="4">
|
||||||
<wd-button
|
<view
|
||||||
|
@click="changeTab(item)"
|
||||||
v-for="item in [
|
v-for="item in [
|
||||||
{
|
{
|
||||||
name: '吃',
|
name: '吃',
|
||||||
@ -62,280 +64,100 @@
|
|||||||
icon: 'https://aerial.scol.com.cn/items/202001/200102174156554000120F0A.jpg',
|
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-grid-item use-slot>
|
||||||
</wd-button>
|
<view>
|
||||||
</scroll-view>
|
<wd-img radius="10rpx" :width="'160rpx'" :height="'100rpx'" :src="item.icon" />
|
||||||
</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">
|
|
||||||
<view
|
<view
|
||||||
v-for="item in [
|
class="absolute bottom-6 text-center left-0 right-0 text-white text-center text-gray-500 font-size-3"
|
||||||
{
|
|
||||||
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>
|
{{ item.name }}
|
||||||
<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>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</wd-grid-item>
|
||||||
|
|
||||||
<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>
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</wd-grid>
|
||||||
|
</view>
|
||||||
<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>
|
|
||||||
</view>
|
</view>
|
||||||
<wd-row class="pe-2 ps-2">
|
|
||||||
<wd-col :span="12">
|
<scroll-view scroll-x="true" class="scroll-view-container">
|
||||||
<view class="detail-box m-1" style="" @click="goToShop()">
|
<view
|
||||||
<wd-card custom-class="card-content">
|
class="p-2"
|
||||||
<view style="height: 200rpx">
|
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
|
<wd-img
|
||||||
radius="10rpx"
|
|
||||||
:width="'100%'"
|
:width="'100%'"
|
||||||
:height="'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>
|
||||||
<view class="pt-2 font-size-4 font-bold">xxx蔬菜基地</view>
|
</view>
|
||||||
<view class="pt-2 font-size-3">我们这里的食物很新鲜</view>
|
</wd-card>
|
||||||
<view class="pt-2 pb-2">
|
</view>
|
||||||
<wd-tag custom-class="space">标签</wd-tag>
|
</scroll-view>
|
||||||
<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 class="p-1"></view>
|
<view class="p-1"></view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
|
import { defineComponent } from 'vue'
|
||||||
|
// import StickyNav from './components/StickyNav.vue'
|
||||||
|
|
||||||
// import { toLogin } from '@/libs/login.js'
|
// import { toLogin } from '@/libs/login.js'
|
||||||
const currentTab = ref(1)
|
const currentTab = ref(1)
|
||||||
function changeTab(e) {
|
function changeTab(e) {
|
||||||
|
|||||||
@ -12,73 +12,77 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<view class="">
|
<view class="">
|
||||||
<view class="pt-3 background_home p-2">
|
<view class="background_home">
|
||||||
<!-- 顶部搜索栏 -->
|
<view class="px-2" style="" @click="more">
|
||||||
<wd-search hide-cancel placeholder-left placeholder="请输入内容"></wd-search>
|
<wd-card custom-class="card-content">
|
||||||
<wd-swiper
|
<view class="relative" style="height: 680rpx">
|
||||||
:list="[
|
<wd-swiper
|
||||||
// 'https://unpkg.com/wot-design-uni-assets@1.0.3/VID_115503.mp4',
|
:list="[
|
||||||
// 'https://unpkg.com/wot-design-uni-assets@1.0.3/VID_150752.mp4',
|
'https://img.shetu66.com/2023/07/04/1688453333865029.png',
|
||||||
// 'https://unpkg.com/wot-design-uni-assets@1.0.3/VID_155516.mp4',
|
'https://www.keaitupian.cn/cjpic/frombd/2/253/1659552792/3869332496.jpg',
|
||||||
]"
|
'https://img-baofun.zhhainiao.com/pcwallpaper_ugc/static/a6bba9bd1de44293b8d08a64d94775e4.jpg',
|
||||||
autoplay
|
]"
|
||||||
:indicator="{ type: 'dots-bar' }"
|
autoplay
|
||||||
v-model:current="current"
|
height="680rpx"
|
||||||
@change="onChange"
|
:indicator="{ type: 'dots-bar' }"
|
||||||
></wd-swiper>
|
v-model:current="current"
|
||||||
<!-- @click="handleClick" -->
|
@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>
|
</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">
|
<view class="p-2">
|
||||||
<wd-card custom-class="background-none">
|
<wd-card custom-class="background-none">
|
||||||
<template #title>
|
<template #title>
|
||||||
@ -155,7 +159,7 @@
|
|||||||
radius="10rpx"
|
radius="10rpx"
|
||||||
:width="'100%'"
|
:width="'100%'"
|
||||||
:height="'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="m-2 p-2 absolute bottom-0 text-center left-0 right-0 text-white bg-gray-300 bg-opacity-5"
|
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: '农产品',
|
name: '农产品',
|
||||||
id: 1,
|
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: '农资供应',
|
name: '农资供应',
|
||||||
id: 2,
|
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: '土地流转',
|
name: '土地流转',
|
||||||
id: 3,
|
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: '技术服务',
|
name: '技术服务',
|
||||||
id: 4,
|
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: '乡村旅游',
|
name: '乡村旅游',
|
||||||
id: 5,
|
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'"
|
:type="item.id === currentTab ? 'primary' : 'warning'"
|
||||||
@ -236,28 +240,28 @@
|
|||||||
{
|
{
|
||||||
name: '农产品',
|
name: '农产品',
|
||||||
id: 1,
|
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',
|
price: '320',
|
||||||
line_price: '320',
|
line_price: '320',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '农资供应',
|
name: '农资供应',
|
||||||
id: 2,
|
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',
|
price: '320',
|
||||||
line_price: '320',
|
line_price: '320',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '土地流转',
|
name: '土地流转',
|
||||||
id: 3,
|
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',
|
price: '320',
|
||||||
line_price: '320',
|
line_price: '320',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '技术服务',
|
name: '技术服务',
|
||||||
id: 4,
|
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',
|
price: '320',
|
||||||
line_price: '320',
|
line_price: '320',
|
||||||
},
|
},
|
||||||
@ -270,7 +274,7 @@
|
|||||||
radius="10rpx"
|
radius="10rpx"
|
||||||
:width="'100%'"
|
:width="'100%'"
|
||||||
:height="'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>
|
||||||
<view class="ps-2 pt-2 font-size-4 font-bold">xxx蔬菜基地</view>
|
<view class="ps-2 pt-2 font-size-4 font-bold">xxx蔬菜基地</view>
|
||||||
@ -361,28 +365,28 @@
|
|||||||
{
|
{
|
||||||
name: '农产品',
|
name: '农产品',
|
||||||
id: 1,
|
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',
|
price: '320',
|
||||||
line_price: '320',
|
line_price: '320',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '农资供应',
|
name: '农资供应',
|
||||||
id: 2,
|
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',
|
price: '320',
|
||||||
line_price: '320',
|
line_price: '320',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '土地流转',
|
name: '土地流转',
|
||||||
id: 3,
|
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',
|
price: '320',
|
||||||
line_price: '320',
|
line_price: '320',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '技术服务',
|
name: '技术服务',
|
||||||
id: 4,
|
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',
|
price: '320',
|
||||||
line_price: '320',
|
line_price: '320',
|
||||||
},
|
},
|
||||||
@ -395,7 +399,7 @@
|
|||||||
radius="10rpx"
|
radius="10rpx"
|
||||||
:width="'100%'"
|
:width="'100%'"
|
||||||
:height="'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>
|
||||||
<view class="ps-2 pt-2 font-size-4 font-bold">xxx蔬菜基地</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',
|
url: '/pages-tourism-sub/home/index',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
function more() {
|
function more(item) {
|
||||||
console.log('数字乡村详情')
|
|
||||||
uni.navigateTo({
|
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() {
|
function goToShop() {
|
||||||
// if (this.isLogin) {
|
// if (this.isLogin) {
|
||||||
let urls = 'https://shop.lihaink.cn/'
|
let urls = ' '
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages/web_view/index?local_url=${urls}&title=区域特产`,
|
url: `/pages/web_view/index?local_url=${urls}&title=区域特产`,
|
||||||
})
|
})
|
||||||
|
|||||||
@ -5,9 +5,30 @@
|
|||||||
</route>
|
</route>
|
||||||
<template>
|
<template>
|
||||||
<view class="background_home">
|
<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">wx的openid:</view> -->
|
||||||
<!-- <view class="ml-4">{{ openId }}</view> -->
|
<!-- <view class="ml-4">{{ openId }}</view> -->
|
||||||
<wx-login />
|
|
||||||
<view class="p-2">
|
<view class="p-2">
|
||||||
<wd-card>
|
<wd-card>
|
||||||
<wd-grid :gutter="2" :column="4">
|
<wd-grid :gutter="2" :column="4">
|
||||||
|
|||||||
@ -21,9 +21,9 @@ const { safeAreaInsets } = uni.getSystemInfoSync()
|
|||||||
// }
|
// }
|
||||||
// testOxlint('oxlint')
|
// testOxlint('oxlint')
|
||||||
// console.log('about')
|
// console.log('about')
|
||||||
function more(url) {
|
function more(item) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages/web_view/index?local_url=${url}`,
|
url: `/pages/web_view/index?local_url=${item.url}&title=${item.name}`,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@ -39,10 +39,10 @@ function more(url) {
|
|||||||
src="https://meizi-chao-pub.8531.cn/1813416312440430594_720px.jpg"
|
src="https://meizi-chao-pub.8531.cn/1813416312440430594_720px.jpg"
|
||||||
/>
|
/>
|
||||||
<view
|
<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="font-size-8 text-shadow">数字乡村</text>
|
||||||
<text class="block font-size-4 pt-2">同城一小时新鲜送到家</text>
|
<text class="block font-size-4 pt-2 text-shadow">同城一小时新鲜送到家</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="p-2">
|
<view class="p-2">
|
||||||
@ -66,7 +66,7 @@ function more(url) {
|
|||||||
</view>
|
</view>
|
||||||
<wd-grid :gutter="2" :column="4">
|
<wd-grid :gutter="2" :column="4">
|
||||||
<view
|
<view
|
||||||
@click="more(item.url)"
|
@click="more(item)"
|
||||||
v-for="item in [
|
v-for="item in [
|
||||||
{
|
{
|
||||||
name: '租赁服务',
|
name: '租赁服务',
|
||||||
@ -82,7 +82,7 @@ function more(url) {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '店铺街',
|
name: '店铺街',
|
||||||
url: '/pages/points_mall/index',
|
url: '/pages/store/shopStreet/index',
|
||||||
icon: '/static/icons/agriculture_course.png',
|
icon: '/static/icons/agriculture_course.png',
|
||||||
color: 'orange',
|
color: 'orange',
|
||||||
},
|
},
|
||||||
|
|||||||
@ -62,7 +62,7 @@ export default defineComponent({
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handleSearch() {
|
handleSearch() {
|
||||||
console.log('search')
|
// console.log('search')
|
||||||
// 跳转到搜索页面
|
// 跳转到搜索页面
|
||||||
uni.navigateTo({ url: '/pages/search/index' })
|
uni.navigateTo({ url: '/pages/search/index' })
|
||||||
},
|
},
|
||||||
|
|||||||
@ -29,7 +29,7 @@ page {
|
|||||||
|
|
||||||
--wot-size-side-padding: 0px; //统一去边距
|
--wot-size-side-padding: 0px; //统一去边距
|
||||||
--wot-grid-item-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)));
|
// background-color: var(--wot-grid-item-bg, var(--wot-color-white, rgb(255, 255, 255)));
|
||||||
// --wot-segmented-item-bg-color: #87d76b; //wd-segmentedb 背景颜色
|
// --wot-segmented-item-bg-color: #87d76b; //wd-segmentedb 背景颜色
|
||||||
}
|
}
|
||||||
@ -48,6 +48,10 @@ page {
|
|||||||
.background_home_card {
|
.background_home_card {
|
||||||
background: linear-gradient(to bottom, #f1f1f1, #87d76b); /* 垂直渐变 */
|
background: linear-gradient(to bottom, #f1f1f1, #87d76b); /* 垂直渐变 */
|
||||||
}
|
}
|
||||||
|
// //文字阴影
|
||||||
|
// .text-shadow {
|
||||||
|
// text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
|
||||||
|
// }
|
||||||
|
|
||||||
.scroll-view-container {
|
.scroll-view-container {
|
||||||
white-space: nowrap; // 防止内容换行
|
white-space: nowrap; // 防止内容换行
|
||||||
|
|||||||
@ -164,6 +164,6 @@ export function getEnvBaseUploadUrl() {
|
|||||||
|
|
||||||
export function getUrlCrmeb() {
|
export function getUrlCrmeb() {
|
||||||
// 请求基准地址
|
// 请求基准地址
|
||||||
let baseUrl = import.meta.env.VITE_SHOP_SERVER_BASEURL
|
let baseUrl = import.meta.env.VITE_CRMEB_SERVER_BASEURL
|
||||||
return baseUrl
|
return baseUrl
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user