页面提交
This commit is contained in:
parent
a260596382
commit
6800f17016
@ -21,7 +21,7 @@
|
||||
<view class="background_home">
|
||||
<view class="relative" style="height: 360rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://x0.ifengimg.com/ucms/2022_53/5EA8CAB4307AAD81F17C318296493C2554C0EBFF_size2164_w1618_h870.png"
|
||||
@ -79,7 +79,7 @@
|
||||
<view class="content" style="align-items: normal">
|
||||
<view style="width: 240rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://youimg1.c-ctrip.com/target/100113000000v65dv25F3.jpg"
|
||||
@ -122,7 +122,7 @@
|
||||
<view class="content" style="align-items: normal">
|
||||
<view style="width: 240rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://youimg1.c-ctrip.com/target/100113000000v65dv25F3.jpg"
|
||||
@ -165,7 +165,7 @@
|
||||
<wd-card custom-class="card-content">
|
||||
<view class="relative" style="height: 360rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://pic3.40017.cn/poi/2016/02/19/15/tjLmAf_640x320_00.jpg"
|
||||
@ -230,7 +230,7 @@
|
||||
<view class="content pt-2" style="align-items: normal">
|
||||
<view style="width: 200rpx; height: 200rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://bpic.588ku.com/back_pic/06/38/31/7363f87dd4223eb.jpg"
|
||||
@ -288,7 +288,7 @@
|
||||
|
||||
<view style="width: 280rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://bpic.588ku.com/back_pic/06/38/31/7363f87dd4223eb.jpg"
|
||||
|
@ -21,7 +21,7 @@
|
||||
<view class="background_home">
|
||||
<view class="relative" style="height: 360rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
|
||||
@ -90,7 +90,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img radius="10rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<view class="pt-2 pb-2 text-center text-gray-500 font-size-3">{{ item.name }}</view>
|
||||
</view>
|
||||
</wd-grid-item>
|
||||
@ -153,7 +153,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img radius="10rpx" :width="'100%'" :height="'180rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'100%'" :height="'180rpx'" :src="item.icon" />
|
||||
<view
|
||||
class="m-2 p-1 absolute bottom-0 text-center left-0 right-0 text-white bg-gray-300 bg-opacity-5"
|
||||
style="backdrop-filter: blur(2px); border-radius: 10rpx"
|
||||
@ -222,7 +222,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img radius="10rpx" :width="'100%'" :height="'180rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'100%'" :height="'180rpx'" :src="item.icon" />
|
||||
</view>
|
||||
</wd-grid-item>
|
||||
</view>
|
||||
@ -266,7 +266,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img radius="10rpx" :width="'100%'" :height="'180rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'100%'" :height="'180rpx'" :src="item.icon" />
|
||||
<view
|
||||
class="m-2 p-1 absolute bottom-0 text-center left-0 right-0 text-white bg-black bg-opacity-5"
|
||||
style="backdrop-filter: blur(2px); border-radius: 10rpx"
|
||||
@ -296,7 +296,7 @@
|
||||
<wd-card custom-class="card-content">
|
||||
<view class="relative" style="height: 360rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
|
||||
@ -392,7 +392,7 @@
|
||||
<view class="content pt-2" style="align-items: normal">
|
||||
<view style="width: 200rpx; height: 200rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://bpic.588ku.com/back_pic/06/38/31/7363f87dd4223eb.jpg"
|
||||
|
@ -22,7 +22,7 @@
|
||||
<view class="background_home" style="background: white">
|
||||
<view class="relative" style="height: 80rpx">
|
||||
<!-- <wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
|
||||
@ -84,7 +84,7 @@
|
||||
<wd-img
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
src="https://bpic.588ku.com/back_pic/06/38/31/7363f87dd4223eb.jpg"
|
||||
alt="joy"
|
||||
/>
|
||||
|
@ -39,7 +39,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img radius="10rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<view class="pt-2 pb-2 text-center text-gray-500 font-size-3">{{ item.name }}</view>
|
||||
</view>
|
||||
</wd-grid-item>
|
||||
@ -85,7 +85,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class=" " style="border: none; padding: 0; margin: 0">
|
||||
<wd-img radius="10rpx" :width="'100%'" :height="'280rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'100%'" :height="'280rpx'" :src="item.icon" />
|
||||
</view>
|
||||
</wd-grid-item>
|
||||
</view>
|
||||
@ -106,7 +106,7 @@
|
||||
<wd-img
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
src="https://img95.699pic.com/photo/60051/3096.jpg_wh860.jpg"
|
||||
alt="joy"
|
||||
/>
|
||||
|
@ -21,7 +21,7 @@
|
||||
<view class=" ">
|
||||
<view class="relative p-2" style="height: 360rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://bpic.588ku.com/back_pic/06/38/31/7363f87dd4223eb.jpg"
|
||||
@ -56,7 +56,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img radius="10rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<view class="pt-2 pb-2 text-center text-gray-500 font-size-3">{{ item.name }}</view>
|
||||
</view>
|
||||
</wd-grid-item>
|
||||
@ -102,7 +102,7 @@
|
||||
<wd-img
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
src="https://bpic.588ku.com/back_pic/06/38/31/7363f87dd4223eb.jpg"
|
||||
alt="joy"
|
||||
/>
|
||||
|
@ -27,7 +27,7 @@
|
||||
<view class="p-2">
|
||||
<view class="relative" style="height: 360rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://kscgc.sctv-tf.com/sctv/1/image/public/202208/20220824115112_bnkt9lrxi5.jpg"
|
||||
|
@ -64,7 +64,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img radius="10rpx" :width="'100%'" :height="'120rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'100%'" :height="'120rpx'" :src="item.icon" />
|
||||
</view>
|
||||
</wd-grid-item>
|
||||
</view>
|
||||
@ -115,7 +115,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img radius="10rpx" :width="'100%'" :height="'160rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'100%'" :height="'160rpx'" :src="item.icon" />
|
||||
<view class="p-2">{{ item.name }}</view>
|
||||
</view>
|
||||
</wd-grid-item>
|
||||
@ -166,7 +166,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img radius="10rpx" :width="'100%'" :height="'160rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'100%'" :height="'160rpx'" :src="item.icon" />
|
||||
<view class="p-2">{{ item.name }}</view>
|
||||
</view>
|
||||
</wd-grid-item>
|
||||
|
@ -4,7 +4,7 @@
|
||||
<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" />
|
||||
<wd-img radius="20rpx" :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"
|
||||
>
|
||||
|
@ -14,12 +14,12 @@
|
||||
<!-- <StickyNav /> -->
|
||||
<view class="">
|
||||
<view class="background_home">
|
||||
<view class=" ">
|
||||
<view class="px-2">
|
||||
<view class="" style="" @click="more">
|
||||
<wd-card custom-class="card-content">
|
||||
<view class="relative" style="height: 380rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://bpic.588ku.com/back_list_pic/23/05/17/75e92f4e681efeb526f7d8603199ca11.jpg"
|
||||
@ -67,7 +67,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view>
|
||||
<wd-img radius="10rpx" :width="'160rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'160rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<view
|
||||
class="absolute bottom-6 text-center left-0 right-0 text-white text-center text-gray-500 font-size-3"
|
||||
>
|
||||
@ -135,7 +135,7 @@
|
||||
<wd-img
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
src="https://img.shetu66.com/2023/07/26/1690335889558220.png"
|
||||
alt="joy"
|
||||
/>
|
||||
|
@ -59,7 +59,7 @@
|
||||
<wd-card custom-class=" ">
|
||||
<view class="relative pt-2" style="height: 280rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
|
||||
|
@ -18,7 +18,7 @@
|
||||
<!-- 横幅广告 -->
|
||||
<view class="relative h-40 p-2">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
|
||||
@ -70,7 +70,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img radius="10rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<view class="pt-2 pb-2 text-center text-gray-500 font-size-3">{{ item.name }}</view>
|
||||
</view>
|
||||
</wd-grid-item>
|
||||
@ -96,7 +96,7 @@
|
||||
<view class="pb-2">回归自然 从新开始</view>
|
||||
<view style="height: 200rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
|
||||
@ -142,7 +142,7 @@
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'140rpx'"
|
||||
:height="'140rpx'"
|
||||
:src="item.icon"
|
||||
@ -189,7 +189,7 @@
|
||||
<view class="pb-2">区特臻品 质纯味美</view>
|
||||
<view style="height: 200rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
|
||||
@ -236,7 +236,7 @@
|
||||
<wd-grid-item use-slot>
|
||||
<view class="detail-box" style="border: none; padding: 0; margin: 0">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'140rpx'"
|
||||
:height="'140rpx'"
|
||||
:src="item.icon"
|
||||
@ -306,7 +306,7 @@
|
||||
<wd-card custom-class="card-content">
|
||||
<view style="height: 200rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://img95.699pic.com/photo/50384/2866.jpg_wh860.jpg"
|
||||
|
@ -71,7 +71,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="p-2">
|
||||
<wd-img radius="10rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :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>
|
||||
@ -110,7 +110,7 @@
|
||||
>
|
||||
<wd-card custom-class="card-content">
|
||||
<view style="height: 200rpx">
|
||||
<wd-img radius="10rpx" :width="'100%'" :height="'100%'" :src="item.image" />
|
||||
<wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.image" />
|
||||
</view>
|
||||
<view class="ps-2 pt-2 font-size-4 font-bold">{{ item.store_name }}</view>
|
||||
<view class="ps-2 pt-2 font-size-3">我们这里的食物很新鲜</view>
|
||||
@ -156,7 +156,7 @@
|
||||
<wd-card custom-class="card-content">
|
||||
<view class="relative" style="height: 380rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg"
|
||||
@ -271,7 +271,7 @@
|
||||
<wd-card custom-class="card-content">
|
||||
<view style="height: 200rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg"
|
||||
@ -324,7 +324,7 @@
|
||||
<wd-img
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
src="https://bpic.588ku.com/back_pic/06/38/31/7363f87dd4223eb.jpg"
|
||||
alt="joy"
|
||||
/>
|
||||
@ -396,7 +396,7 @@
|
||||
<wd-card custom-class="card-content">
|
||||
<view style="height: 200rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://newbbs-fd.zol-img.com.cn/t_s800x2000/g5/M00/05/03/ChMkJ1kRrUGIU6bFAB7EyXOo1FoAAcQtwIB8tMAHsTh613.jpg"
|
||||
|
@ -5,12 +5,12 @@
|
||||
</route>
|
||||
<template>
|
||||
<view class="background_home">
|
||||
<view class=" ">
|
||||
<view class="px-2">
|
||||
<view class=" " style="" @click="more">
|
||||
<wd-card custom-class="card-content">
|
||||
<view class="relative" style="height: 380rpx">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://img.shetu66.com/2023/06/14/1686734441937414.png"
|
||||
@ -46,7 +46,7 @@
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="p-2">
|
||||
<wd-img radius="10rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :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>
|
||||
|
@ -31,9 +31,9 @@ function more(item) {
|
||||
<template>
|
||||
<view class="">
|
||||
<view class="background_home">
|
||||
<view class="relative h-50">
|
||||
<view class="relative h-50 px-2">
|
||||
<wd-img
|
||||
radius="10rpx"
|
||||
radius="20rpx"
|
||||
:width="'100%'"
|
||||
:height="'100%'"
|
||||
src="https://meizi-chao-pub.8531.cn/1813416312440430594_720px.jpg"
|
||||
@ -120,7 +120,7 @@ function more(item) {
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="p-2">
|
||||
<wd-img radius="10rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :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>
|
||||
@ -188,7 +188,7 @@ function more(item) {
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="p-2">
|
||||
<wd-img radius="10rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :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>
|
||||
@ -255,7 +255,7 @@ function more(item) {
|
||||
>
|
||||
<wd-grid-item use-slot>
|
||||
<view class="p-2">
|
||||
<wd-img radius="10rpx" :width="'100rpx'" :height="'100rpx'" :src="item.icon" />
|
||||
<wd-img radius="20rpx" :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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user