Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
G
groupPurchase-miniapp
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
彭佳妮(贵阳日报)
groupPurchase-miniapp
Commits
b3f56b33
Commit
b3f56b33
authored
Aug 06, 2024
by
张娇(东信)
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
路径修改
parent
4da1c924
Hide whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
263 additions
and
153 deletions
+263
-153
Search.vue
src/Components/assistingAgriculture/index/Search.vue
+1
-1
RuralTravel.vue
src/pages/assistingAgriculture/RuralTravel/RuralTravel.vue
+34
-18
ConfirmOrder.vue
src/pages/assistingAgriculture/cart/ConfirmOrder.vue
+6
-6
cart(old).vue
src/pages/assistingAgriculture/cart/cart(old).vue
+3
-3
cart.vue
src/pages/assistingAgriculture/cart/cart.vue
+1
-1
detail.vue
src/pages/assistingAgriculture/detail/detail.vue
+32
-19
building.vue
src/pages/assistingAgriculture/index/building.vue
+41
-29
index.vue
src/pages/assistingAgriculture/index/index.vue
+99
-34
presale.vue
src/pages/assistingAgriculture/index/presale.vue
+45
-41
index.vue
src/pages/assistingAgriculture/shop/index.vue
+1
-1
No files found.
src/Components/assistingAgriculture/index/Search.vue
View file @
b3f56b33
...
@@ -6,7 +6,7 @@
...
@@ -6,7 +6,7 @@
<view
class=
"searchBox"
>
<view
class=
"searchBox"
>
<image
<image
class=
"magnifyingGlass"
class=
"magnifyingGlass"
src=
"
../../static
/assets/magnifyingGlass.png"
src=
"
/static/assistingAgriculture
/assets/magnifyingGlass.png"
mode=
"aspectFit|aspectFill|widthFix"
mode=
"aspectFit|aspectFill|widthFix"
/>
/>
<input
<input
...
...
src/pages/assistingAgriculture/RuralTravel/RuralTravel.vue
View file @
b3f56b33
...
@@ -5,12 +5,16 @@
...
@@ -5,12 +5,16 @@
<Search
<Search
background=
"rgba(255, 255, 255, 0.8)"
background=
"rgba(255, 255, 255, 0.8)"
backIcon=
"black"
backIcon=
"black"
iconSrc=
"/static/assets/left.png"
iconSrc=
"/static/ass
istingAgriculture/ass
ets/left.png"
placeholderText=
"请输入要搜索的关键词"
placeholderText=
"请输入要搜索的关键词"
></Search>
></Search>
</view>
</view>
<view
class=
"bac-img"
>
<view
class=
"bac-img"
>
<img
class=
"bac"
src=
"/static/rural/bacImg.png"
style=
"width: 750rpx; height: 440rpx"
/>
<img
class=
"bac"
src=
"/static/assistingAgriculture/rural/bacImg.png"
style=
"width: 750rpx; height: 440rpx"
/>
</view>
</view>
<!-- 热门-->
<!-- 热门-->
<view
style=
"display: flex; flex-direction: row"
>
<view
style=
"display: flex; flex-direction: row"
>
...
@@ -18,19 +22,27 @@
...
@@ -18,19 +22,27 @@
<text
class=
"left-title"
>
特价专区
</text>
<text
class=
"left-title"
>
特价专区
</text>
<img
<img
class=
"special-icon"
class=
"special-icon"
src=
"/static/rural/specialOffer.png"
src=
"/static/
assistingAgriculture/
rural/specialOffer.png"
style=
"width: 29rpx; height: 25rpx"
style=
"width: 29rpx; height: 25rpx"
/>
/>
<img
class=
"spe-img"
src=
"/static/rural/img7.png"
style=
"width: 306rpx; height: 204rpx"
/>
<img
class=
"spe-img"
src=
"/static/assistingAgriculture/rural/img7.png"
style=
"width: 306rpx; height: 204rpx"
/>
</view>
</view>
<view
class=
"right-offer"
>
<view
class=
"right-offer"
>
<text
class=
"left-title"
>
日游直播
</text>
<text
class=
"left-title"
>
日游直播
</text>
<img
<img
class=
"special-icon"
class=
"special-icon"
src=
"/static/rural/dayTOur.png"
src=
"/static/
assistingAgriculture/
rural/dayTOur.png"
style=
"width: 32rpx; height: 32rpx"
style=
"width: 32rpx; height: 32rpx"
/>
/>
<img
class=
"spe-img"
src=
"/static/rural/img5.png"
style=
"width: 306rpx; height: 204rpx"
/>
<img
class=
"spe-img"
src=
"/static/assistingAgriculture/rural/img5.png"
style=
"width: 306rpx; height: 204rpx"
/>
</view>
</view>
</view>
</view>
<view
class=
"hot-way"
>
<view
class=
"hot-way"
>
...
@@ -46,10 +58,14 @@
...
@@ -46,10 +58,14 @@
<view
class=
"foodCard"
v-for=
"(item, index) in 5"
:key=
"index"
>
<view
class=
"foodCard"
v-for=
"(item, index) in 5"
:key=
"index"
>
<!--
<img-->
<!--
<img-->
<!-- class="img-icon"-->
<!-- class="img-icon"-->
<!-- src="/static/rural/icon.png"-->
<!-- src="/static/
assistingAgriculture/
rural/icon.png"-->
<!-- style="width: 118rpx; height: 32rpx"-->
<!-- style="width: 118rpx; height: 32rpx"-->
<!-- />-->
<!-- />-->
<image
class=
"test5"
src=
"/static/rural/img4.png"
mode=
"widthFix"
/>
<image
class=
"test5"
src=
"/static/assistingAgriculture/rural/img4.png"
mode=
"widthFix"
/>
</view>
</view>
</scroll-view>
</scroll-view>
<!-- 列表-->
<!-- 列表-->
...
@@ -141,11 +157,11 @@
...
@@ -141,11 +157,11 @@
</
template
>
</
template
>
<
script
setup
lang=
"ts"
>
<
script
setup
lang=
"ts"
>
import
Search
from
'../../
components
/index/Search.vue'
;
import
Search
from
'../../
../components/assistingAgriculture
/index/Search.vue'
;
import
Sort
from
'../../
components
/index/Sort.vue'
;
import
Sort
from
'../../
../components/assistingAgriculture
/index/Sort.vue'
;
import
DepartureDate
from
'../../
components
/index/DepartureDate.vue'
;
import
DepartureDate
from
'../../
../components/assistingAgriculture
/index/DepartureDate.vue'
;
import
ScenicSpots
from
'../../
components
/index/ScenicSpots.vue'
;
import
ScenicSpots
from
'../../
../components/assistingAgriculture
/index/ScenicSpots.vue'
;
import
Screen
from
'../../
components
/index/Screen.vue'
;
import
Screen
from
'../../
../components/assistingAgriculture
/index/Screen.vue'
;
const
rotate
=
ref
(
false
);
const
rotate
=
ref
(
false
);
const
rotate2
=
ref
(
false
);
const
rotate2
=
ref
(
false
);
...
@@ -153,7 +169,7 @@ const rotate3 = ref(false);
...
@@ -153,7 +169,7 @@ const rotate3 = ref(false);
const
rotate4
=
ref
(
false
);
const
rotate4
=
ref
(
false
);
const
cardList
=
ref
([
const
cardList
=
ref
([
{
{
img
:
'/static/rural/img2.png'
,
img
:
'/static/
assistingAgriculture/
rural/img2.png'
,
title
:
'红枫湖+青岩古镇+云漫湖+云顶高坡景区一日游'
,
title
:
'红枫湖+青岩古镇+云漫湖+云顶高坡景区一日游'
,
give
:
'赠价值59元特产伴手礼一份'
,
give
:
'赠价值59元特产伴手礼一份'
,
tag
:
[
'可定明日'
,
'无购物'
,
'含保险'
],
tag
:
[
'可定明日'
,
'无购物'
,
'含保险'
],
...
@@ -163,7 +179,7 @@ const cardList = ref([
...
@@ -163,7 +179,7 @@ const cardList = ref([
price
:
'299.00'
,
price
:
'299.00'
,
},
},
{
{
img
:
'/static/rural/img2.png'
,
img
:
'/static/
assistingAgriculture/
rural/img2.png'
,
title
:
'红枫湖+青岩古镇+云漫湖+云顶高坡景区一日游'
,
title
:
'红枫湖+青岩古镇+云漫湖+云顶高坡景区一日游'
,
give
:
'赠价值59元特产伴手礼一份'
,
give
:
'赠价值59元特产伴手礼一份'
,
tag
:
[
'可定明日'
,
'无购物'
,
'含保险'
],
tag
:
[
'可定明日'
,
'无购物'
,
'含保险'
],
...
@@ -173,7 +189,7 @@ const cardList = ref([
...
@@ -173,7 +189,7 @@ const cardList = ref([
price
:
'299.00'
,
price
:
'299.00'
,
},
},
{
{
img
:
'/static/rural/img2.png'
,
img
:
'/static/
assistingAgriculture/
rural/img2.png'
,
title
:
'红枫湖+青岩古镇+云漫湖+云顶高坡景区一日游'
,
title
:
'红枫湖+青岩古镇+云漫湖+云顶高坡景区一日游'
,
give
:
'赠价值59元特产伴手礼一份'
,
give
:
'赠价值59元特产伴手礼一份'
,
tag
:
[
'可定明日'
,
'无购物'
,
'含保险'
],
tag
:
[
'可定明日'
,
'无购物'
,
'含保险'
],
...
@@ -183,7 +199,7 @@ const cardList = ref([
...
@@ -183,7 +199,7 @@ const cardList = ref([
price
:
'299.00'
,
price
:
'299.00'
,
},
},
{
{
img
:
'/static/rural/img2.png'
,
img
:
'/static/
assistingAgriculture/
rural/img2.png'
,
title
:
'红枫湖+青岩古镇+云漫湖+云顶高坡景区一日游'
,
title
:
'红枫湖+青岩古镇+云漫湖+云顶高坡景区一日游'
,
give
:
'赠价值59元特产伴手礼一份'
,
give
:
'赠价值59元特产伴手礼一份'
,
tag
:
[
'可定明日'
,
'无购物'
,
'含保险'
],
tag
:
[
'可定明日'
,
'无购物'
,
'含保险'
],
...
@@ -224,7 +240,7 @@ const locationFiltering = (index) => {
...
@@ -224,7 +240,7 @@ const locationFiltering = (index) => {
function
toRouteDetails
()
{
function
toRouteDetails
()
{
// TODO: 跳转到线路详情
// TODO: 跳转到线路详情
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/RouteDetails/RouteDetails'
,
url
:
'/pages/
assistingAgriculture/
RouteDetails/RouteDetails'
,
});
});
}
}
</
script
>
</
script
>
...
...
src/pages/assistingAgriculture/cart/ConfirmOrder.vue
View file @
b3f56b33
...
@@ -6,9 +6,9 @@
...
@@ -6,9 +6,9 @@
<view
class=
"hypotenuse-view"
></view>
<view
class=
"hypotenuse-view"
></view>
</view>
</view>
<view
class=
"location"
>
<view
class=
"location"
>
<img
class=
"location-pic"
src=
"/src/static/assets/location.png"
alt=
""
/>
<img
class=
"location-pic"
src=
"/src/static/ass
istingAgriculture/ass
ets/location.png"
alt=
""
/>
<view
class=
"location-text"
>
贵州省贵阳市南明区花果园中环广场3号楼 1718
</view>
<view
class=
"location-text"
>
贵州省贵阳市南明区花果园中环广场3号楼 1718
</view>
<img
class=
"location-icon"
src=
"/src/static/assets/right-arrow.png"
alt=
""
/>
<img
class=
"location-icon"
src=
"/src/static/ass
istingAgriculture/ass
ets/right-arrow.png"
alt=
""
/>
<view
class=
"customer-information"
>
<view
class=
"customer-information"
>
<view
class=
"customer-name"
>
张三
</view>
<view
class=
"customer-name"
>
张三
</view>
<view
class=
"customer-phone"
>
187****5632
</view>
<view
class=
"customer-phone"
>
187****5632
</view>
...
@@ -18,14 +18,14 @@
...
@@ -18,14 +18,14 @@
<text
class=
"send-time"
>
立即送出
</text>
<text
class=
"send-time"
>
立即送出
</text>
<view
class=
"estimated-time"
>
大约13:45送达
</view>
<view
class=
"estimated-time"
>
大约13:45送达
</view>
<view
class=
"estimated-icon"
></view>
<view
class=
"estimated-icon"
></view>
<img
class=
"estimated-icon"
src=
"/src/static/assets/right-arrow.png"
alt=
""
/>
<img
class=
"estimated-icon"
src=
"/src/static/ass
istingAgriculture/ass
ets/right-arrow.png"
alt=
""
/>
</view>
</view>
</view>
</view>
<view
class=
"commordity-information-view"
>
<view
class=
"commordity-information-view"
>
<view
class=
"trade-name"
>
杨家黄焖鸡
</view>
<view
class=
"trade-name"
>
杨家黄焖鸡
</view>
<view
class=
"commordity-content"
>
<view
class=
"commordity-content"
>
<view
class=
"commordity-details"
>
<view
class=
"commordity-details"
>
<img
class=
"commodity-picture"
src=
"/src/static/assets/img1.png"
alt=
""
/>
<img
class=
"commodity-picture"
src=
"/src/static/ass
istingAgriculture/ass
ets/img1.png"
alt=
""
/>
<view
class=
"commodity-name"
>
招牌黄焖鸡+米饭(土豆+生菜)
</view>
<view
class=
"commodity-name"
>
招牌黄焖鸡+米饭(土豆+生菜)
</view>
<view
class=
"price-information"
>
<view
class=
"price-information"
>
<text
class=
"price-symbol"
>
¥
</text>
<text
class=
"price-symbol"
>
¥
</text>
...
@@ -35,7 +35,7 @@
...
@@ -35,7 +35,7 @@
<view
class=
"label"
>
约1000克
</view>
<view
class=
"label"
>
约1000克
</view>
</view>
</view>
<view
class=
"commordity-details"
>
<view
class=
"commordity-details"
>
<img
class=
"commodity-picture"
src=
"/src/static/assets/img1.png"
alt=
""
/>
<img
class=
"commodity-picture"
src=
"/src/static/ass
istingAgriculture/ass
ets/img1.png"
alt=
""
/>
<view
class=
"commodity-name"
>
招牌黄焖鸡+米饭(土豆+生菜)
</view>
<view
class=
"commodity-name"
>
招牌黄焖鸡+米饭(土豆+生菜)
</view>
<view
class=
"price-information"
>
<view
class=
"price-information"
>
<text
class=
"price-symbol"
>
¥
</text>
<text
class=
"price-symbol"
>
¥
</text>
...
@@ -50,7 +50,7 @@
...
@@ -50,7 +50,7 @@
<view
class=
"discount-coupon"
>
卷
</view>
<view
class=
"discount-coupon"
>
卷
</view>
<view
class=
"discount-coupon-text"
>
商家优惠券
</view>
<view
class=
"discount-coupon-text"
>
商家优惠券
</view>
<view
class=
"discount-coupon-price"
>
¥0
</view>
<view
class=
"discount-coupon-price"
>
¥0
</view>
<img
class=
"discount-coupon-icon"
src=
"/src/static/assets/right-arrow.png"
alt=
""
/>
<img
class=
"discount-coupon-icon"
src=
"/src/static/ass
istingAgriculture/ass
ets/right-arrow.png"
alt=
""
/>
</view>
</view>
</view>
</view>
<view
class=
"freight-view"
>
<view
class=
"freight-view"
>
...
...
src/pages/assistingAgriculture/cart/cart(old).vue
View file @
b3f56b33
...
@@ -10,7 +10,7 @@
...
@@ -10,7 +10,7 @@
<view
class=
"commodity-information"
>
<view
class=
"commodity-information"
>
<view
class=
"commodity-checkbox"
></view>
<view
class=
"commodity-checkbox"
></view>
<img
class=
"commodity-picture"
src=
"/src/static/assets/fruit.png"
alt=
""
/>
<img
class=
"commodity-picture"
src=
"/src/static/ass
istingAgriculture/ass
ets/fruit.png"
alt=
""
/>
<view
class=
"commodity-name"
>
招牌黄焖鸡+米饭(土豆+生菜)
</view>
<view
class=
"commodity-name"
>
招牌黄焖鸡+米饭(土豆+生菜)
</view>
<view
class=
"label"
>
约1000克
</view>
<view
class=
"label"
>
约1000克
</view>
<view
class=
"price-information"
>
<view
class=
"price-information"
>
...
@@ -34,7 +34,7 @@
...
@@ -34,7 +34,7 @@
<view
class=
"commodity-information"
>
<view
class=
"commodity-information"
>
<view
class=
"commodity-checkbox"
></view>
<view
class=
"commodity-checkbox"
></view>
<img
class=
"commodity-picture"
src=
"/src/static/assets/fruit.png"
alt=
""
/>
<img
class=
"commodity-picture"
src=
"/src/static/ass
istingAgriculture/ass
ets/fruit.png"
alt=
""
/>
<view
class=
"commodity-name"
>
招牌黄焖鸡+米饭(土豆+生菜)
</view>
<view
class=
"commodity-name"
>
招牌黄焖鸡+米饭(土豆+生菜)
</view>
<view
class=
"label"
>
约1000克
</view>
<view
class=
"label"
>
约1000克
</view>
<view
class=
"price-information"
>
<view
class=
"price-information"
>
...
@@ -51,7 +51,7 @@
...
@@ -51,7 +51,7 @@
</view>
</view>
<view
class=
"commodity-information"
>
<view
class=
"commodity-information"
>
<view
class=
"commodity-checkbox"
></view>
<view
class=
"commodity-checkbox"
></view>
<img
class=
"commodity-picture"
src=
"/src/static/assets/fruit.png"
alt=
""
/>
<img
class=
"commodity-picture"
src=
"/src/static/ass
istingAgriculture/ass
ets/fruit.png"
alt=
""
/>
<view
class=
"commodity-name"
>
招牌黄焖鸡+米饭(土豆+生菜)
</view>
<view
class=
"commodity-name"
>
招牌黄焖鸡+米饭(土豆+生菜)
</view>
<view
class=
"label"
>
约1000克
</view>
<view
class=
"label"
>
约1000克
</view>
<view
class=
"price-information"
>
<view
class=
"price-information"
>
...
...
src/pages/assistingAgriculture/cart/cart.vue
View file @
b3f56b33
...
@@ -143,7 +143,7 @@ const changeCheckedAll = () => {
...
@@ -143,7 +143,7 @@ const changeCheckedAll = () => {
function
toSettle
()
{
function
toSettle
()
{
// TODO: 跳转到结算页面
// TODO: 跳转到结算页面
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/cart/ConfirmOrder'
,
url
:
'/pages/
assistingAgriculture/
cart/ConfirmOrder'
,
});
});
}
}
</
script
>
</
script
>
...
...
src/pages/assistingAgriculture/detail/detail.vue
View file @
b3f56b33
...
@@ -6,23 +6,27 @@
...
@@ -6,23 +6,27 @@
<Search
<Search
background=
"rgba(255, 255, 255, 0.8)"
background=
"rgba(255, 255, 255, 0.8)"
backIcon=
"black"
backIcon=
"black"
iconSrc=
"/static/assets/blackLeft.png"
iconSrc=
"/static/ass
istingAgriculture/ass
ets/blackLeft.png"
placeholderText=
"请输入要搜索的内容"
placeholderText=
"请输入要搜索的内容"
></Search>
></Search>
</view>
</view>
</view>
</view>
<!-- 图片-->
<!-- 图片-->
<view
class=
"nav"
>
<view
class=
"nav"
>
<img
class=
"main-img"
src=
"/static/detail/img2.png"
style=
"width: 750rpx; height: 668rpx"
/>
<img
class=
"main-img"
src=
"/static/assistingAgriculture/detail/img2.png"
style=
"width: 750rpx; height: 668rpx"
/>
<view
class=
"pre-icon"
>
<view
class=
"pre-icon"
>
<img
<img
class=
"left-icon"
class=
"left-icon"
src=
"/static/detail/img4.png"
src=
"/static/
assistingAgriculture/
detail/img4.png"
style=
"width: 248rpx; height: 100rpx; position: relative"
style=
"width: 248rpx; height: 100rpx; position: relative"
/>
/>
<img
<img
class=
"right-icon"
class=
"right-icon"
src=
"/static/detail/img3.png"
src=
"/static/
assistingAgriculture/
detail/img3.png"
style=
"width: 546rpx; height: 62rpx"
style=
"width: 546rpx; height: 62rpx"
/>
/>
</view>
</view>
...
@@ -38,7 +42,7 @@
...
@@ -38,7 +42,7 @@
这是商品简介这是商品简介这是商品简介这是商品简介这是商品 简介这是商品简介这是商品简介
这是商品简介这是商品简介这是商品简介这是商品简介这是商品 简介这是商品简介这是商品简介
</view>
</view>
<view>
<view>
<img
class=
"share-img"
src=
"/static/detail/share.png"
/>
<img
class=
"share-img"
src=
"/static/
assistingAgriculture/
detail/share.png"
/>
<text
class=
"share-text"
@
click=
"share"
>
分享
</text>
<text
class=
"share-text"
@
click=
"share"
>
分享
</text>
</view>
</view>
</view>
</view>
...
@@ -52,24 +56,33 @@
...
@@ -52,24 +56,33 @@
<!-- 详情图-->
<!-- 详情图-->
<view
class=
"detail-info"
>
<view
class=
"detail-info"
>
<text
class=
"info-title"
>
详情
</text>
<text
class=
"info-title"
>
详情
</text>
<img
class=
"info-img"
src=
"/static/detail/detail-img.png"
/>
<img
class=
"info-img"
src=
"/static/
assistingAgriculture/
detail/detail-img.png"
/>
<img
class=
"info-img"
src=
"/static/detail/detail-img.png"
/>
<img
class=
"info-img"
src=
"/static/
assistingAgriculture/
detail/detail-img.png"
/>
</view>
</view>
<!-- 底部-->
<!-- 底部-->
<view
class=
"detail-bottom"
>
<view
class=
"detail-bottom"
>
<view
class=
"sort"
>
<view
class=
"sort"
>
<view
class=
"bottom"
style=
"display: flex; flex-direction: row"
>
<view
class=
"bottom"
style=
"display: flex; flex-direction: row"
>
<view
class=
"borderClass"
@
tap=
"toStore"
>
<view
class=
"borderClass"
@
tap=
"toStore"
>
<img
src=
"/static/detail/img7.png"
style=
"width: 40rpx; height: 40rpx"
/>
<img
src=
"/static/assistingAgriculture/detail/img7.png"
style=
"width: 40rpx; height: 40rpx"
/>
<view
class=
"sort-text"
>
店铺
</view>
<view
class=
"sort-text"
>
店铺
</view>
</view>
</view>
<view
class=
"borderClass"
>
<view
class=
"borderClass"
>
<img
src=
"/static/detail/img8.png"
style=
"width: 40rpx; height: 40rpx"
/>
<img
src=
"/static/assistingAgriculture/detail/img8.png"
style=
"width: 40rpx; height: 40rpx"
/>
<view
class=
"sort-text"
>
客服
</view>
<view
class=
"sort-text"
>
客服
</view>
</view>
</view>
<view
class=
"borderClass"
@
tap=
"toCart"
>
<view
class=
"borderClass"
@
tap=
"toCart"
>
<wd-badge
modelValue=
"4"
>
<wd-badge
modelValue=
"4"
>
<img
src=
"/static/detail/car.png"
style=
"width: 40rpx; height: 40rpx"
/>
<img
src=
"/static/assistingAgriculture/detail/car.png"
style=
"width: 40rpx; height: 40rpx"
/>
</wd-badge>
</wd-badge>
<view
class=
"sort-text"
>
购物车
</view>
<view
class=
"sort-text"
>
购物车
</view>
</view>
</view>
...
@@ -91,21 +104,21 @@
...
@@ -91,21 +104,21 @@
</
template
>
</
template
>
<
script
setup
>
<
script
setup
>
import
Search
from
'../../
components
/index/Search.vue'
;
import
Search
from
'../../
../components/assistingAgriculture
/index/Search.vue'
;
import
{
ref
}
from
'vue'
;
import
{
ref
}
from
'vue'
;
import
{
onShow
}
from
'@dcloudio/uni-app'
;
import
{
onShow
}
from
'@dcloudio/uni-app'
;
// 图片
// 图片
const
swiperList
=
ref
([
const
swiperList
=
ref
([
'../../static/detail/img2.png'
,
'../../static/
assistingAgriculture/
detail/img2.png'
,
'../../static/detail/img2.png'
,
'../../static/
assistingAgriculture/
detail/img2.png'
,
'../../static/detail/img2.png'
,
'../../static/
assistingAgriculture/
detail/img2.png'
,
]);
]);
// 底部
// 底部
const
storeList
=
ref
([
const
storeList
=
ref
([
{
img
:
'/static/detail/img7.png'
,
text
:
'店铺'
},
{
img
:
'/static/
assistingAgriculture/
detail/img7.png'
,
text
:
'店铺'
},
{
img
:
'/static/detail/img8.png'
,
text
:
'客服'
},
{
img
:
'/static/
assistingAgriculture/
detail/img8.png'
,
text
:
'客服'
},
{
img
:
'/static/detail/img6.png'
,
text
:
'购物车'
},
{
img
:
'/static/
assistingAgriculture/
detail/img6.png'
,
text
:
'购物车'
},
]);
]);
// 进入页面回到顶部
// 进入页面回到顶部
onShow
(()
=>
{
onShow
(()
=>
{
...
@@ -120,13 +133,13 @@ const share = () => {
...
@@ -120,13 +133,13 @@ const share = () => {
function
toStore
()
{
function
toStore
()
{
// TODO: 跳转到筑农严选
// TODO: 跳转到筑农严选
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/shop/index'
,
url
:
'/pages/
assistingAgriculture/
shop/index'
,
});
});
}
}
function
toCart
()
{
function
toCart
()
{
// TODO: 跳转到购物车
// TODO: 跳转到购物车
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/cart/cart'
,
url
:
'/pages/
assistingAgriculture/
cart/cart'
,
});
});
}
}
</
script
>
</
script
>
...
...
src/pages/assistingAgriculture/index/building.vue
View file @
b3f56b33
...
@@ -5,7 +5,7 @@
...
@@ -5,7 +5,7 @@
<Search
<Search
background=
"rgba(255, 255, 255, 0.8)"
background=
"rgba(255, 255, 255, 0.8)"
backIcon=
"black"
backIcon=
"black"
iconSrc=
"/static/assets/blackLeft.png"
iconSrc=
"/static/ass
istingAgriculture/ass
ets/blackLeft.png"
placeholderText=
"请输入要搜索的内容"
placeholderText=
"请输入要搜索的内容"
></Search>
></Search>
</view>
</view>
...
@@ -24,19 +24,19 @@
...
@@ -24,19 +24,19 @@
<view
class=
"nav-img"
>
<view
class=
"nav-img"
>
<img
<img
class=
"culture"
class=
"culture"
src=
"/static/assets/culture.png"
src=
"/static/ass
istingAgriculture/ass
ets/culture.png"
style=
"width: 366rpx; height: 362rpx"
style=
"width: 366rpx; height: 362rpx"
/>
/>
<view
class=
"right-img"
>
<view
class=
"right-img"
>
<img
<img
class=
"delicacy"
class=
"delicacy"
src=
"/static/assets/delicacy.png"
src=
"/static/ass
istingAgriculture/ass
ets/delicacy.png"
style=
"height: 176rpx; margin-left: 8rpx"
style=
"height: 176rpx; margin-left: 8rpx"
/>
/>
<img
<img
@
tap=
"toPresale"
@
tap=
"toPresale"
class=
"fresh"
class=
"fresh"
src=
"/static/assets/fresh.png"
src=
"/static/ass
istingAgriculture/ass
ets/fresh.png"
style=
"height: 176rpx; margin-left: 8rpx"
style=
"height: 176rpx; margin-left: 8rpx"
/>
/>
</view>
</view>
...
@@ -57,13 +57,13 @@
...
@@ -57,13 +57,13 @@
<img
<img
@
tap=
"toDetail"
@
tap=
"toDetail"
class=
"rice"
class=
"rice"
src=
"/static/assets/rice.png"
src=
"/static/ass
istingAgriculture/ass
ets/rice.png"
style=
"width: 670rpx; height: 236rpx"
style=
"width: 670rpx; height: 236rpx"
/>
/>
<img
<img
@
tap=
"toDetail"
@
tap=
"toDetail"
class=
"potato"
class=
"potato"
src=
"/static/assets/potato.png"
src=
"/static/ass
istingAgriculture/ass
ets/potato.png"
style=
"width: 650rpx; height: 236rpx; margin-left: 20rpx; margin-top: -20rpx"
style=
"width: 650rpx; height: 236rpx; margin-left: 20rpx; margin-top: -20rpx"
/>
/>
</view>
</view>
...
@@ -83,7 +83,7 @@
...
@@ -83,7 +83,7 @@
<view
class=
"tabs-list"
>
<view
class=
"tabs-list"
>
<img
<img
class=
"fruit-img"
class=
"fruit-img"
src=
"/static/assets/fruit4.png"
src=
"/static/ass
istingAgriculture/ass
ets/fruit4.png"
style=
"width: 670rpx; height: 236rpx"
style=
"width: 670rpx; height: 236rpx"
/>
/>
<view
class=
"sort-list"
>
<view
class=
"sort-list"
>
...
@@ -93,45 +93,57 @@
...
@@ -93,45 +93,57 @@
<view
class=
"price-page"
>
<view
class=
"price-page"
>
<text
class=
"price"
>
¥
{{
item
.
price
}}
</text>
<text
class=
"price"
>
¥
{{
item
.
price
}}
</text>
</view>
</view>
<img
class=
"presale"
src=
"/static/assets/car.png"
style=
"width: 40rpx; height: 40rpx"
/>
<img
class=
"presale"
src=
"/static/assistingAgriculture/assets/car.png"
style=
"width: 40rpx; height: 40rpx"
/>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 购物车悬浮按钮 -->
<!-- 购物车悬浮按钮 -->
<view
class=
"cart-floating"
@
tap=
"toCart"
>
<view
class=
"cart-floating"
@
tap=
"toCart"
>
<wd-badge
modelValue=
"4"
>
<wd-badge
modelValue=
"4"
>
<img
class=
"shop-car"
src=
"/static/presale/cart.png"
style=
"width: 40rpx; height: 40rpx"
/>
<img
class=
"shop-car"
src=
"/static/assistingAgriculture/presale/cart.png"
style=
"width: 40rpx; height: 40rpx"
/>
</wd-badge>
</wd-badge>
</view>
</view>
</view>
</view>
</
template
>
</
template
>
<
script
setup
>
<
script
setup
>
import
Search
from
'../../
components
/index/Search.vue'
;
import
Search
from
'../../
../components/assistingAgriculture
/index/Search.vue'
;
const
current
=
ref
(
0
);
const
current
=
ref
(
0
);
const
light
=
ref
(
0
);
const
light
=
ref
(
0
);
// 轮播图
// 轮播图
const
swiperList
=
ref
([
const
swiperList
=
ref
([
'../../static/assets/village.png'
,
'../../static/ass
istingAgriculture/ass
ets/village.png'
,
'../../static/assets/village.png'
,
'../../static/ass
istingAgriculture/ass
ets/village.png'
,
'../../static/assets/village.png'
,
'../../static/ass
istingAgriculture/ass
ets/village.png'
,
]);
]);
// 分类列表数据
// 分类列表数据
const
tabsData
=
ref
([
const
tabsData
=
ref
([
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'水果生鲜'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'水果生鲜'
},
{
img
:
'/static/assets/presale.png'
,
text
:
'米面粮油'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/presale.png'
,
text
:
'米面粮油'
},
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'农家干货'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'农家干货'
},
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'鲜货预售'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'鲜货预售'
},
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'水果生鲜'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'水果生鲜'
},
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'米面粮油'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'米面粮油'
},
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'农家干货'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'农家干货'
},
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'鲜货预售'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'鲜货预售'
},
]);
]);
const
detailList
=
ref
([
const
detailList
=
ref
([
{
img
:
'/static/assets/fruit.png'
,
price
:
'2555'
,
text
:
'这是草莓这是草莓'
},
{
img
:
'/static/assistingAgriculture/assets/fruit.png'
,
price
:
'2555'
,
text
:
'这是草莓这是草莓'
},
{
img
:
'/static/assets/fruit1.png'
,
price
:
'2555'
,
text
:
'这是草莓这是草莓'
},
{
{
img
:
'/static/assets/fruit2.png'
,
price
:
'2555'
,
text
:
'麻辣鱼豆腐'
},
img
:
'/static/assistingAgriculture/assets/fruit1.png'
,
{
img
:
'/static/assets/fruit3.png'
,
price
:
'2555'
,
text
:
'麻辣鱼豆腐'
},
price
:
'2555'
,
text
:
'这是草莓这是草莓'
,
},
{
img
:
'/static/assistingAgriculture/assets/fruit2.png'
,
price
:
'2555'
,
text
:
'麻辣鱼豆腐'
},
{
img
:
'/static/assistingAgriculture/assets/fruit3.png'
,
price
:
'2555'
,
text
:
'麻辣鱼豆腐'
},
]);
]);
const
choice
=
(
index
)
=>
{
const
choice
=
(
index
)
=>
{
light
.
value
=
index
;
light
.
value
=
index
;
...
@@ -145,19 +157,19 @@ function onChange(e) {
...
@@ -145,19 +157,19 @@ function onChange(e) {
function
toPresale
()
{
function
toPresale
()
{
// TODO: 跳转到预售
// TODO: 跳转到预售
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/index/presale'
,
url
:
'/pages/
assistingAgriculture/
index/presale'
,
});
});
}
}
function
toDetail
()
{
function
toDetail
()
{
// TODO: 跳转到详情页
// TODO: 跳转到详情页
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/detail/detail'
,
url
:
'/pages/
assistingAgriculture/
detail/detail'
,
});
});
}
}
function
toCart
()
{
function
toCart
()
{
// TODO: 跳转到购物车
// TODO: 跳转到购物车
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/cart/cart'
,
url
:
'/pages/
assistingAgriculture/
cart/cart'
,
});
});
}
}
</
script
>
</
script
>
...
@@ -257,7 +269,7 @@ page {
...
@@ -257,7 +269,7 @@ page {
content
:
''
;
content
:
''
;
width
:
40rpx
;
width
:
40rpx
;
height
:
12rpx
;
height
:
12rpx
;
background
:
url('../../static/assets/selected.png')
no-repeat
;
background
:
url('../../static/ass
istingAgriculture/ass
ets/selected.png')
no-repeat
;
background-size
:
100%
100%
;
background-size
:
100%
100%
;
position
:
absolute
;
position
:
absolute
;
bottom
:
-16rpx
;
bottom
:
-16rpx
;
...
...
src/pages/assistingAgriculture/index/index.vue
View file @
b3f56b33
...
@@ -4,30 +4,54 @@
...
@@ -4,30 +4,54 @@
<Search
<Search
background=
"rgba(255, 255, 255, 0.8)"
background=
"rgba(255, 255, 255, 0.8)"
backIcon=
"black"
backIcon=
"black"
iconSrc=
"/static/assets/return.png"
iconSrc=
"/static/ass
istingAgriculture/ass
ets/return.png"
placeholderText=
"请输入要搜索的内容"
placeholderText=
"请输入要搜索的内容"
></Search>
></Search>
<view>
<view>
<img
class=
"img1"
src=
"/static/assets/bacImg.png"
style=
"width: 750rpx; height: 440rpx"
/>
<img
<img
class=
"img2"
src=
"/static/assets/bottom.png"
style=
"width: 750rpx; height: 32rpx"
/>
class=
"img1"
<img
class=
"img3"
src=
"/static/assets/right.png"
style=
"width: 288rpx; height: 124rpx"
/>
src=
"/static/assistingAgriculture/assets/bacImg.png"
style=
"width: 750rpx; height: 440rpx"
/>
<img
class=
"img2"
src=
"/static/assistingAgriculture/assets/bottom.png"
style=
"width: 750rpx; height: 32rpx"
/>
<img
class=
"img3"
src=
"/static/assistingAgriculture/assets/right.png"
style=
"width: 288rpx; height: 124rpx"
/>
</view>
</view>
<view
class=
"sort"
>
<view
class=
"sort"
>
<view
style=
"display: flex; flex-direction: row"
>
<view
style=
"display: flex; flex-direction: row"
>
<view
class=
"borderClass"
@
tap=
"toBuilding"
>
<view
class=
"borderClass"
@
tap=
"toBuilding"
>
<img
src=
"/static/assets/buildingAgriculture.png"
style=
"width: 96rpx; height: 96rpx"
/>
<img
src=
"/static/assistingAgriculture/assets/buildingAgriculture.png"
style=
"width: 96rpx; height: 96rpx"
/>
<view
class=
"sort-text"
>
筑农严选
</view>
<view
class=
"sort-text"
>
筑农严选
</view>
</view>
</view>
<view
class=
"borderClass"
>
<view
class=
"borderClass"
>
<img
src=
"/static/assets/adoption.png"
style=
"width: 96rpx; height: 96rpx"
/>
<img
src=
"/static/assistingAgriculture/assets/adoption.png"
style=
"width: 96rpx; height: 96rpx"
/>
<view
class=
"sort-text"
>
认养农业
</view>
<view
class=
"sort-text"
>
认养农业
</view>
</view>
</view>
<view
class=
"borderClass"
@
tap=
"toRuralTravel"
>
<view
class=
"borderClass"
@
tap=
"toRuralTravel"
>
<img
src=
"/static/assets/rural.png"
style=
"width: 96rpx; height: 96rpx"
/>
<img
src=
"/static/assistingAgriculture/assets/rural.png"
style=
"width: 96rpx; height: 96rpx"
/>
<view
class=
"sort-text"
>
乡村旅居
</view>
<view
class=
"sort-text"
>
乡村旅居
</view>
</view>
</view>
<view
class=
"borderClass"
>
<view
class=
"borderClass"
>
<img
src=
"/static/assets/buildingAgriculture.png"
style=
"width: 96rpx; height: 96rpx"
/>
<img
src=
"/static/assets/assistingAgriculture/buildingAgriculture.png"
style=
"width: 96rpx; height: 96rpx"
/>
<view
class=
"sort-text"
>
特色农庄
</view>
<view
class=
"sort-text"
>
特色农庄
</view>
</view>
</view>
</view>
</view>
...
@@ -46,10 +70,13 @@
...
@@ -46,10 +70,13 @@
<view
class=
"product-page"
>
<view
class=
"product-page"
>
<view>
<view>
<view
class=
"page-title"
>
特色美食
</view>
<view
class=
"page-title"
>
特色美食
</view>
<img
src=
"/static/assets/mainPicture.png"
class=
"main-img"
/>
<img
src=
"/static/ass
istingAgriculture/ass
ets/mainPicture.png"
class=
"main-img"
/>
<view
style=
"display: flex; flex-direction: row"
>
<view
style=
"display: flex; flex-direction: row"
>
<view
class=
"detail-border"
>
<view
class=
"detail-border"
>
<img
src=
"/static/assets/detailedMapOne.png"
style=
"width: 216rpx; height: 176rpx"
/>
<img
src=
"/static/assistingAgriculture/assets/detailedMapOne.png"
style=
"width: 216rpx; height: 176rpx"
/>
<view
class=
"detail-title"
>
干辣椒炒肉
</view>
<view
class=
"detail-title"
>
干辣椒炒肉
</view>
<view
class=
"jiage-page"
>
<view
class=
"jiage-page"
>
<text
class=
"jiage"
>
¥25
</text>
<text
class=
"jiage"
>
¥25
</text>
...
@@ -58,7 +85,10 @@
...
@@ -58,7 +85,10 @@
<view
class=
"yushou"
>
预售
</view>
<view
class=
"yushou"
>
预售
</view>
</view>
</view>
<view
class=
"detail-border"
>
<view
class=
"detail-border"
>
<img
src=
"/static/assets/detailedMapOne.png"
style=
"width: 216rpx; height: 176rpx"
/>
<img
src=
"/static/assistingAgriculture/assets/detailedMapOne.png"
style=
"width: 216rpx; height: 176rpx"
/>
<view
class=
"detail-title"
>
贵阳辣子鸡
</view>
<view
class=
"detail-title"
>
贵阳辣子鸡
</view>
<view
class=
"jiage-page"
>
<view
class=
"jiage-page"
>
<text
class=
"jiage"
>
¥25
</text>
<text
class=
"jiage"
>
¥25
</text>
...
@@ -67,7 +97,10 @@
...
@@ -67,7 +97,10 @@
<view
class=
"yushou"
>
预售
</view>
<view
class=
"yushou"
>
预售
</view>
</view>
</view>
<view
class=
"detail-border"
>
<view
class=
"detail-border"
>
<img
src=
"/static/assets/detailedMapOne.png"
style=
"width: 216rpx; height: 176rpx"
/>
<img
src=
"/static/assistingAgriculture/assets/detailedMapOne.png"
style=
"width: 216rpx; height: 176rpx"
/>
<view
class=
"detail-title"
>
麻辣鱼豆腐
</view>
<view
class=
"detail-title"
>
麻辣鱼豆腐
</view>
<view
class=
"jiage-page"
>
<view
class=
"jiage-page"
>
<text
class=
"jiage"
>
¥25
</text>
<text
class=
"jiage"
>
¥25
</text>
...
@@ -81,10 +114,13 @@
...
@@ -81,10 +114,13 @@
<view
class=
"product-page"
@
tap=
"toDetail"
>
<view
class=
"product-page"
@
tap=
"toDetail"
>
<view>
<view>
<view
class=
"page-title"
>
农货预售
</view>
<view
class=
"page-title"
>
农货预售
</view>
<img
src=
"/static/assets/img4.png"
class=
"main-img"
/>
<img
src=
"/static/ass
istingAgriculture/ass
ets/img4.png"
class=
"main-img"
/>
<view
style=
"display: flex; flex-direction: row"
>
<view
style=
"display: flex; flex-direction: row"
>
<view
class=
"detail-border"
>
<view
class=
"detail-border"
>
<img
src=
"/static/assets/img1.png"
style=
"width: 216rpx; height: 176rpx"
/>
<img
src=
"/static/assistingAgriculture/assets/img1.png"
style=
"width: 216rpx; height: 176rpx"
/>
<view
class=
"detail-title"
>
这是农村种的土豆
</view>
<view
class=
"detail-title"
>
这是农村种的土豆
</view>
<view
class=
"jiage-page"
>
<view
class=
"jiage-page"
>
<text
class=
"jiage"
>
¥25
</text>
<text
class=
"jiage"
>
¥25
</text>
...
@@ -93,7 +129,10 @@
...
@@ -93,7 +129,10 @@
<view
class=
"yushou"
>
预售
</view>
<view
class=
"yushou"
>
预售
</view>
</view>
</view>
<view
class=
"detail-border"
>
<view
class=
"detail-border"
>
<img
src=
"/static/assets/img2.png"
style=
"width: 216rpx; height: 176rpx"
/>
<img
src=
"/static/assistingAgriculture/assets/img2.png"
style=
"width: 216rpx; height: 176rpx"
/>
<view
class=
"detail-title"
>
这是农村玉米
</view>
<view
class=
"detail-title"
>
这是农村玉米
</view>
<view
class=
"jiage-page"
>
<view
class=
"jiage-page"
>
<text
class=
"jiage"
>
¥25
</text>
<text
class=
"jiage"
>
¥25
</text>
...
@@ -102,7 +141,10 @@
...
@@ -102,7 +141,10 @@
<view
class=
"yushou"
>
预售
</view>
<view
class=
"yushou"
>
预售
</view>
</view>
</view>
<view
class=
"detail-border"
>
<view
class=
"detail-border"
>
<img
src=
"/static/assets/img3.png"
style=
"width: 216rpx; height: 176rpx"
/>
<img
src=
"/static/assistingAgriculture/assets/img3.png"
style=
"width: 216rpx; height: 176rpx"
/>
<view
class=
"detail-title"
>
这是农村中的猕猴桃
</view>
<view
class=
"detail-title"
>
这是农村中的猕猴桃
</view>
<view
class=
"jiage-page"
>
<view
class=
"jiage-page"
>
<text
class=
"jiage"
>
¥25
</text>
<text
class=
"jiage"
>
¥25
</text>
...
@@ -119,7 +161,10 @@
...
@@ -119,7 +161,10 @@
<img
:src=
"item.img"
class=
"main-img"
/>
<img
:src=
"item.img"
class=
"main-img"
/>
<view
style=
"display: flex; flex-direction: row"
>
<view
style=
"display: flex; flex-direction: row"
>
<view
class=
"detail-border"
v-for=
"(item, index) in detailList"
:key=
"index"
>
<view
class=
"detail-border"
v-for=
"(item, index) in detailList"
:key=
"index"
>
<img
src=
"/static/assets/detailedMapOne.png"
style=
"width: 216rpx; height: 176rpx"
/>
<img
src=
"/static/assistingAgriculture/assets/detailedMapOne.png"
style=
"width: 216rpx; height: 176rpx"
/>
<view
class=
"detail-title"
>
{{
item
.
text
}}
</view>
<view
class=
"detail-title"
>
{{
item
.
text
}}
</view>
<view
class=
"jiage-page"
>
<view
class=
"jiage-page"
>
<text
class=
"jiage"
>
¥
{{
item
.
price
}}
</text>
<text
class=
"jiage"
>
¥
{{
item
.
price
}}
</text>
...
@@ -135,44 +180,64 @@
...
@@ -135,44 +180,64 @@
</
template
>
</
template
>
<
script
setup
lang=
"ts"
>
<
script
setup
lang=
"ts"
>
import
Search
from
'../../
components
/index/Search.vue'
;
import
Search
from
'../../
../components/assistingAgriculture
/index/Search.vue'
;
const
list
=
ref
([
const
list
=
ref
([
// { img: '/static/assets/mainPicture.png', text: '特色美食' },
// { img: '/static/ass
istingAgriculture/ass
ets/mainPicture.png', text: '特色美食' },
// { img: '/static/assets/presale.png', text: '农货预售' },
// { img: '/static/ass
istingAgriculture/ass
ets/presale.png', text: '农货预售' },
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'乡村非遗'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'乡村非遗'
},
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'认养农业'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'认养农业'
},
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'乡村旅居'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'乡村旅居'
},
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'特色农庄'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'特色农庄'
},
]);
]);
const
detailList
=
ref
([
const
detailList
=
ref
([
{
img
:
'/static/assets/detailedMapOne.png'
,
price
:
'25'
,
text
:
'干辣椒炒肉干辣椒炒肉'
},
{
{
img
:
'/static/assets/detailedMapTwo.png'
,
price
:
'25'
,
text
:
'贵阳辣子鸡'
},
img
:
'/static/assistingAgriculture/assets/detailedMapOne.png'
,
{
img
:
'/static/assets/detailedMapThree.png'
,
price
:
'25'
,
text
:
'麻辣鱼豆腐'
},
price
:
'25'
,
text
:
'干辣椒炒肉干辣椒炒肉'
,
},
{
img
:
'/static/assistingAgriculture/assets/detailedMapTwo.png'
,
price
:
'25'
,
text
:
'贵阳辣子鸡'
,
},
{
img
:
'/static/assistingAgriculture/assets/detailedMapThree.png'
,
price
:
'25'
,
text
:
'麻辣鱼豆腐'
,
},
]);
]);
const
sortList
=
ref
([
const
sortList
=
ref
([
{
img
:
'/static/assets/buildingAgriculture.png'
,
price
:
'25'
,
text
:
'筑农严选'
},
{
{
img
:
'/static/assets/adoption.png'
,
price
:
'25'
,
text
:
'认养农业'
},
img
:
'/static/assistingAgriculture/assets/buildingAgriculture.png'
,
{
img
:
'/static/assets/rural.png'
,
price
:
'25'
,
text
:
'乡村旅居'
},
price
:
'25'
,
{
img
:
'/static/assets/buildingAgriculture.png'
,
price
:
'25'
,
text
:
'特色农庄'
},
text
:
'筑农严选'
,
},
{
img
:
'/static/assistingAgriculture/assets/adoption.png'
,
price
:
'25'
,
text
:
'认养农业'
},
{
img
:
'/static/assistingAgriculture/assets/rural.png'
,
price
:
'25'
,
text
:
'乡村旅居'
},
{
img
:
'/static/assistingAgriculture/assets/buildingAgriculture.png'
,
price
:
'25'
,
text
:
'特色农庄'
,
},
]);
]);
function
toBuilding
()
{
function
toBuilding
()
{
// TODO: 跳转到筑农严选
// TODO: 跳转到筑农严选
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/index/building'
,
url
:
'/pages/
assistingAgriculture/
index/building'
,
});
});
}
}
function
toRuralTravel
()
{
function
toRuralTravel
()
{
// TODO: 跳转到乡村旅居
// TODO: 跳转到乡村旅居
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/RuralTravel/RuralTravel'
,
url
:
'/pages/
assistingAgriculture/
RuralTravel/RuralTravel'
,
});
});
}
}
// 跳转详情页
// 跳转详情页
function
toDetail
()
{
function
toDetail
()
{
// TODO: 跳转到详情页
// TODO: 跳转到详情页
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/detail/detail'
,
url
:
'/pages/
assistingAgriculture/
detail/detail'
,
});
});
}
}
</
script
>
</
script
>
...
...
src/pages/assistingAgriculture/index/presale.vue
View file @
b3f56b33
...
@@ -4,7 +4,7 @@
...
@@ -4,7 +4,7 @@
<Search
<Search
background=
"rgba(255, 255, 255, 0.8)"
background=
"rgba(255, 255, 255, 0.8)"
backIcon=
"black"
backIcon=
"black"
iconSrc=
"/static/assets/left.png"
iconSrc=
"/static/ass
istingAgriculture/ass
ets/left.png"
placeholderText=
"输入商品名称"
placeholderText=
"输入商品名称"
></Search>
></Search>
</view>
</view>
...
@@ -50,7 +50,7 @@
...
@@ -50,7 +50,7 @@
<view>
<view>
<img
<img
class=
"buy-img"
class=
"buy-img"
src=
"/static/presale/img6.png"
src=
"/static/
assistingAgriculture/
presale/img6.png"
style=
"
style=
"
position: sticky;
position: sticky;
width: 284rpx;
width: 284rpx;
...
@@ -75,7 +75,7 @@
...
@@ -75,7 +75,7 @@
<image
:src=
"good.image"
mode=
"widthFix"
></image>
<image
:src=
"good.image"
mode=
"widthFix"
></image>
<image
<image
class=
"presale-img"
class=
"presale-img"
src=
"/static/presale/presale.png"
src=
"/static/
assistingAgriculture/
presale/presale.png"
style=
"
style=
"
width: 132rpx;
width: 132rpx;
height: 64rpx;
height: 64rpx;
...
@@ -87,7 +87,7 @@
...
@@ -87,7 +87,7 @@
/>
/>
<image
<image
class=
"preview-img"
class=
"preview-img"
src=
"/static/presale/preview.png"
src=
"/static/
assistingAgriculture/
presale/preview.png"
style=
"width: 264rpx; height: 40rpx; z-index: 9; top: -70rpx"
style=
"width: 264rpx; height: 40rpx; z-index: 9; top: -70rpx"
/>
/>
<text
class=
"pre-text"
>
预计9月15日发货
</text>
<text
class=
"pre-text"
>
预计9月15日发货
</text>
...
@@ -115,12 +115,12 @@
...
@@ -115,12 +115,12 @@
<image
:src=
"good.image"
mode=
"widthFix"
></image>
<image
:src=
"good.image"
mode=
"widthFix"
></image>
<image
<image
class=
"presale-img"
class=
"presale-img"
src=
"/static/presale/presale.png"
src=
"/static/
assistingAgriculture/
presale/presale.png"
style=
"width: 132rpx; height: 64rpx; z-index: 10; top: -70rpx"
style=
"width: 132rpx; height: 64rpx; z-index: 10; top: -70rpx"
/>
/>
<image
<image
class=
"preview-img"
class=
"preview-img"
src=
"/static/presale/preview.png"
src=
"/static/
assistingAgriculture/
presale/preview.png"
style=
"width: 264rpx; height: 40rpx; z-index: 9; top: -66rpx"
style=
"width: 264rpx; height: 40rpx; z-index: 9; top: -66rpx"
/>
/>
<text
class=
"pre-text"
>
预计9月15日发货
</text>
<text
class=
"pre-text"
>
预计9月15日发货
</text>
...
@@ -141,51 +141,55 @@
...
@@ -141,51 +141,55 @@
<!-- 购物车悬浮按钮 -->
<!-- 购物车悬浮按钮 -->
<view
class=
"cart-floating"
@
tap=
"toCart"
>
<view
class=
"cart-floating"
@
tap=
"toCart"
>
<wd-badge
modelValue=
"4"
>
<wd-badge
modelValue=
"4"
>
<img
class=
"shop-car"
src=
"/static/presale/cart.png"
style=
"width: 40rpx; height: 40rpx"
/>
<img
class=
"shop-car"
src=
"/static/assistingAgriculture/presale/cart.png"
style=
"width: 40rpx; height: 40rpx"
/>
</wd-badge>
</wd-badge>
</view>
</view>
</
template
>
</
template
>
<
script
setup
>
<
script
setup
>
import
Search
from
'../../
components
/index/Search.vue'
;
import
Search
from
'../../
../components/assistingAgriculture
/index/Search.vue'
;
import
{
ref
}
from
'vue'
;
import
{
ref
}
from
'vue'
;
const
current
=
ref
(
0
);
const
current
=
ref
(
0
);
const
light
=
ref
(
0
);
const
light
=
ref
(
0
);
const
sortList
=
ref
([
const
sortList
=
ref
([
{
img
:
'/static/presale/bacImg.png'
,
price
:
'25'
,
text
:
'应季好物'
},
{
img
:
'/static/
assistingAgriculture/
presale/bacImg.png'
,
price
:
'25'
,
text
:
'应季好物'
},
{
img
:
'/static/presale/img2.png'
,
price
:
'25'
,
text
:
'猪肉蛋禽'
},
{
img
:
'/static/
assistingAgriculture/
presale/img2.png'
,
price
:
'25'
,
text
:
'猪肉蛋禽'
},
{
img
:
'/static/presale/img3.png'
,
price
:
'25'
,
text
:
'米面粮油'
},
{
img
:
'/static/
assistingAgriculture/
presale/img3.png'
,
price
:
'25'
,
text
:
'米面粮油'
},
{
img
:
'/static/presale/img4.png'
,
price
:
'25'
,
text
:
'预选蔬菜'
},
{
img
:
'/static/
assistingAgriculture/
presale/img4.png'
,
price
:
'25'
,
text
:
'预选蔬菜'
},
{
img
:
'/static/presale/img5.png'
,
price
:
'25'
,
text
:
'心选水果'
},
{
img
:
'/static/
assistingAgriculture/
presale/img5.png'
,
price
:
'25'
,
text
:
'心选水果'
},
]);
]);
const
swiperList
=
ref
([
const
swiperList
=
ref
([
'../../static/presale/img.png'
,
'../../static/
assistingAgriculture/
presale/img.png'
,
'../../static/presale/img.png'
,
'../../static/
assistingAgriculture/
presale/img.png'
,
'../../static/presale/img.png'
,
'../../static/
assistingAgriculture/
presale/img.png'
,
]);
]);
const
tabsData
=
ref
([
const
tabsData
=
ref
([
{
img
:
'/static/assets/mainPicture.png'
,
text
:
'全部'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/mainPicture.png'
,
text
:
'全部'
},
{
img
:
'/static/assets/presale.png'
,
text
:
'分类1'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/presale.png'
,
text
:
'分类1'
},
{
img
:
'/static/assets/presale.png'
,
text
:
'分类2'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/presale.png'
,
text
:
'分类2'
},
{
img
:
'/static/assets/presale.png'
,
text
:
'分类3'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/presale.png'
,
text
:
'分类3'
},
{
img
:
'/static/assets/presale.png'
,
text
:
'分类4'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/presale.png'
,
text
:
'分类4'
},
{
img
:
'/static/assets/presale.png'
,
text
:
'分类5'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/presale.png'
,
text
:
'分类5'
},
{
img
:
'/static/assets/presale.png'
,
text
:
'分类6'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/presale.png'
,
text
:
'分类6'
},
{
img
:
'/static/assets/presale.png'
,
text
:
'分类7'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/presale.png'
,
text
:
'分类7'
},
{
img
:
'/static/assets/presale.png'
,
text
:
'分类8'
},
{
img
:
'/static/ass
istingAgriculture/ass
ets/presale.png'
,
text
:
'分类8'
},
]);
]);
const
buyList
=
ref
([
const
buyList
=
ref
([
{
img
:
'/static/presale/buy.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/
assistingAgriculture/
presale/buy.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/presale/buy.png'
,
price
:
'29.9'
,
text
:
'猪肉蛋禽'
},
{
img
:
'/static/
assistingAgriculture/
presale/buy.png'
,
price
:
'29.9'
,
text
:
'猪肉蛋禽'
},
{
img
:
'/static/presale/buy.png'
,
price
:
'29.9'
,
text
:
'米面粮油'
},
{
img
:
'/static/
assistingAgriculture/
presale/buy.png'
,
price
:
'29.9'
,
text
:
'米面粮油'
},
]);
]);
const
shopList
=
ref
([
const
shopList
=
ref
([
{
img
:
'/static/presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/
assistingAgriculture/
presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/
assistingAgriculture/
presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/
assistingAgriculture/
presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/
assistingAgriculture/
presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/
assistingAgriculture/
presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
{
img
:
'/static/
assistingAgriculture/
presale/img7.png'
,
price
:
'29.9'
,
text
:
'应季好物'
},
]);
]);
// 声明需要的数据
// 声明需要的数据
const
data
=
reactive
({
const
data
=
reactive
({
...
@@ -201,35 +205,35 @@ const goodList = ref([
...
@@ -201,35 +205,35 @@ const goodList = ref([
{
{
id
:
1
,
id
:
1
,
name
:
'这是一个商品'
,
name
:
'这是一个商品'
,
image
:
'/static/presale/buy.png'
,
image
:
'/static/
assistingAgriculture/
presale/buy.png'
,
introduction
:
'商品简介商品简介'
,
introduction
:
'商品简介商品简介'
,
price
:
69.9
,
price
:
69.9
,
},
},
{
{
id
:
2
,
id
:
2
,
name
:
'商品二'
,
name
:
'商品二'
,
image
:
'/static/presale/img7.png'
,
image
:
'/static/
assistingAgriculture/
presale/img7.png'
,
introduction
:
'商品简介商品简介'
,
introduction
:
'商品简介商品简介'
,
price
:
69.9
,
price
:
69.9
,
},
},
{
{
id
:
3
,
id
:
3
,
name
:
'商品三'
,
name
:
'商品三'
,
image
:
'/static/assets/fruit.png'
,
image
:
'/static/ass
istingAgriculture/ass
ets/fruit.png'
,
introduction
:
'商品简介商品简介'
,
introduction
:
'商品简介商品简介'
,
price
:
69.9
,
price
:
69.9
,
},
},
{
{
id
:
4
,
id
:
4
,
name
:
'商品四'
,
name
:
'商品四'
,
image
:
'/static/presale/buy.png'
,
image
:
'/static/
assistingAgriculture/
presale/buy.png'
,
introduction
:
'商品简介商品简介'
,
introduction
:
'商品简介商品简介'
,
price
:
69.9
,
price
:
69.9
,
},
},
{
{
id
:
5
,
id
:
5
,
name
:
'商品五'
,
name
:
'商品五'
,
image
:
'/static/presale/buy.png'
,
image
:
'/static/
assistingAgriculture/
presale/buy.png'
,
introduction
:
'商品简介商品简介'
,
introduction
:
'商品简介商品简介'
,
price
:
69.9
,
price
:
69.9
,
},
},
...
@@ -264,13 +268,13 @@ const choice = (index) => {
...
@@ -264,13 +268,13 @@ const choice = (index) => {
function
toCart
()
{
function
toCart
()
{
// TODO: 跳转到筑农严选
// TODO: 跳转到筑农严选
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/cart/cart'
,
url
:
'/pages/
assistingAgriculture/
cart/cart'
,
});
});
}
}
function
toDetail
()
{
function
toDetail
()
{
// TODO: 跳转到筑农严选
// TODO: 跳转到筑农严选
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/detail/detail'
,
url
:
'/pages/
assistingAgriculture/
detail/detail'
,
});
});
}
}
</
script
>
</
script
>
...
...
src/pages/assistingAgriculture/shop/index.vue
View file @
b3f56b33
...
@@ -87,7 +87,7 @@ const activeFilter = ref(false);
...
@@ -87,7 +87,7 @@ const activeFilter = ref(false);
function
toCart
()
{
function
toCart
()
{
// TODO: 跳转到购物车
// TODO: 跳转到购物车
xma
.
navigateTo
({
xma
.
navigateTo
({
url
:
'/pages/cart/cart'
,
url
:
'/pages/
assistingAgriculture/
cart/cart'
,
});
});
}
}
</
script
>
</
script
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment