完善服务详情页面的价格范围筛选

This commit is contained in:
赵毅 2025-07-28 10:17:58 +08:00
parent 0a6d26eb49
commit 744073e7ec
15 changed files with 207 additions and 110 deletions

View File

@ -64,8 +64,8 @@ export default {
url: "/packages/community/index/index", url: "/packages/community/index/index",
}, },
{ {
photo: "http://localhost:8080/footer_localLife.png", photo: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_localLife.png",
photoAc: "http://localhost:8080/footer_localLifeAc.png", photoAc: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_localLifeAc.png",
nav_name: "本地生活", nav_name: "本地生活",
url: "/packages/localLife/index/index", url: "/packages/localLife/index/index",
}, },

View File

@ -391,7 +391,7 @@
<view class="boxshadow_text">好友对方可以直接查看详情</view> <view class="boxshadow_text">好友对方可以直接查看详情</view>
<view class="boxshadow_text2">张师傅</view> <view class="boxshadow_text2">张师傅</view>
<view class="boxshadow_img"> <view class="boxshadow_img">
<image src="http://localhost:8080/erweima.png"> </image> <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/erweima.png"> </image>
</view> </view>
<view class="boxshadow_text2">扫描二维码查看服务详情</view> <view class="boxshadow_text2">扫描二维码查看服务详情</view>
<view class="boxshadow_btnList"> <view class="boxshadow_btnList">

View File

