完善服务详情页面的价格范围筛选
This commit is contained in:
parent
0a6d26eb49
commit
744073e7ec
@ -64,8 +64,8 @@ export default {
|
||||
url: "/packages/community/index/index",
|
||||
},
|
||||
{
|
||||
photo: "http://localhost:8080/footer_localLife.png",
|
||||
photoAc: "http://localhost:8080/footer_localLifeAc.png",
|
||||
photo: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_localLife.png",
|
||||
photoAc: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_localLifeAc.png",
|
||||
nav_name: "本地生活",
|
||||
url: "/packages/localLife/index/index",
|
||||
},
|
||||
|
||||
@ -391,7 +391,7 @@
|
||||
<view class="boxshadow_text">好友对方可以直接查看详情</view>
|
||||
<view class="boxshadow_text2">张师傅</view>
|
||||
<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 class="boxshadow_text2">扫描二维码查看服务详情</view>
|
||||
<view class="boxshadow_btnList">
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
<view class="notice-content">{{ item.content }}</view>
|
||||
<view class="notice-date">
|
||||
<image
|
||||
src="http://localhost:8080/time.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/time.png"
|
||||
class="date-image"
|
||||
></image>
|
||||
<view>{{ item.date }}</view>
|
||||
@ -31,13 +31,13 @@ export default {
|
||||
return {
|
||||
noticeList: [
|
||||
{
|
||||
image: "http://localhost:8080/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "公告标题1",
|
||||
content: "公告内容",
|
||||
date: "2023-01-01",
|
||||
},
|
||||
{
|
||||
image: "http://localhost:8080/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "公告标题2",
|
||||
content: "公告内容",
|
||||
date: "2023-01-02",
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
<image
|
||||
:src="
|
||||
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'
|
||||
"
|
||||
:class="{ iconStyle: selectedFilter === filter.id }"
|
||||
|
||||
@ -30,7 +30,7 @@ export default {
|
||||
shops: [
|
||||
{
|
||||
id: 1,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -39,7 +39,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -48,7 +48,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -57,7 +57,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -66,7 +66,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -75,7 +75,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -84,7 +84,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -93,7 +93,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -102,7 +102,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -111,7 +111,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -120,7 +120,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -129,7 +129,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -138,7 +138,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -147,7 +147,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -156,7 +156,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -165,7 +165,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -174,7 +174,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -183,7 +183,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: 'http://localhost:8080/test.png',
|
||||
image: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png',
|
||||
title: '专业到家服务',
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
|
||||
@ -262,3 +262,71 @@
|
||||
bottom: -16rpx;
|
||||
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;
|
||||
}
|
||||
@ -19,16 +19,6 @@
|
||||
>
|
||||
</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 class="line"></div>
|
||||
<div class="serverTitBox">
|
||||
@ -44,28 +34,6 @@
|
||||
</div>
|
||||
</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="serverListTit">找到8个匹配服务商</div>
|
||||
@ -79,10 +47,35 @@
|
||||
{{ item.category_name }}
|
||||
</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_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 class="serverItem_right">
|
||||
<div class="serverItem_right_msg">
|
||||
@ -96,20 +89,20 @@
|
||||
<span class="rating">
|
||||
<image
|
||||
class="infoImage"
|
||||
src="http://localhost:8080/serverInfo_xing.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/serverInfo_xing.png"
|
||||
/>
|
||||
4.8
|
||||
</span>
|
||||
<span class="distance">
|
||||
<image
|
||||
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
|
||||
>
|
||||
<span class="served">
|
||||
<image
|
||||
class="infoImage"
|
||||
src="http://localhost:8080/serverInfo_fuwu.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/serverInfo_fuwu.png"
|
||||
/>服务12226人</span
|
||||
>
|
||||
</div>
|
||||
@ -140,14 +133,14 @@ export default {
|
||||
return {
|
||||
bannerList: [
|
||||
{
|
||||
pic_src: "http://localhost:8080/test.png",
|
||||
pic_src: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
},
|
||||
{
|
||||
pic_src:
|
||||
"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,
|
||||
@ -166,6 +159,10 @@ export default {
|
||||
{ category_name: "服务最多" },
|
||||
{ category_name: "价格范围" },
|
||||
],
|
||||
|
||||
showPrice: false,
|
||||
minPrice: "",
|
||||
maxPrice: "",
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
@ -196,6 +193,38 @@ export default {
|
||||
},
|
||||
selectTab(index, item) {
|
||||
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() {},
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
</view>
|
||||
<view class="goods">
|
||||
<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 class="rating">
|
||||
<view>很差</view>
|
||||
@ -84,7 +84,7 @@
|
||||
v-if="imageList.length < 3"
|
||||
>
|
||||
<image
|
||||
src="http://localhost:8080/upload.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/upload.png"
|
||||
class="upload-icon"
|
||||
></image>
|
||||
<view class="upload-text">上传图片</view>
|
||||
@ -107,16 +107,16 @@ export default {
|
||||
return {
|
||||
// 商品列表
|
||||
goods: [
|
||||
{ image: "http://localhost:8080/order_index1.png" },
|
||||
{ image: "http://localhost:8080/order_index2.png" },
|
||||
{ image: "http://localhost:8080/order_index3.png" },
|
||||
{ image: "http://localhost:8080/order_index4.png" },
|
||||
{ image: "http://localhost:8080/order_index5.png" },
|
||||
{ image: "http://localhost:8080/order_index1.png" },
|
||||
{ image: "http://localhost:8080/order_index2.png" },
|
||||
{ image: "http://localhost:8080/order_index3.png" },
|
||||
{ image: "http://localhost:8080/order_index4.png" },
|
||||
{ image: "http://localhost:8080/order_index5.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
|
||||
],
|
||||
// 评分数据
|
||||
qualityRating: 5,
|
||||
|
||||
@ -43,14 +43,14 @@ export default {
|
||||
orderNumber: "4534534255",
|
||||
products: [
|
||||
{
|
||||
imageUrl: "http://localhost:8080/product.png",
|
||||
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||
tag: "当日达",
|
||||
name: "货品名称",
|
||||
spec: "货品规格",
|
||||
unit: "货品单位",
|
||||
},
|
||||
{
|
||||
imageUrl: "http://localhost:8080/product.png",
|
||||
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||
tag: "当日达",
|
||||
name: "货品名称",
|
||||
spec: "货品规格",
|
||||
@ -62,21 +62,21 @@ export default {
|
||||
orderNumber: "54352342331",
|
||||
products: [
|
||||
{
|
||||
imageUrl: "http://localhost:8080/product.png",
|
||||
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||
tag: "",
|
||||
name: "货品名称",
|
||||
spec: "货品规格",
|
||||
unit: "货品单位",
|
||||
},
|
||||
{
|
||||
imageUrl: "http://localhost:8080/product.png",
|
||||
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||
tag: "",
|
||||
name: "货品名称",
|
||||
spec: "货品规格",
|
||||
unit: "货品单位",
|
||||
},
|
||||
{
|
||||
imageUrl: "http://localhost:8080/product.png",
|
||||
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||
tag: "",
|
||||
name: "货品名称",
|
||||
spec: "货品规格",
|
||||
|
||||
@ -30,7 +30,7 @@
|
||||
>{{ getOrderStatus(item.order_status) }}</view
|
||||
>
|
||||
<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) }}
|
||||
</view>
|
||||
<view v-else class="order_status">{{
|
||||
|
||||
@ -57,13 +57,13 @@ export default {
|
||||
evaluationInfo: {
|
||||
content: "评价文字内容",
|
||||
images: [
|
||||
{ url: "http://localhost:8080/eval1.png", text: "评价图片" },
|
||||
{ url: "http://localhost:8080/eval2.png", text: "评价图片" },
|
||||
{ url: "http://localhost:8080/eval3.png", text: "评价图片" },
|
||||
{ url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval1.png", text: "评价图片" },
|
||||
{ url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval2.png", text: "评价图片" },
|
||||
{ url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval3.png", text: "评价图片" },
|
||||
],
|
||||
},
|
||||
productInfo: {
|
||||
imageUrl: "http://localhost:8080/product.png",
|
||||
imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
|
||||
tags: ["当日达", "当日达"],
|
||||
name: "货品名称",
|
||||
spec: "货品规格",
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
<img
|
||||
class="copy-btn"
|
||||
@click="copyNumber"
|
||||
src="http://localhost:8080/copy.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/copy.png"
|
||||
alt="复制"
|
||||
/>
|
||||
</view>
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
<view class="countdown">预计到货时间: 2025-09-09 9:59:59</view>
|
||||
<view class="tips">
|
||||
配送司机: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 class="status-bar" v-if="status === '已完成' || status === '退款中'">
|
||||
@ -190,21 +190,21 @@ export default {
|
||||
remark: "明天9点之前送到",
|
||||
goodsList: [
|
||||
{
|
||||
image: "http://localhost:8080/order_details.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_details.png",
|
||||
name: "泰国金枕榴莲",
|
||||
desc: "泰国金枕榴莲 软糯 香甜",
|
||||
price: "125.9",
|
||||
quantity: 1,
|
||||
},
|
||||
{
|
||||
image: "http://localhost:8080/order_details.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_details.png",
|
||||
name: "泰国金枕榴莲",
|
||||
desc: "泰国金枕榴莲 软糯 香甜",
|
||||
price: "125.9",
|
||||
quantity: 1,
|
||||
},
|
||||
{
|
||||
image: "http://localhost:8080/order_details.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_details.png",
|
||||
name: "泰国金枕榴莲",
|
||||
desc: "泰国金枕榴莲 软糯 香甜",
|
||||
price: "125.9",
|
||||
|
||||
@ -87,7 +87,7 @@
|
||||
v-if="imageList.length < 3"
|
||||
>
|
||||
<image
|
||||
src="http://localhost:8080/upload.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/upload.png"
|
||||
class="upload-icon"
|
||||
></image>
|
||||
<view class="upload-text">上传图片</view>
|
||||
@ -108,16 +108,16 @@ export default {
|
||||
return {
|
||||
// 商品列表
|
||||
goods: [
|
||||
{ image: "http://localhost:8080/order_index1.png" },
|
||||
{ image: "http://localhost:8080/order_index2.png" },
|
||||
{ image: "http://localhost:8080/order_index3.png" },
|
||||
{ image: "http://localhost:8080/order_index4.png" },
|
||||
{ image: "http://localhost:8080/order_index5.png" },
|
||||
{ image: "http://localhost:8080/order_index1.png" },
|
||||
{ image: "http://localhost:8080/order_index2.png" },
|
||||
{ image: "http://localhost:8080/order_index3.png" },
|
||||
{ image: "http://localhost:8080/order_index4.png" },
|
||||
{ image: "http://localhost:8080/order_index5.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index1.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index2.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index3.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index4.png" },
|
||||
{ image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/order_index5.png" },
|
||||
],
|
||||
// 评分数据
|
||||
qualityRating: 5,
|
||||
|
||||
@ -315,12 +315,12 @@
|
||||
</view>
|
||||
<view class="temp">
|
||||
<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 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 class="reviews-list" v-if="comments.length > 0">
|
||||
@ -410,24 +410,24 @@ export default {
|
||||
showReviewPopup: false,
|
||||
comments: [
|
||||
{
|
||||
avatar: "http://localhost:8080/test.png",
|
||||
avatar: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
username: "TP",
|
||||
product: "库尔勒香梨 10kg/箱",
|
||||
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",
|
||||
},
|
||||
{
|
||||
avatar: "http://localhost:8080/test.png",
|
||||
avatar: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
username: "TP",
|
||||
product: "库尔勒香梨 10kg/箱",
|
||||
content:
|
||||
"踏入这家位于街角的餐厅,木质门框与暖黄灯光交织出温馨氛围,墙面上手绘的食材插_draw着文艺气息,开放式厨房的设计让食客能看见厨师处理食材的全过程,第一印象便给人以干净与安心。",
|
||||
images: [
|
||||
"http://localhost:8080/test.png",
|
||||
"http://localhost:8080/test.png",
|
||||
"http://localhost:8080/test.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
],
|
||||
time: "2025-03-01 11:24:20",
|
||||
},
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user