@ -8,7 +8,7 @@
<view class="notice-content">{{ item.content }}</view> <view class="notice-content">{{ item.content }}</view>
<view class="notice-date"> <view class="notice-date">
<image <image
src="http://localhost:8080/time.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/time.png"
class="date-image" class="date-image"
></image> ></image>
<view>{{ item.date }}</view> <view>{{ item.date }}</view>
@ -31,13 +31,13 @@ export default {
return { return {
noticeList: [ noticeList: [
{ {
image: "http://localhost:8080/test.png", image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
title: "公告标题1", title: "公告标题1",
content: "公告内容", content: "公告内容",
date: "2023-01-01", date: "2023-01-01",
}, },
{ {
image: "http://localhost:8080/test.png", image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
title: "公告标题2", title: "公告标题2",
content: "公告内容", content: "公告内容",
date: "2023-01-02", date: "2023-01-02",

View File

@ -17,7 +17,7 @@
<image <image
:src=" :src="
selectedFilter === filter.id selectedFilter === filter.id
? 'http://localhost:8080/search_up.png' ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/search_up.png'
: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png'
" "
:class="{ iconStyle: selectedFilter === filter.id }" :class="{ iconStyle: selectedFilter === filter.id }"

View File

@ -30,7 +30,7 @@ export default {
shops: [ shops: [
{ {
id: 1, id: 1,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -39,7 +39,7 @@ export default {
}, },
{ {
id: 2, id: 2,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -48,7 +48,7 @@ export default {
}, },
{ {
id: 3, id: 3,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -57,7 +57,7 @@ export default {
}, },
{ {
id: 4, id: 4,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -66,7 +66,7 @@ export default {
}, },
{ {
id: 5, id: 5,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -75,7 +75,7 @@ export default {
}, },
{ {
id: 6, id: 6,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -84,7 +84,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -93,7 +93,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -102,7 +102,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -111,7 +111,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -120,7 +120,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -129,7 +129,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -138,7 +138,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -147,7 +147,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -156,7 +156,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -165,7 +165,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -174,7 +174,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,
@ -183,7 +183,7 @@ export default {
}, },
{ {
id: 7, id: 7,
image: 'http://localhost:8080/test.png', image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
title: '专业到家服务', title: '专业到家服务',
ratingCount: 5, ratingCount: 5,
rating: 4.8, rating: 4.8,

View File

@ -261,4 +261,72 @@
left: 50%; left: 50%;
bottom: -16rpx; bottom: -16rpx;
transform: translateX(-50%); transform: translateX(-50%);
}
.FilterMore {
width: 100%;
height: 220rpx;
background-color: #fff;
padding: 20rpx;
box-sizing: border-box;
/* 添加阴影 */
box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.1);
}
.filter-section {
padding: 20rpx 30rpx;
border-bottom: 1rpx solid #f5f5f5;
}
.filter-title {
font-size: 28rpx;
color: #333;
margin-bottom: 20rpx;
font-weight: bold;
}
.price-range {
display: flex;
align-items: center;
gap: 20rpx;
margin-top: 10rpx;
}
.price-input {
flex: 1;
height: 60rpx;
background: #f5f5f5;
border-radius: 10rpx;
padding: 0 20rpx;
font-size: 24rpx;
border: none;
}
.filter-buttons {
display: flex;
justify-content: space-between;
padding: 20rpx 30rpx;
margin-bottom: 10rpx;
}
.reset-button {
width: 150rpx;
height: 50rpx;
border: 1rpx solid #7abbff;
border-radius: 50rpx;
background: #f0f7ff;
color: #409eff;
font-size: 26rpx;
line-height: 50rpx;
}
.confirm-button {
width: 150rpx;
height: 50rpx;
background: #409eff;
border-radius: 50rpx;
color: white;
font-size: 26rpx;
border: none;
line-height: 50rpx;
} }

View File

@ -19,16 +19,6 @@
> >
</view> </view>
</view> </view>
<!-- <swiper>
<swiper-item>
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_banner.png"></image>
</swiper-item>
</swiper>
<div class="dotList">
<div class="dot active"></div>
<div class="dot"></div>
<div class="dot"></div>
</div> -->
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="serverTitBox"> <div class="serverTitBox">
@ -44,28 +34,6 @@
</div> </div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<!-- <div class="priceSelect">
<div class="tit">价格范围</div>
<div class="range">
<div class="minPrice">10</div>
<slider-range
style="flex: 1"
:value="rangeValue"
:min="rangeMin"
:max="rangeMax"
:step="5"
:bar-height="3"
:block-size="26"
background-color="#EEEEF6"
active-color="#FF6B00"
:format="format"
:decorationVisible="true"
@change="handleRangeChange"
></slider-range>
<div class="maxPrice">39</div>
</div>
</div> -->
<div class="serverList"> <div class="serverList">
<div class="serverListTit">找到8个匹配服务商</div> <div class="serverListTit">找到8个匹配服务商</div>
@ -79,10 +47,35 @@
{{ item.category_name }} {{ item.category_name }}
</view> </view>
</view> </view>
<div class="FilterMore" v-if="showPrice">
<div class="filter-section">
<div class="price-range">
<input
type="number"
v-model="minPrice"
placeholder="最低价"
class="price-input"
@input="validatePriceRange"
/>
<span class="price-separator"></span>
<input
type="number"
v-model="maxPrice"
placeholder="最高价"
class="price-input"
@input="validatePriceRange"
/>
</div>
</div>
<div class="filter-buttons">
<button class="reset-button" @click="resetFilters">重置</button>
<button class="confirm-button" @click="applyFilters">确定</button>
</div>
</div>
<div class="serverItem" @click="selectVendor"> <div class="serverItem" @click="selectVendor">
<div class="serverItem_left"> <div class="serverItem_left">
<image src="http://localhost:8080/test.png"></image> <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png"></image>
</div> </div>
<div class="serverItem_right"> <div class="serverItem_right">
<div class="serverItem_right_msg"> <div class="serverItem_right_msg">
@ -96,20 +89,20 @@
<span class="rating"> <span class="rating">
<image <image
class="infoImage" class="infoImage"
src="http://localhost:8080/serverInfo_xing.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/serverInfo_xing.png"
/> />
4.8 4.8
</span> </span>
<span class="distance"> <span class="distance">
<image <image
class="infoImage" class="infoImage"
src="http://localhost:8080/serverInfo_weizhi.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/serverInfo_weizhi.png"
/>3.3km</span />3.3km</span
> >
<span class="served"> <span class="served">
<image <image
class="infoImage" class="infoImage"
src="http://localhost:8080/serverInfo_fuwu.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/serverInfo_fuwu.png"
/>12226</span />12226</span
> >
</div> </div>
@ -140,14 +133,14 @@ export default {
return { return {
bannerList: [ bannerList: [
{ {
pic_src: "http://localhost:8080/test.png", pic_src: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
}, },
{ {
pic_src: pic_src:
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_banner.png", "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_banner.png",
}, },
{ {
pic_src: "http://localhost:8080/test.png", pic_src: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
}, },
], ],
currentIdx: 0, currentIdx: 0,
@ -166,6 +159,10 @@ export default {
{ category_name: "服务最多" }, { category_name: "服务最多" },
{ category_name: "价格范围" }, { category_name: "价格范围" },
], ],
showPrice: false,
minPrice: "",
maxPrice: "",
}; };
}, },
methods: { methods: {
@ -196,6 +193,38 @@ export default {
}, },
selectTab(index, item) { selectTab(index, item) {
this.selectedTab = index; this.selectedTab = index;
if (item.category_name === "价格范围") {
this.showPrice = !this.showPrice;
} else {
this.showPrice = false;
}
},
validatePriceRange() {
// 0-99999
if (this.minPrice < 0) this.minPrice = 0;
if (this.minPrice > 99999) this.minPrice = 99999;
// 0-99999
if (
this.maxPrice &&
(this.maxPrice < this.minPrice || this.maxPrice > 99999)
) {
this.maxPrice = Math.min(Math.max(this.maxPrice, this.minPrice), 99999);
}
},
resetFilters() {
this.minPrice = "";
this.maxPrice = "";
},
applyFilters() {
const filterData = {
priceRange: {
min: this.minPrice || 0,
max: this.maxPrice || 99999,
},
};
console.log("筛选条件:", filterData);
this.showPrice = false;
}, },
}, },
onReady() {}, onReady() {},
@ -216,4 +245,4 @@ export default {
<style> <style>
@import url("./index.css"); @import url("./index.css");
</style> </style>

View File

@ -10,7 +10,7 @@
</view> </view>
<view class="goods"> <view class="goods">
<view> <view>
<image src="http://localhost:8080/test.png" class="goodsImg"></image> <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png" class="goodsImg"></image>
</view> </view>
<view class="rating"> <view class="rating">
<view>很差</view> <view>很差</view>
@ -84,7 +84,7 @@
v-if="imageList.length < 3" v-if="imageList.length < 3"
> >
<image <image
src="http://localhost:8080/upload.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/upload.png"
class="upload-icon" class="upload-icon"
></image> ></image>
<view class="upload-text">上传图片</view> <view class="upload-text">上传图片</view>
@ -107,16 +107,16 @@ export default {
return { return {
// //
goods: [ goods: [
{ image: "http://localhost:8080/order_index1.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
{ image: "http://localhost:8080/order_index2.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
{ image: "http://localhost:8080/order_index3.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
{ image: "http://localhost:8080/order_index4.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
{ image: "http://localhost:8080/order_index5.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
{ image: "http://localhost:8080/order_index1.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
{ image: "http://localhost:8080/order_index2.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
{ image: "http://localhost:8080/order_index3.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
{ image: "http://localhost:8080/order_index4.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
{ image: "http://localhost:8080/order_index5.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
], ],
// //
qualityRating: 5, qualityRating: 5,

View File

@ -43,14 +43,14 @@ export default {
orderNumber: "4534534255", orderNumber: "4534534255",
products: [ products: [
{ {
imageUrl: "http://localhost:8080/product.png", imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
tag: "当日达", tag: "当日达",
name: "货品名称", name: "货品名称",
spec: "货品规格", spec: "货品规格",
unit: "货品单位", unit: "货品单位",
}, },
{ {
imageUrl: "http://localhost:8080/product.png", imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
tag: "当日达", tag: "当日达",
name: "货品名称", name: "货品名称",
spec: "货品规格", spec: "货品规格",
@ -62,21 +62,21 @@ export default {
orderNumber: "54352342331", orderNumber: "54352342331",
products: [ products: [
{ {
imageUrl: "http://localhost:8080/product.png", imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
tag: "", tag: "",
name: "货品名称", name: "货品名称",
spec: "货品规格", spec: "货品规格",
unit: "货品单位", unit: "货品单位",
}, },
{ {
imageUrl: "http://localhost:8080/product.png", imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
tag: "", tag: "",
name: "货品名称", name: "货品名称",
spec: "货品规格", spec: "货品规格",
unit: "货品单位", unit: "货品单位",
}, },
{ {
imageUrl: "http://localhost:8080/product.png", imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
tag: "", tag: "",
name: "货品名称", name: "货品名称",
spec: "货品规格", spec: "货品规格",

View File

@ -30,7 +30,7 @@
>{{ getOrderStatus(item.order_status) }}</view >{{ getOrderStatus(item.order_status) }}</view
> >
<view v-else-if="item.order_status == 7" class="status2"> <view v-else-if="item.order_status == 7" class="status2">
<img src="http://localhost:8080/refund.png" /> <img src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/refund.png" />
{{ getOrderStatus(item.order_status) }} {{ getOrderStatus(item.order_status) }}
</view> </view>
<view v-else class="order_status">{{ <view v-else class="order_status">{{

View File

@ -57,13 +57,13 @@ export default {
evaluationInfo: { evaluationInfo: {
content: "评价文字内容", content: "评价文字内容",
images: [ images: [
{ url: "http://localhost:8080/eval1.png", text: "评价图片" }, { url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval1.png", text: "评价图片" },
{ url: "http://localhost:8080/eval2.png", text: "评价图片" }, { url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval2.png", text: "评价图片" },
{ url: "http://localhost:8080/eval3.png", text: "评价图片" }, { url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval3.png", text: "评价图片" },
], ],
}, },
productInfo: { productInfo: {
imageUrl: "http://localhost:8080/product.png", imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
tags: ["当日达", "当日达"], tags: ["当日达", "当日达"],
name: "货品名称", name: "货品名称",
spec: "货品规格", spec: "货品规格",

View File

@ -23,7 +23,7 @@
<img <img
class="copy-btn" class="copy-btn"
@click="copyNumber" @click="copyNumber"
src="http://localhost:8080/copy.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/copy.png"
alt="复制" alt="复制"
/> />
</view> </view>

View File

@ -16,7 +16,7 @@
<view class="countdown">预计到货时间: 2025-09-09 9:59:59</view> <view class="countdown">预计到货时间: 2025-09-09 9:59:59</view>
<view class="tips"> <view class="tips">
配送司机15901518415 配送司机15901518415
<img class="phone" src="http://localhost:8080/phone.png" /> <img class="phone" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/phone.png" />
</view> </view>
</view> </view>
<view class="status-bar" v-if="status === '已完成' || status === '退款中'"> <view class="status-bar" v-if="status === '已完成' || status === '退款中'">
@ -190,21 +190,21 @@ export default {
remark: "明天9点之前送到", remark: "明天9点之前送到",
goodsList: [ goodsList: [
{ {
image: "http://localhost:8080/order_details.png", image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_details.png",
name: "泰国金枕榴莲", name: "泰国金枕榴莲",
desc: "泰国金枕榴莲 软糯 香甜", desc: "泰国金枕榴莲 软糯 香甜",
price: "125.9", price: "125.9",
quantity: 1, quantity: 1,
}, },
{ {
image: "http://localhost:8080/order_details.png", image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_details.png",
name: "泰国金枕榴莲", name: "泰国金枕榴莲",
desc: "泰国金枕榴莲 软糯 香甜", desc: "泰国金枕榴莲 软糯 香甜",
price: "125.9", price: "125.9",
quantity: 1, quantity: 1,
}, },
{ {
image: "http://localhost:8080/order_details.png", image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_details.png",
name: "泰国金枕榴莲", name: "泰国金枕榴莲",
desc: "泰国金枕榴莲 软糯 香甜", desc: "泰国金枕榴莲 软糯 香甜",
price: "125.9", price: "125.9",

View File

@ -87,7 +87,7 @@
v-if="imageList.length < 3" v-if="imageList.length < 3"
> >
<image <image
src="http://localhost:8080/upload.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/upload.png"
class="upload-icon" class="upload-icon"
></image> ></image>
<view class="upload-text">上传图片</view> <view class="upload-text">上传图片</view>
@ -108,16 +108,16 @@ export default {
return { return {
// //
goods: [ goods: [
{ image: "http://localhost:8080/order_index1.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
{ image: "http://localhost:8080/order_index2.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
{ image: "http://localhost:8080/order_index3.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
{ image: "http://localhost:8080/order_index4.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
{ image: "http://localhost:8080/order_index5.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
{ image: "http://localhost:8080/order_index1.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
{ image: "http://localhost:8080/order_index2.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
{ image: "http://localhost:8080/order_index3.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
{ image: "http://localhost:8080/order_index4.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
{ image: "http://localhost:8080/order_index5.png" }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
], ],
// //
qualityRating: 5, qualityRating: 5,

View File

@ -315,12 +315,12 @@
</view> </view>
<view class="temp"> <view class="temp">
<view class="temp1"> <view class="temp1">
<img class="temp_img" src="http://localhost:8080/pingjia.png" /> <img class="temp_img" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/pingjia.png" />
为你展示真实评价 为你展示真实评价
</view> </view>
<view class="temp1" @click="showSizePopup"> <view class="temp1" @click="showSizePopup">
款式 款式
<img class="temp_img1" src="http://localhost:8080/kuanshi.png" /> <img class="temp_img1" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kuanshi.png" />
</view> </view>
</view> </view>
<view class="reviews-list" v-if="comments.length > 0"> <view class="reviews-list" v-if="comments.length > 0">
@ -410,24 +410,24 @@ export default {
showReviewPopup: false, showReviewPopup: false,
comments: [ comments: [
{ {
avatar: "http://localhost:8080/test.png", avatar: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
username: "TP", username: "TP",
product: "库尔勒香梨 10kg/箱", product: "库尔勒香梨 10kg/箱",
content: content:
"踏入这家位于街角的餐厅,木质门框与暖黄灯光交织出温馨氛围,墙面上手绘的食材插画画透着文艺气息,开放式厨房的设计让食客能看见厨师处理食材的全过程,第一印象便给人以干净与安心。", "踏入这家位于街角的餐厅,木质门框与暖黄灯光交织出温馨氛围,墙面上手绘的食材插画画透着文艺气息,开放式厨房的设计让食客能看见厨师处理食材的全过程,第一印象便给人以干净与安心。",
images: ["http://localhost:8080/test.png"], images: ["https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png"],
time: "2025-03-01 11:24:20", time: "2025-03-01 11:24:20",
}, },
{ {
avatar: "http://localhost:8080/test.png", avatar: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
username: "TP", username: "TP",
product: "库尔勒香梨 10kg/箱", product: "库尔勒香梨 10kg/箱",
content: content:
"踏入这家位于街角的餐厅木质门框与暖黄灯光交织出温馨氛围墙面上手绘的食材插_draw着文艺气息开放式厨房的设计让食客能看见厨师处理食材的全过程第一印象便给人以干净与安心。", "踏入这家位于街角的餐厅木质门框与暖黄灯光交织出温馨氛围墙面上手绘的食材插_draw着文艺气息开放式厨房的设计让食客能看见厨师处理食材的全过程第一印象便给人以干净与安心。",
images: [ images: [
"http://localhost:8080/test.png", "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
"http://localhost:8080/test.png", "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
"http://localhost:8080/test.png", "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
], ],
time: "2025-03-01 11:24:20", time: "2025-03-01 11:24:20",
}, },