kuangjunhua/TakeOutShop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

地址管理/定位列表/收藏商品列表/常见问题列表页面编写

Browse Source
This commit is contained in:
邝军华 2025-03-16 17:29:37 +08:00
parent 96a9bd9514
commit a0d75475ff
35 changed files with 1915 additions and 839 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
order/assedit/assedit.vue
View File

@ -1,5 +1,14 @@
<template> <template>
<view class="main"> <view class="main">
<view class="head" :class="headShow?'head_show':''" :style="{'opacity':headShow?opacity:'1','padding-top':statusBartop+'px'}">
<view class="head_cont" :style="{'width': statusHeight+'px','height':statusHeight+'px'}">
<view class="head_back" @click="handleBack()" :style="{'width': statusHeight+'px','height':statusHeight+'px'}">
<image class="head_back_img" src="https://zhkj1.oss-cn-shanghai.aliyuncs.com/newPD/zhBack.png" mode="widthFix"></image>
</view>
<view class="head_title" :style="{'width':pageWidth+'px','height':statusHeight+'px'}">申请售后</view>
</view>
</view>
<view class="cont_view" :style="{'padding-top':statusBartop+statusHeight+10+'px'}">
<view class="cont" > <view class="cont" >
<textarea class="cont_textarea" :disable-default-padding="isIos" placeholder="请填写您的退款理由～"></textarea> <textarea class="cont_textarea" :disable-default-padding="isIos" placeholder="请填写您的退款理由～"></textarea>
</view> </view>
@ -43,7 +52,7 @@
</view> </view>
</view> </view>
</view> </view>
</view>
<view style="height: 200rpx;"></view> <view style="height: 200rpx;"></view>
<view class="footer"> <view class="footer">
@ -60,7 +69,12 @@ import { onLoad,onShow,onPullDownRefresh,onPageScroll,onReachBottom,onReady } fr
const counterStore = useCounterStore(); // 使用 Store const counterStore = useCounterStore(); // 使用 Store
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
//使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新) //使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新)
const {statusHeight,headerHeight,statusBartop } = storeToRefs(counterStore); const {statusHeight,headerHeight,statusBartop,ButtonWidth,ButtonHeight } = storeToRefs(counterStore);
const headShow = ref(false);
const showBack = ref(false);
const pageWidth = ref(0);
const opacity = ref(1);
const timeImg = ref('');
const isIos = ref(false); const isIos = ref(false);
const System = () =>{ const System = () =>{
const phone = wx.getSystemInfoSync(); const phone = wx.getSystemInfoSync();
@ -70,10 +84,51 @@ const System = () =>{
isIos.value = false isIos.value = false
} }
}; };
// 获取页面宽度
const updatePageWidth = () => {
const systemInfo = uni.getSystemInfoSync();
pageWidth.value = systemInfo.windowWidth;
};
const searchWidth = computed(() => {
return pageWidth.value - statusHeight.value - ButtonWidth.value - 35;
});
// 判断是否有上一页
const getPages = () => {
const pages = getCurrentPages();
return pages.length > 1;
};
const handleBack = () => {
if (getPages()) {
// 如果有上一页，返回上一页
uni.navigateBack();
} else {
// 如果没有上一页，返回首页
uni.switchTab({
url: '/pages/index/index',
});
}
};
onLoad((options) => { onLoad((options) => {
System(); System();
//初始化时判断是否显示返回按钮
showBack.value = getPages();
updatePageWidth();
}); });
onShow(() => {}); onShow(() => {});
onPageScroll((e)=>{
const top = e.scrollTop;
// 导航条颜色透明渐变
if (top <= 50) {
headShow.value = false
} else {
if( 50 < top && top <= 200 ){
opacity.value = top / 200
}else{
opacity.value = 1
}
headShow.value = true
}
}),
onReady(()=>{}) onReady(()=>{})
onPullDownRefresh(()=>{}) onPullDownRefresh(()=>{})
onReachBottom(()=>{}) onReachBottom(()=>{})

47
order/assedit/style.scss
View File

@ -2,9 +2,52 @@ page{
background: #f6f6f6; background: #f6f6f6;
} }
.main{ .main{
background: linear-gradient(180deg,#FCEEEF 0%,#f6f6f6 100%); background: url(https://zhkj1.oss-cn-shanghai.aliyuncs.com/zhscMerchant/user_bcg.png) #f6f6f6;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%;
padding-top: 25rpx; padding-top: 25rpx;
.head{
position: fixed;
z-index: 100;
width: 100%;
top: 0;
left: 0;
padding-bottom: 10px;
display: flex;
align-items: center;
.head_cont{
position: relative;
.head_back{
display: flex;
align-items: center;
margin-left: 10px;
position: absolute;
z-index: 2;
.head_back_img{
display: block;
width: 16px;
height: 16px;
margin-left: 7px;
}
}
.head_title{
position: absolute;
z-index: 1;
font-size: 30rpx;
color: '#000000';
display: flex;
align-items: center;
font-weight: 500;
justify-content: center;
}
}
}
.head_show{
background-color: #FFFFFF;
border-bottom: 1rpx solid #f6f6f6;
}
.cont_view{
.cont{ .cont{
margin: 0rpx 25rpx 25rpx 25rpx; margin: 0rpx 25rpx 25rpx 25rpx;
padding: 30rpx; padding: 30rpx;
@ -138,6 +181,8 @@ page{
.cont_padding{ .cont_padding{
padding: 0; padding: 0;
} }
}
.footer{ .footer{
position: fixed; position: fixed;
left: 0; left: 0;

11
order/orderConfirm/orderConfirm.vue
View File

@ -2,10 +2,10 @@
<page-meta :page-style="'overflow:'+(show?'hidden':'visible')"></page-meta> <page-meta :page-style="'overflow:'+(show?'hidden':'visible')"></page-meta>
<view class="main"> <view class="main">
<!-- 地址 --> <!-- 地址 -->
<view class="cont"> <view class="cont" @click="onAddress()">
<view class="cont_ul"> <view class="cont_ul">
<view class="cont_l"> <view class="cont_l cont_width">
<view class="cont_text">东方体育中心<text class="cont_default">默认</text></view> <view class="cont_text"><text class="cont_default">默认</text><text class="cont_v">花木街道浦东新区机关事务管理局人民政府-20号楼2306室</text></view>
<view class="cont_user">悟语<text class="cont_tel">15221679766</text></view> <view class="cont_user">悟语<text class="cont_tel">15221679766</text></view>
</view> </view>
<view class="cont_arr"></view> <view class="cont_arr"></view>
@ -240,6 +240,11 @@ const timeFun = (e)=>{
]}] ]}]
timList.value = time; timList.value = time;
} }
const onAddress=()=>{
uni.navigateTo({
url:`/userserve/addressList/addressList`
})
};
onLoad((options) => { onLoad((options) => {
timeFun(); timeFun();
}); });

25
order/orderConfirm/style.scss
View File

@ -23,22 +23,25 @@ page{
justify-content: space-between; justify-content: space-between;
.cont_l{ .cont_l{
.cont_text{ .cont_text{
font-size: 32rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
display: flex;
align-items: center;
.cont_default{ .cont_default{
font-size: 20rpx; font-size: 20rpx;
background-color: #FFF4CD; background-color: #FFF4CD;
border-radius: 10rpx; border-radius: 10rpx;
color: #F9D448; color: #F9D448;
margin-left: 10rpx; margin-right: 10rpx;
padding: 2rpx 10rpx 2rpx 10rpx; padding: 2rpx 10rpx 2rpx 10rpx;
vertical-align: middle;
} }
.cont_v{
vertical-align: middle;
}
} }
.cont_user{ .cont_user{
font-size: 26rpx; font-size: 28rpx;
color: #666666; color: #666666;
margin-top: 10rpx; margin-top: 10rpx;
.cont_tel{ .cont_tel{
@ -46,6 +49,9 @@ page{
} }
} }
} }
.cont_width{
width: 550rpx;
}
.cont_arr{ .cont_arr{
position: relative; position: relative;
margin-right: 20rpx; margin-right: 20rpx;
@ -342,16 +348,16 @@ page{
content: '¥'; content: '¥';
font-size: 28rpx; font-size: 28rpx;
margin-right: 5rpx; margin-right: 5rpx;
margin-left: 5rpx; margin-left: 10rpx;
} }
.footer_coupon{ .footer_coupon{
display: inline-block; display: inline-block;
color: #666666; color: #666666;
font-size: 28rpx; font-size: 26rpx;
margin-left: 10rpx; margin-left: 10rpx;
.footer_coupon_price::before{ .footer_coupon_price::before{
content: '¥'; content: '¥';
font-size: 24rpx; font-size: 20rpx;
} }
} }
} }
@ -364,8 +370,9 @@ page{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 32rpx; font-size: 28rpx;
color: #FFFFFF; color: #FFFFFF;
font-weight: 500;
} }
} }
.shop_open{ .shop_open{

7
order/orderList/orderList.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<view class="main"> <view class="main">
<view class="head" :style="{'padding-top':headerHeight+3+'px'}"> <view class="head" :style="{'padding-top':headerHeight+4+'px'}">
<view class="head_top"> <view class="head_top">
<view class="head_back" @click="handleBack()" :style="{'width': statusHeight+'px','height':statusHeight+'px'}"> <view class="head_back" @click="handleBack()" :style="{'width': statusHeight+'px','height':statusHeight+'px'}">
<image class="head_back_img" src="https://zhkj1.oss-cn-shanghai.aliyuncs.com/newPD/zhBack.png" mode="widthFix"></image> <image class="head_back_img" src="https://zhkj1.oss-cn-shanghai.aliyuncs.com/newPD/zhBack.png" mode="widthFix"></image>
</view> </view>
<view class="head_search" :style="{'width':searchWidth+'px'}"> <view class="head_search" :style="{'width':searchWidth+'px','height':statusHeight+4+'px'}">
<image class="head_search_img" src="../../static/search_img.png" mode="widthFix"></image> <image class="head_search_img" src="../../static/search_img.png" mode="widthFix"></image>
<input class="head_search_input" type="text" placeholder="请输入搜索内容" v-model="searchtext"/> <input class="head_search_input" type="text" placeholder="请输入搜索内容" v-model="searchtext"/>
</view> </view>
@ -17,7 +17,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="order_cont" :style="{'padding-top':94+headerHeight+'px'}"> <view class="order_cont" :style="{'padding-top':statusHeight+headerHeight+65+'px'}">
<view class="order_list" @click="orderDetail()"> <view class="order_list" @click="orderDetail()">
<view class="order_type">已完成</view> <view class="order_type">已完成</view>
<view class="order_time">2025/1/15 17:20 周三</view> <view class="order_time">2025/1/15 17:20 周三</view>
@ -268,6 +268,7 @@ const orderDetail=()=>{
url:`/order/orderDetail/orderDetail` url:`/order/orderDetail/orderDetail`
}) })
}; };
//使用 uni.onLoad 监听页面加载 //使用 uni.onLoad 监听页面加载
onLoad((options) => { onLoad((options) => {
const { type } = options; const { type } = options;

2
order/orderList/style.scss
View File

@ -45,7 +45,7 @@ page{
.head_search_input{ .head_search_input{
width: 500rpx; width: 500rpx;
height: 100%; height: 100%;
font-size: 28rpx; font-size: 27rpx;
display: flex; display: flex;
align-items: center; align-items: center;
} }

29
pages.json
View File

@ -96,6 +96,12 @@
"navigationBarTitleText": "评价", "navigationBarTitleText": "评价",
"navigationBarBackgroundColor": "#FFFFFF" "navigationBarBackgroundColor": "#FFFFFF"
} }
},{
"path": "faqList/faqList",
"style": {
"navigationBarTitleText": "常见问题",
"navigationBarBackgroundColor": "#FFFFFF"
}
}] }]
}, },
{ {
@ -146,7 +152,8 @@
"path": "assedit/assedit", "path": "assedit/assedit",
"style": { "style": {
"navigationBarTitleText": "申请售后", "navigationBarTitleText": "申请售后",
"navigationBarBackgroundColor": "#FCEEEF" "navigationBarBackgroundColor": "#FCEEEF",
"navigationStyle": "custom"
} }
},{ },{
"path": "orderDetail/orderDetail", "path": "orderDetail/orderDetail",
@ -167,7 +174,7 @@
"pages": [{ "pages": [{
"path": "location/location", "path": "location/location",
"style": { "style": {
"navigationBarTitleText": "选择地址", "navigationBarTitleText": "选择收货地址",
"navigationBarBackgroundColor": "#FFFFFF" "navigationBarBackgroundColor": "#FFFFFF"
} }
}, },
@ -177,6 +184,12 @@
"navigationBarTitleText": "地址管理", "navigationBarTitleText": "地址管理",
"navigationBarBackgroundColor": "#FFFFFF" "navigationBarBackgroundColor": "#FFFFFF"
} }
},{
"path": "addressEdit/addressEdit",
"style": {
"navigationBarTitleText": "新增地址",
"navigationBarBackgroundColor": "#FFFFFF"
}
},{ },{
"path": "aiserve/aiserve", "path": "aiserve/aiserve",
"style": { "style": {
@ -184,6 +197,18 @@
"navigationBarBackgroundColor": "#FFFFFF", "navigationBarBackgroundColor": "#FFFFFF",
"navigationStyle": "custom" "navigationStyle": "custom"
} }
},{
"path": "aichitchat/aichitchat",
"style": {
"navigationBarTitleText": "消息详情",
"navigationBarBackgroundColor": "#FFFFFF"
}
},{
"path": "favorite/favorite",
"style": {
"navigationBarTitleText": "商品收藏",
"navigationBarBackgroundColor": "#FFFFFF"
}
},{ },{
"path": "certificate/certificate", "path": "certificate/certificate",
"style": { "style": {

12
pages/cart/cart.vue
View File

@ -2,7 +2,7 @@
<page-meta :page-style="'overflow:'+(show?'hidden':'visible')"></page-meta> <page-meta :page-style="'overflow:'+(show?'hidden':'visible')"></page-meta>
<view class="main"> <view class="main">
<!-- 头部区域 --> <!-- 头部区域 -->
<view class="head" :style="{'padding-top':headerHeight+'px'}"> <view class="head" :style="{'padding-top':headerHeight+'px'}" @click="location()">
<view class="head_location head_location_active"><text class="location_title">东方体育中心</text></view> <view class="head_location head_location_active"><text class="location_title">东方体育中心</text></view>
<view class="head_ul"> <view class="head_ul">
<view class="head_l"> <view class="head_l">
@ -15,7 +15,9 @@
</view> </view>
</view> </view>
</view> </view>
<view class="cart" :style="{'padding-top':85+headerHeight+'px'}"> <view class="cont">
<view class="head_fixed" :style="{'height':75+headerHeight+'px'}">下拉刷新...</view>
<view class="cart">
<view style="height: 10rpx;"></view> <view style="height: 10rpx;"></view>
<uni-swipe-action> <uni-swipe-action>
<uni-swipe-action-item v-for="(item,index) in cartList" :key="index" :right-options="options" @click="removeCart(1,item)"> <uni-swipe-action-item v-for="(item,index) in cartList" :key="index" :right-options="options" @click="removeCart(1,item)">
@ -121,6 +123,7 @@
</view> </view>
</view> --> </view> -->
</view> </view>
</view>
<view class="user_title" v-if="!showEdit"> <view class="user_title" v-if="!showEdit">
<text class="user_name">为您推荐</text> <text class="user_name">为您推荐</text>
</view> </view>
@ -476,6 +479,11 @@ const removeCart=(type,item)=>{
} }
}) })
}; };
const location=()=>{
uni.navigateTo({
url:`/userserve/location/location`
})
}
//使用 uni.onLoad 监听页面加载 //使用 uni.onLoad 监听页面加载
onLoad((options) => { onLoad((options) => {
cartData(); cartData();

17
pages/cart/style.scss
View File

@ -96,6 +96,16 @@ page{
} }
} }
// 购物车区域 // 购物车区域
.cont{
.head_fixed{
background-color: #f6f6f6;
color: #999999;
font-size: 26rpx;
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 10px;
}
.cart{ .cart{
background: linear-gradient(180deg, #FCEEEF 0%, #f6f6f6 100%); background: linear-gradient(180deg, #FCEEEF 0%, #f6f6f6 100%);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -319,6 +329,8 @@ page{
} }
} }
} }
}
.user_title{ .user_title{
display: flex; display: flex;
align-items: center; align-items: center;
@ -558,7 +570,7 @@ page{
margin-right: 15rpx; margin-right: 15rpx;
} }
.footer_price{ .footer_price{
font-size: 38rpx; font-size: 40rpx;
color: #FF0000; color: #FF0000;
display: inline-block; display: inline-block;
font-weight: 500; font-weight: 500;
@ -572,7 +584,8 @@ page{
} }
.footer_btn{ .footer_btn{
margin-left: 20rpx; margin-left: 20rpx;
font-size: 30rpx; font-size: 28rpx;
font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
display: flex; display: flex;
align-items: center; align-items: center;

9
pages/classify/classify.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<view class="mian"> <view class="mian">
<!-- 头部区域 --> <!-- 头部区域 -->
<view class="head" :style="{'padding-top':headerHeight+3+'px'}"> <view class="head" :style="{'padding-top':headerHeight+4+'px'}">
<view class="head_search" :style="{'width':searchWidth+'px'}"> <view class="head_search" :style="{'width':searchWidth+'px','height':statusHeight+4+'px'}">
<image class="head_search_img" src="../../static/search_img.png" mode="widthFix"></image> <image class="head_search_img" src="../../static/search_img.png" mode="widthFix"></image>
<input class="head_search_input" type="text" placeholder="请输入搜索内容" v-model="searchtext"/> <input class="head_search_input" type="text" placeholder="请输入搜索内容" v-model="searchtext"/>
</view> </view>
@ -57,7 +57,9 @@
</view> </view>
<!-- 商品区域 --> <!-- 商品区域 -->
<view class="shop_view" :style="{'padding-top':92+headerHeight+'px'}"> <view class="cont_view">
<view class="head_fixed" :style="{'height':statusHeight+headerHeight+48+'px'}">下拉刷新...</view>
<view class="shop_view">
<view class="shop_view_ul"> <view class="shop_view_ul">
<view class="shop_view_li" @click="goDetail()"> <view class="shop_view_li" @click="goDetail()">
<view class="shop_view_img"> <view class="shop_view_img">
@ -174,6 +176,7 @@
</view> </view>
</view> </view>
</view> </view>
</view>
<view style="height: 200rpx;"></view> <view style="height: 200rpx;"></view>
</view> </view>
</template> </template>

13
pages/classify/style.scss
View File

@ -30,7 +30,7 @@ page{
.head_search_input{ .head_search_input{
width: 500rpx; width: 500rpx;
height: 100%; height: 100%;
font-size: 28rpx; font-size: 27rpx;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -109,6 +109,16 @@ page{
} }
} }
// 商品区域样式 // 商品区域样式
.cont_view{
.head_fixed{
background-color: #f6f6f6;
color: #999999;
font-size: 26rpx;
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 10px;
}
.shop_view{ .shop_view{
padding: 13rpx 20rpx 0rpx 20rpx; padding: 13rpx 20rpx 0rpx 20rpx;
display: flex; display: flex;
@ -226,6 +236,7 @@ page{
} }
} }
} }
}
.price::before { .price::before {
content: '¥'; content: '¥';
font-size: 24rpx; font-size: 24rpx;

14
pages/index/index.vue
View File

@ -1,16 +1,18 @@
<template> <template>
<view class="main"> <view class="main">
<!-- 头部区域 --> <!-- 头部区域 -->
<view class="head" :style="{'padding-top':headerHeight+'px'}"> <view class="head" :style="{'padding-top':headerHeight+'px'}" @click="location()">
<view class="head_location head_location_active"><text class="location_title">东方体育中心</text></view> <view class="head_location head_location_active"><text class="location_title">东方体育中心</text></view>
<view class="head_search"> <view class="head_search" :style="{'height':statusHeight+8+'px'}">
<image class="head_search_img" src="../../static/search_img.png" mode="widthFix"></image> <image class="head_search_img" src="../../static/search_img.png" mode="widthFix"></image>
<input class="head_search_input" type="text" placeholder="请输入搜索内容" v-model="searchtext"/> <input class="head_search_input" type="text" placeholder="请输入搜索内容" v-model="searchtext"/>
<view class="head_search_btn">搜索</view> <view class="head_search_btn">搜索</view>
</view> </view>
</view> </view>
<!-- 推荐区域 --> <!-- 推荐区域 -->
<view class="grid_wrap" :style="{'padding-top':95+headerHeight+'px'}"> <view class="grid_top">
<view class="head_fixed" :style="{'height':statusHeight+headerHeight+43+'px'}">下拉刷新...</view>
<view class="grid_wrap">
<view class="grid_wrap_l"> <view class="grid_wrap_l">
<image class="grid_wrap_live" src=""></image> <image class="grid_wrap_live" src=""></image>
<view class="grid_wrap_live_title"><image class="grid_wrap_live_img" src="../../static/index/v.png"></image>直播</view> <view class="grid_wrap_live_title"><image class="grid_wrap_live_img" src="../../static/index/v.png"></image>直播</view>
@ -32,6 +34,7 @@
</view> </view>
</view> </view>
</view> </view>
</view>
<!-- 滚动区域 --> <!-- 滚动区域 -->
<view class="scroll_view"> <view class="scroll_view">
<scroll-view class="typescoll" :scroll-with-animation="true" :enhanced="true" :show-scrollbar="false" scroll-x="true"> <scroll-view class="typescoll" :scroll-with-animation="true" :enhanced="true" :show-scrollbar="false" scroll-x="true">
@ -342,6 +345,11 @@ const goCarts=()=>{
url:`/pages/cart/cart` url:`/pages/cart/cart`
}) })
} }
const location=()=>{
uni.navigateTo({
url:`/userserve/location/location`
})
}
onLoad((options) => { onLoad((options) => {
}); });

20
pages/index/style.scss
View File

@ -82,7 +82,7 @@ page{
.head_search_input{ .head_search_input{
width: 560rpx; width: 560rpx;
height: 100%; height: 100%;
font-size: 28rpx; font-size: 27rpx;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -92,6 +92,7 @@ page{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-weight: 500;
} }
.head_search_btn::before{ .head_search_btn::before{
content: ""; content: "";
@ -109,10 +110,21 @@ page{
} }
} }
// 推荐区域样式 // 推荐区域样式
.grid_top{
.head_fixed{
background-color: #f6f6f6;
color: #999999;
font-size: 26rpx;
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 10px;
}
.grid_wrap{ .grid_wrap{
padding: 20rpx 20rpx 20rpx 20rpx; padding: 20rpx 20rpx 20rpx 20rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.grid_wrap_l{ .grid_wrap_l{
width: 338rpx; width: 338rpx;
height: 338rpx; height: 338rpx;
@ -199,6 +211,7 @@ page{
} }
} }
} }
}
// 滚动区域样式 // 滚动区域样式
.scroll_view{ .scroll_view{
width: 100%; width: 100%;
@ -477,7 +490,7 @@ page{
.footer_cont_m{ .footer_cont_m{
margin-left: 25rpx; margin-left: 25rpx;
.footer_cont_m_price{ .footer_cont_m_price{
font-size: 38rpx; font-size: 40rpx;
color: #FF0000; color: #FF0000;
font-weight: 500; font-weight: 500;
} }
@ -500,8 +513,9 @@ page{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 30rpx; font-size: 28rpx;
color: #FFFFFF; color: #FFFFFF;
font-weight: 500;
} }
} }

2
pages/sidedish/sidedish.vue
View File

@ -127,7 +127,7 @@ onShow(() => {
}); });
onPullDownRefresh(()=>{ onPullDownRefresh(()=>{
uni.stopPullDownRefresh();
}) })
onReachBottom(()=>{ onReachBottom(()=>{

58
pages/user/user.vue
View File

@ -187,54 +187,64 @@ const order = ref([
{ {
id:1, id:1,
imgUrl:'../../static/user/staypay.png', imgUrl:'../../static/user/staypay.png',
name:'待支付' name:'待支付',
url:'/order/orderList/orderList?type=1'
}, },
{ {
id:3, id:3,
imgUrl:'../../static/user/staytake.png', imgUrl:'../../static/user/staytake.png',
name:'待收货' name:'待收货',
url:'/order/orderList/orderList?type=3'
}, },
{ {
id:4, id:4,
imgUrl:'../../static/user/evaluate.png', imgUrl:'../../static/user/evaluate.png',
name:'待评价' name:'待评价',
url:'/order/orderevallist/orderevallist?type=0'
}, },
{ {
id:5, id:5,
imgUrl:'../../static/user/refund.png', imgUrl:'../../static/user/refund.png',
name:'退款/售后' name:'退款/售后',
url:'/order/assList/assList?type=0'
}, },
{ {
id:0, id:0,
imgUrl:'../../static/user/order.png', imgUrl:'../../static/user/order.png',
name:'全部订单' name:'全部订单',
url:'/order/orderList/orderList?type=0'
} }
]) ])
const contList = ref([ const contList = ref([
{ {
id:1, id:1,
imgUrl:'../../static/user/service.png', imgUrl:'../../static/user/service.png',
name:'客户服务' name:'客户服务',
url:'/userserve/clientserve/clientserve'
}, },
{ {
id:2, id:2,
imgUrl:'../../static/user/collect.png', imgUrl:'../../static/user/collect.png',
name:'商品收藏' name:'商品收藏',
url:'/userserve/favorite/favorite'
}, },
{ {
id:3, id:3,
imgUrl:'../../static/user/certification.png', imgUrl:'../../static/user/certification.png',
name:'证照资质' name:'证照资质',
url:'/userserve/certificate/certificate'
}, },
{ {
id:4, id:4,
imgUrl:'../../static/user/feedback.png', imgUrl:'../../static/user/feedback.png',
name:'意见反馈' name:'意见反馈',
url:'/userserve/feedback/feedback'
}, },
{ {
id:5, id:5,
imgUrl:'../../static/user/address.png', imgUrl:'../../static/user/address.png',
name:'地址管理' name:'地址管理',
url:'/userserve/addressList/addressList'
} }
]) ])
const goDetail=()=>{ const goDetail=()=>{
@ -248,36 +258,14 @@ const goCoupon=()=>{
}) })
}; };
const goServe=(item,index)=>{ const goServe=(item,index)=>{
let url = ""; const { url } = item;
if(item.id == 2) return false;
if(item.id == 1){
url=`/userserve/clientserve/clientserve`
}else if(item.id == 3){
url=`/userserve/certificate/certificate`
}else if(item.id == 4){
url=`/userserve/feedback/feedback`
}else if(item.id == 5){
url=`/userserve/addressList/addressList`
}
uni.navigateTo({url}) uni.navigateTo({url})
} }
//使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新) //使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新)
//const { count,doubleCount } = storeToRefs(counterStore); //const { count,doubleCount } = storeToRefs(counterStore);
const orderList=(item)=>{ const orderList=(item)=>{
if(item.id == 4){ const { url } = item;
uni.navigateTo({ uni.navigateTo({url})
url:`/order/orderevallist/orderevallist?type=0`
})
}else if(item.id != 5){
uni.navigateTo({
url:`/order/orderList/orderList?type=${item.id}`
})
}else{
uni.navigateTo({
url:`/order/assList/assList?type=0`
})
}
} }
onLoad((options) => { onLoad((options) => {

12
shopProDetail/detail/detail.vue
View File

@ -69,14 +69,15 @@
</view> </view>
</view> </view>
<!-- 常见问题 --> <!-- 常见问题 -->
<view class="shop_comment"> <view class="shop_comment" @click="faqList">
<view class="shop_comment_head"> <view class="shop_comment_head">
<view class="shop_comment_head_title">常见问题(2)</view> <view class="shop_comment_head_title">常见问题(2)</view>
<view class="shop_comment_head_arrow">全部</view> <view class="shop_comment_head_arrow">全部</view>
</view> </view>
<view class="faqlist">
<view class="shop_ask shop_padding"><text>有的虾头发黑是为什么?</text></view> <view class="shop_ask shop_padding"><text>有的虾头发黑是为什么?</text></view>
<view class="shop_ask shop_padding"><text>如何判定虾是否新鲜?</text></view> <view class="shop_answer shop_padding"><text>虾头中含有一种叫做酪氨酸酶的酶，当虾死亡后，这种酶会催化虾体内的酪氨酸生成黑色素，导致虾头变黑。这是一种自然现象，通常不影响虾肉的食用安全。</text></view>
<!-- <view class="shop_answer shop_padding">这里填写回答</view> --> </view>
</view> </view>
</view> </view>
<!-- 图文详情 --> <!-- 图文详情 -->
@ -366,6 +367,11 @@ const orderConfirm = ()=>{
url:`/order/orderConfirm/orderConfirm` url:`/order/orderConfirm/orderConfirm`
}) })
} }
const faqList=()=>{
uni.navigateTo({
url:`/shopProDetail/faqList/faqList`
})
}
onLoad((options) => { onLoad((options) => {
//初始化时判断是否显示返回按钮 //初始化时判断是否显示返回按钮
showBack.value = getPages(); showBack.value = getPages();

12
shopProDetail/detail/style.scss
View File

@ -266,20 +266,20 @@ page{
} }
} }
} }
.faqlist{
padding: 0rpx 20rpx 20rpx 20rpx;
.shop_ask{ .shop_ask{
font-size: 26rpx; font-size: 27rpx;
color: #333333; color: #333333;
font-weight: 500;
} }
.shop_answer{ .shop_answer{
font-size: 26rpx; font-size: 26rpx;
color: #666666; color: #666666;
} margin-top: 10rpx;
.shop_padding{
padding: 0rpx 20rpx 20rpx 20rpx;
} }
.shop_padding text{ .shop_padding text{
vertical-align: middle; vertical-align: middle;
display: inline-block;
} }
.shop_ask::before { .shop_ask::before {
vertical-align: middle; vertical-align: middle;
@ -302,6 +302,8 @@ page{
vertical-align: middle; vertical-align: middle;
} }
} }
}
.shop_detail{ .shop_detail{
margin: 20rpx 20rpx 0rpx 20rpx; margin: 20rpx 20rpx 0rpx 20rpx;
background-color: #FFFFFF; background-color: #FFFFFF;

35
shopProDetail/faqList/faqList.vue Normal file
View File

@ -0,0 +1,35 @@
<template>
<view class="mian">
<view class="faqlist">
<view class="shop_ask shop_padding"><text>有的虾头发黑是为什么?</text></view>
<view class="shop_answer shop_padding"><text>虾头中含有一种叫做酪氨酸酶的酶，当虾死亡后，这种酶会催化虾体内的酪氨酸生成黑色素，导致虾头变黑。这是一种自然现象，通常不影响虾肉的食用安全。</text></view>
</view>
<view class="faqlist">
<view class="shop_ask shop_padding"><text>有的虾头发黑是为什么?</text></view>
<view class="shop_answer shop_padding"><text>虾头中含有一种叫做酪氨酸酶的酶，当虾死亡后，这种酶会催化虾体内的酪氨酸生成黑色素，导致虾头变黑。这是一种自然现象，通常不影响虾肉的食用安全。</text></view>
</view>
</view>
</template>
<script setup>
import { computed,ref,onMounted,onUnmounted,getCurrentInstance,nextTick } from 'vue';
import { useCounterStore } from '@/store/counter'; // 引入 Pinia Store
import { storeToRefs } from 'pinia';//实现解构付值
import { onLoad,onShow,onPullDownRefresh,onPageScroll,onReachBottom,onReady } from "@dcloudio/uni-app"
const counterStore = useCounterStore(); // 使用 Store
const { proxy } = getCurrentInstance();
//使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新)
const {statusHeight,headerHeight,statusBartop } = storeToRefs(counterStore);
onLoad((options) => {});
onShow(() => {});
onReady(()=>{})
onPullDownRefresh(()=>{})
onReachBottom(()=>{})
</script>
<style lang="scss">
@import './style.scss';
</style>

43
shopProDetail/faqList/style.scss Normal file
View File

@ -0,0 +1,43 @@
page{
background: #f6f6f6;
}
.mian{
.faqlist{
padding: 20rpx 20rpx 0rpx 20rpx;
.shop_ask{
font-size: 30rpx;
color: #333333;
font-weight: 500;
}
.shop_answer{
font-size: 27rpx;
color: #666666;
margin-top: 10rpx;
}
.shop_padding text{
vertical-align: middle;
}
.shop_ask::before {
vertical-align: middle;
content: "";
display: inline-block;
width: 30rpx;
height: 30rpx;
background-image: url('../../static/shopdetail/ask.png');
background-size: cover;
margin-right: 10rpx; /* 调整图片与标题的间距 */
}
.shop_answer::before {
content: "";
display: inline-block;
width: 30rpx;
height: 30rpx;
background-image: url('../../static/shopdetail/answer.png');
background-size: cover;
margin-right: 10rpx; /* 调整图片与标题的间距 */
vertical-align: middle;
}
}
}

BIN
static/userserve/edit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
static/userserve/location.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

82
userserve/addressEdit/addressEdit.vue Normal file
View File

@ -0,0 +1,82 @@
<template>
<view class="main">
<view class="adderss_cont">
<view class="adderss_item">
<view class="adderss_name">地址</view>
<view class="adderss_r ">
<view class="adderss_text adderss_arr">
<input class="adderss_input" type="text" placeholder="选择地址"/>
</view>
</view>
</view>
<view class="adderss_item">
<view class="adderss_name">门牌号</view>
<view class="adderss_r ">
<view class="adderss_text">
<input class="adderss_input" type="text" placeholder="例:15栋3层301室"/>
</view>
</view>
</view>
<view class="adderss_item">
<view class="adderss_name">收货人</view>
<view class="adderss_r">
<view class="adderss_text">
<input class="adderss_input" type="text" placeholder="收货人姓名"/>
</view>
<view class="adderss_type">
<view class="adderss_type_item"><view class="adderss_type_select adderss_acty"><image class="adderss_acty_img" src="../../static/selected.png"></image></view>先生</view>
<view class="adderss_type_item adderss_type_left"><view class="adderss_type_select"></view>女生</view>
</view>
</view>
</view>
<view class="adderss_item">
<view class="adderss_name">手机号</view>
<view class="adderss_r">
<view class="adderss_text">
<input class="adderss_input" type="text" placeholder="收货人手机号"/>
</view>
</view>
</view>
</view>
<view class="adderss_cont">
<view class="adderss_default">
<view class="adderss_default_l">
<view class="adderss_default_title">设为默认地址</view>
<view class="adderss_default_desc">每次下单会默认推荐使用该地址</view>
</view>
<view class="adderss_default_switch">
<switch :checked="isDefault == 1 ? true:false" color="#e61817" @change="switchChange" />
</view>
</view>
</view>
<view style="height: 200rpx;"></view>
<view class="footer">
<view class="footer_btn" @click="save">保存地址</view>
</view>
</view>
</template>
<script setup>
import { computed,ref,onMounted,onUnmounted,getCurrentInstance,nextTick } from 'vue';
import { useCounterStore } from '@/store/counter'; // 引入 Pinia Store
import { storeToRefs } from 'pinia';//实现解构付值
import { onLoad,onShow,onPullDownRefresh,onPageScroll,onReachBottom,onReady } from "@dcloudio/uni-app"
const counterStore = useCounterStore(); // 使用 Store
const { proxy } = getCurrentInstance();
//使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新)
const {statusHeight,headerHeight,statusBartop } = storeToRefs(counterStore);
const save=()=>{
uni.navigateBack({
delta:1
})
}
onLoad((options) => {});
onShow(() => {});
onReady(()=>{})
onPullDownRefresh(()=>{})
onReachBottom(()=>{})
</script>
<style lang="scss">
@import './style.scss';
</style>

136
userserve/addressEdit/style.scss Normal file
View File

@ -0,0 +1,136 @@
page{
background-color: #f6f6f6;
}
.main{
.adderss_cont{
margin: 20rpx;
padding: 0rpx 25rpx 0rpx 25rpx;
background-color: #FFFFFF;
border-radius: 16rpx;
box-shadow: 0 4rpx 8rpx rgba(0,0,0,.05);
.adderss_item{
// padding: 25rpx 0rpx 25rpx 0rpx;
display: flex;
justify-content: space-between;
border-bottom: 1rpx solid #f6f6f6;
.adderss_name{
font-size: 28rpx;
color: #333333;
font-weight: 500;
height: 95rpx;
display: flex;
align-items: center;
width: 120rpx;
}
.adderss_r{
width: 480rpx;
.adderss_text{
width: 100%;
position: relative;
.adderss_input{
width: 100%;
font-size: 28rpx;
height: 95rpx;
display: flex;
align-items: center;
}
}
.adderss_arr::after{
content: '';
position: absolute;
top: 50%;
// left: 100%;
right: 20rpx;
transform: translate3d(0, -50%, 0) rotate(45deg);
width: 13rpx;
height: 13rpx;
border-top: 3rpx solid #7f7f7f;
border-right: 3rpx solid #7f7f7f;
}
.adderss_type{
display: flex;
.adderss_type_item{
display: flex;
align-items: center;
font-size: 28rpx;
color: #333333;
padding: 20rpx 0rpx;
.adderss_type_select{
width: 35rpx;
height: 35rpx;
border-radius: 50rpx;
border:1px solid #7f7f7f;
margin-right: 10rpx;
}
.adderss_acty{
border:1px solid #FD4955;
display: flex;
align-items: center;
justify-content: center;
background-color: #FD4955;
.adderss_acty_img{
width: 25rpx;
height: 25rpx;
display: block;
}
}
}
.adderss_type_left{
margin-left: 40rpx;
}
}
}
}
.adderss_default{
display: flex;
align-items: center;
justify-content: space-between;
padding: 25rpx 0rpx;
.adderss_default_l{
.adderss_default_title{
font-size: 28rpx;
color: #333333;
font-weight: 500;
}
.adderss_default_desc{
color: #7f7f7f;
font-size: 26rpx;
margin-top: 10rpx;
}
}
.adderss_default_switch{
width: 100rpx;
}
}
}
.footer{
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 160;
background: #FFFFFF;
font-size: 30rpx;
padding-bottom: env(safe-area-inset-bottom);
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 20rpx;
padding-left: 20rpx;
padding-right: 20rpx;
border-top: 1rpx solid #efefef;
.footer_btn{
width: 100%;
height: 85rpx;
background-color: #fd3f3f;
border-radius: 50rpx;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 28rpx;
}
}
}

39
userserve/addressList/addressList.vue
View File

@ -1,7 +1,36 @@
<template> <template>
<view class="main"> <view class="main">
<view class="location_cont location_padding">
<view class="location_list flex" @click="addressBack">
<view class="location_l">
<view class="location_address">
<text class="location_default">默认</text>
<text class="location_address_text">汤臣一品-20号楼2306室</text>
</view>
<view class="location_user"><text class="location_user_name">悟语先生</text><text class="location_user_tel">15221678099</text></view>
</view>
<view class="location_r" @click="revamp()">
<image class="location_img" src="../../static/userserve/edit.png"></image>
</view>
</view>
<view class="location_list flex" @click="addressBack">
<view class="location_l">
<view class="location_address">
<text class="location_address_text">花木街道浦东新区机关事务管理局人民政府-20号楼2306室</text>
</view>
<view class="location_user"><text class="location_user_name">悟语先生</text><text class="location_user_tel">15221678099</text></view>
</view>
<view class="location_r" @click="revamp()">
<image class="location_img" src="../../static/userserve/edit.png"></image>
</view>
</view>
</view> </view>
<view style="height: 200rpx;"></view>
<view class="footer">
<view class="footer_btn" @click="addressEdit">新增地址</view>
</view>
</view>
</template> </template>
<script setup> <script setup>
@ -13,6 +42,16 @@ const counterStore = useCounterStore(); // 使用 Store
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
//使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新) //使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新)
const {statusHeight,headerHeight,statusBartop } = storeToRefs(counterStore); const {statusHeight,headerHeight,statusBartop } = storeToRefs(counterStore);
const addressEdit=()=>{
uni.navigateTo({
url:`/userserve/addressEdit/addressEdit`
})
};
const revamp=()=>{
uni.navigateTo({
url:`/userserve/addressEdit/addressEdit`
})
}
onLoad((options) => {}); onLoad((options) => {});
onShow(() => {}); onShow(() => {});
onReady(()=>{}) onReady(()=>{})

89
userserve/addressList/style.scss
View File

@ -2,5 +2,92 @@ page{
background-color: #f6f6f6; background-color: #f6f6f6;
} }
.main{ .main{
.location_cont{
margin: 20rpx 20rpx 0rpx 20rpx;
padding: 30rpx;
background-color: #FFFFFF;
border-radius: 16rpx;
box-shadow: 0 4rpx 8rpx rgba(0,0,0,.05);
.location_list{
padding-top: 30rpx;
padding-bottom: 30rpx;
border-bottom: 1rpx solid #f6f6f6;
.location_l{
.location_address{
.location_default{
font-size: 20rpx;
background-color: #fff4cd;
border-radius: 10rpx;
color: #f9d448;
margin-right: 10rpx;
padding: 2rpx 10rpx;
vertical-align: middle;
}
.location_address_text{
font-size: 28rpx;
font-weight: 500;
color: #333333;
vertical-align: middle;
}
}
.location_user{
font-size: 27rpx;
color: #7f7f7f;
margin-top: 10rpx;
.location_user_name{}
.location_user_tel{
margin-left: 20rpx;
}
}
}
.location_r{
width: 100rpx;
height: 100rpx;
display: flex;
align-items: center;
justify-content:flex-end;
.location_img{
width: 32rpx;
height: 32rpx;
}
}
}
}
.flex{
display: flex;
align-items: center;
justify-content: space-between;
}
.location_padding{
padding: 0rpx 30rpx 0rpx 30rpx;
}
.footer{
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 160;
background: #FFFFFF;
font-size: 30rpx;
padding-bottom: env(safe-area-inset-bottom);
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 20rpx;
padding-left: 20rpx;
padding-right: 20rpx;
border-top: 1rpx solid #efefef;
.footer_btn{
width: 100%;
height: 85rpx;
background-color: #fd3f3f;
border-radius: 50rpx;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 28rpx;
}
}
} }

31
userserve/aichitchat/aichitchat.vue Normal file
View File

@ -0,0 +1,31 @@
<template>
<view class="main">
<view class="footer">
<input class="footer_input" type="text" placeholder="请在此输入你的问题"/>
<view class="footer_btn">发送</view>
</view>
</view>
</template>
<script setup>
import { computed,ref,onMounted,onUnmounted,getCurrentInstance,nextTick } from 'vue';
import { useCounterStore } from '@/store/counter'; // 引入 Pinia Store
import { storeToRefs } from 'pinia';//实现解构付值
import { onLoad,onShow,onPullDownRefresh,onPageScroll,onReachBottom,onReady } from "@dcloudio/uni-app"
const counterStore = useCounterStore(); // 使用 Store
const { proxy } = getCurrentInstance();
//使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新)
const {statusHeight,headerHeight,statusBartop,ButtonWidth,ButtonHeight } = storeToRefs(counterStore);
onLoad((options) => {
});
onShow(() => {});
onReady(()=>{})
onPullDownRefresh(()=>{})
onReachBottom(()=>{})
</script>
<style lang="scss">
@import './style.scss';
</style>

45
userserve/aichitchat/style.scss Normal file
View File

@ -0,0 +1,45 @@
page{
background-color: #f6f6f6;
}
.main{
width: 100%;
height: 100vh;
overflow-x: auto;
.footer{
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 160;
background: #FFFFFF;
font-size: 30rpx;
padding-bottom: env(safe-area-inset-bottom);
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 20rpx;
padding-left: 20rpx;
padding-right: 20rpx;
border-top: 1rpx solid #efefef;
.footer_input{
width: 72%;
height: 68rpx;
background: #F7F7F7;
border-radius: 43rpx;
font-size: 28rpx;
padding-left: 20rpx;
padding-right: 20rpx;
}
.footer_btn{
width: 20%;
height: 64rpx;
background: #FF0000;
border-radius: 33rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 26rpx;
color: #FFFFFF;
}
}
}

12
userserve/aiserve/aiserve.vue
View File

@ -12,7 +12,7 @@
<view class="content_greetings"> <view class="content_greetings">
<view class="content_greetings_l"> <view class="content_greetings_l">
<image class="content_greetings_img" :src="timeImg" mode="widthFix"></image> <image class="content_greetings_img" :src="timeImg" mode="widthFix"></image>
<view class="content_greetings_btn"> <view class="content_greetings_btn" @click="onChat()">
<image class="content_greetings_btnimg" src="../../static/userserve/Chatting.png"></image> <image class="content_greetings_btnimg" src="../../static/userserve/Chatting.png"></image>
<text class="content_greetings_text">开始聊天</text> <text class="content_greetings_text">开始聊天</text>
</view> </view>
@ -30,8 +30,6 @@
<image class="content_hot_danmu_liimg" src="../../static/userserve/197.png" mode="widthFix"></image> <image class="content_hot_danmu_liimg" src="../../static/userserve/197.png" mode="widthFix"></image>
<text class="content_hot_danmu_li_text">{{item.text}}</text> <text class="content_hot_danmu_li_text">{{item.text}}</text>
</view> </view>
</view> </view>
</view> </view>
<view class="content_list"> <view class="content_list">
@ -62,11 +60,8 @@
<view class="content_list_desc">甜口红烧肉是一道经典的中式家常菜，特点是色泽红亮、肥而不腻、甜咸适中</view> <view class="content_list_desc">甜口红烧肉是一道经典的中式家常菜，特点是色泽红亮、肥而不腻、甜咸适中</view>
</view> </view>
</view> </view>
</view> </view>
<view style="height: 200px;"></view> <view style="height: 200px;"></view>
</view> </view>
</template> </template>
@ -211,6 +206,11 @@ const sendDanmu =()=> {
// 添加到弹幕列表 // 添加到弹幕列表
danmuList.value = (danmu); danmuList.value = (danmu);
} }
const onChat=()=>{
uni.navigateTo({
url:`/userserve/aichitchat/aichitchat`
})
}
onLoad((options) => { onLoad((options) => {
//初始化时判断是否显示返回按钮 //初始化时判断是否显示返回按钮
showBack.value = getPages(); showBack.value = getPages();

2
userserve/aiserve/style.scss
View File

@ -79,7 +79,7 @@ page{
margin-right: 10rpx; margin-right: 10rpx;
} }
.content_greetings_text{ .content_greetings_text{
font-size: 30rpx; font-size: 26rpx;
color: #FFFFFF; color: #FFFFFF;
} }
} }

6
userserve/clientserve/clientserve.vue
View File

@ -89,7 +89,7 @@
<image class="footer_telimg" src="../../static/userserve/tel.png"></image> <image class="footer_telimg" src="../../static/userserve/tel.png"></image>
<view class="footer_tel_text">热线电话</view> <view class="footer_tel_text">热线电话</view>
</view> </view>
<view class="footer_btn">在线客服<text class="footer_btn_text">（07:00-23:00</text></view> <button open-type="contact" bindcontact="handleContact" session-from="sessionFrom" class="footer_btn">在线客服<text class="footer_btn_text">（07:00-23:00)</text></button>
</view> </view>
</view> </view>
</template> </template>
@ -136,6 +136,10 @@ const detail=()=>{
url:`/userserve/clientservedetail/clientservedetail` url:`/userserve/clientservedetail/clientservedetail`
}) })
}; };
const handleContact=()=>{
console.log(e.detail.path)
console.log(e.detail.query)
};
onLoad((options) => { onLoad((options) => {
//初始化时判断是否显示返回按钮 //初始化时判断是否显示返回按钮
showBack.value = getPages(); showBack.value = getPages();

8
userserve/clientserve/style.scss
View File

@ -127,8 +127,9 @@ page{
} }
.content_x{ .content_x{
color: #000000; color: #000000;
font-size: 30rpx; font-size: 28rpx;
margin-top: 27rpx; margin-top: 27rpx;
font-weight: 500;
} }
.class_scroll{ .class_scroll{
white-space: nowrap; white-space: nowrap;
@ -227,7 +228,7 @@ page{
color: #666666; color: #666666;
font-size: 20rpx; font-size: 20rpx;
text-align: center; text-align: center;
margin-top: 10rpx; margin-top: 5rpx;
} }
} }
.footer_btn{ .footer_btn{
@ -240,9 +241,10 @@ page{
color: #FD3F3F; color: #FD3F3F;
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
background-color: #FFFFFF;
.footer_btn_text{ .footer_btn_text{
color: #999999; color: #999999;
font-size: 20rpx; font-size: 24rpx;
} }
} }
} }

81
userserve/favorite/favorite.vue Normal file
View File

@ -0,0 +1,81 @@
<template>
<view class="main">
<view class="list">
<view class="list_l">
<image class="list_img" src="../../static/Mask.png" mode="widthFix"></image>
</view>
<view class="list_r">
<view class="list_title">糖醋排骨</view>
<view class="list_tag">
<view class="list_li">半小时送达</view>
<view class="list_li">劲辣胃浓</view>
</view>
<view class="list_bottom">
<view class="list_price price">43.9<text class="market_name prices">59.9</text></view>
<view class="list_shop_cart">
<image class="list_cart_img" src="../../static/oncatr01.png" mode="widthFix"></image>
</view>
</view>
</view>
</view>
<view class="list">
<view class="list_l">
<image class="list_img" src="../../static/Mask.png" mode="widthFix"></image>
</view>
<view class="list_r">
<view class="list_title">糖醋排骨</view>
<view class="list_tag">
<view class="list_li">半小时送达</view>
<view class="list_li">劲辣胃浓</view>
</view>
<view class="list_bottom">
<view class="list_price price">43.9<text class="market_name prices">59.9</text></view>
<view class="list_shop_cart">
<image class="list_cart_img" src="../../static/oncatr01.png" mode="widthFix"></image>
</view>
</view>
</view>
</view>
<view class="list">
<view class="list_l">
<image class="list_img" src="../../static/Mask.png" mode="widthFix"></image>
</view>
<view class="list_r">
<view class="list_title">糖醋排骨</view>
<view class="list_tag">
<view class="list_li">半小时送达</view>
<view class="list_li">劲辣胃浓</view>
</view>
<view class="list_bottom">
<view class="list_price price">43.9<text class="market_name prices">59.9</text></view>
<view class="list_shop_cart">
<image class="list_cart_img" src="../../static/oncatr01.png" mode="widthFix"></image>
</view>
</view>
</view>
</view>
</view>
</template>
<script setup>
import { computed,ref,onMounted,onUnmounted,getCurrentInstance,nextTick } from 'vue';
import { useCounterStore } from '@/store/counter'; // 引入 Pinia Store
import { storeToRefs } from 'pinia';//实现解构付值
import { onLoad,onShow,onPullDownRefresh,onPageScroll,onReachBottom,onReady } from "@dcloudio/uni-app"
const counterStore = useCounterStore(); // 使用 Store
const { proxy } = getCurrentInstance();
//使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新)
const {statusHeight,headerHeight,statusBartop,ButtonWidth,ButtonHeight } = storeToRefs(counterStore);
onLoad((options) => {
});
onShow(() => {});
onReady(()=>{})
onPullDownRefresh(()=>{})
onReachBottom(()=>{})
</script>
<style lang="scss">
@import './style.scss';
</style>

91
userserve/favorite/style.scss Normal file
View File

@ -0,0 +1,91 @@
page{
background-color: #f6f6f6;
}
.main{
.list{
margin: 20rpx 20rpx 0rpx 20rpx;
padding: 20rpx;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 16rpx;
.list_l{
width:150rpx;
height:150rpx;
position: relative;
.list_img{
width:150rpx;
height:150rpx;
position: absolute;
z-index: 1;
top: 0;
border-radius: 10rpx;
}
}
.list_r{
width: 480rpx;
.list_title{
font-size: 28rpx;
color: #000000;
font-weight: 500;
}
.list_tag{
display: flex;
flex-wrap: wrap;
.list_li{
border-radius: 6rpx 6rpx 6rpx 6rpx;
border: 1px solid #FF6868;
padding: 0rpx 10rpx 0rpx 10rpx;
border-radius: 10rpx;
color: #FF6868;
font-size: 18rpx;
margin-top: 10rpx;
margin-right: 10rpx;
}
}
.list_bottom{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 12rpx;
.list_price{
font-size: 32rpx;
color: #FF0000;
font-weight: 500;
}
.list_shop_cart{
width: 65rpx;
height: 65rpx;
display: flex;
align-items: center;
justify-content: flex-end;
.list_cart_img{
width: 50rpx;
height: 50rpx;
}
}
}
}
}
.price::before {
content: '¥';
font-size: 24rpx;
margin-right: 5rpx;
}
.prices::before {
content: '¥';
font-size: 20rpx;
margin-right: 5rpx;
margin-left: 5rpx;
}
.market_name{
color: #999999;
font-size: 23rpx;
text-decoration: line-through;
margin-left: 5rpx;
font-weight: 400;
}
}

68
userserve/location/location.vue
View File

@ -1,6 +1,56 @@
<template> <template>
<view class="main"> <view class="main">
<view class="location">
<view class="location_title">当前定位</view>
</view>
<view class="location_cont flex">
<view class="location_name" @click="addressBack">财富海景花园</view>
<view class="location_btn" @click="refresh"><image class="location_img" src="../../static/userserve/location.png" mode="widthFix"></image>重新定位</view>
</view>
<view class="location">
<view class="location_title">我的地址</view>
<view class="location_button" @click="addressList">管理</view>
</view>
<view class="location_cont location_padding">
<view class="location_list flex" @click="addressBack">
<view class="location_l">
<view class="location_address">
<text class="location_default">默认</text>
<text class="location_address_text">汤臣一品-20号楼2306室</text>
</view>
<view class="location_user"><text class="location_user_name">悟语先生</text><text class="location_user_tel">15221678099</text></view>
</view>
<view class="location_r location_acty">
<image class="location_acty_img" src="../../static/selected.png"></image>
</view>
</view>
<view class="location_list flex" @click="addressBack">
<view class="location_l">
<view class="location_address">
<text class="location_address_text">花木街道浦东新区机关事务管理局人民政府-20号楼2306室</text>
</view>
<view class="location_user"><text class="location_user_name">悟语先生</text><text class="location_user_tel">15221678099</text></view>
</view>
<!-- <view class="location_r"></view> -->
</view>
</view>
<view class="location">
<view class="location_title">附近地址</view>
</view>
<view class="location_cont location_padding">
<view class="location_item" @click="addressBack">浦茗荟(陆家嘴店)</view>
<view class="location_item" @click="addressBack">汇豪天下-7号楼</view>
<view class="location_item" @click="addressBack">臻邦游泳健身中心(财富海景店</view>
<view class="location_item" @click="addressBack">优涵游泳俱乐部·YHSC(财富海景店)</view>
<view class="location_item" @click="addressBack">财富海景花园-6号楼</view>
</view>
<view style="height: 200rpx;"></view>
<view class="footer">
<view class="footer_btn" @click="addressEdit">新增地址</view>
</view>
</view> </view>
</template> </template>
@ -13,6 +63,24 @@ const counterStore = useCounterStore(); // 使用 Store
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
//使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新) //使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新)
const {statusHeight,headerHeight,statusBartop } = storeToRefs(counterStore); const {statusHeight,headerHeight,statusBartop } = storeToRefs(counterStore);
const addressList=()=>{
uni.navigateTo({
url:`/userserve/addressList/addressList`
})
};
const addressBack=()=>{
uni.navigateBack({
delta:1
})
};
const refresh=()=>{
console.log('刷新定位');
};
const addressEdit=()=>{
uni.navigateTo({
url:`/userserve/addressEdit/addressEdit`
})
};
onLoad((options) => {}); onLoad((options) => {});
onShow(() => {}); onShow(() => {});
onReady(()=>{}) onReady(()=>{})

143
userserve/location/style.scss
View File

@ -2,5 +2,146 @@ page{
background-color: #f6f6f6; background-color: #f6f6f6;
} }
.main{ .main{
.location{
display: flex;
align-items: center;
justify-content: space-between;
margin: 0rpx 20rpx 0rpx 20rpx;
padding: 10rpx 0rpx 0rpx 0rpx;
.location_title{
font-size: 28rpx;
color: #7f7f7f;
padding: 20rpx 30rpx 20rpx 30rpx;
}
.location_button{
font-size: 28rpx;
color: #FD4955;
font-weight: 500;
padding: 20rpx 30rpx 20rpx 30rpx;
}
}
.location_cont{
margin: 0rpx 30rpx 0rpx 30rpx;
padding: 30rpx;
background-color: #FFFFFF;
border-radius: 16rpx;
box-shadow: 0 4rpx 8rpx rgba(0,0,0,.05);
.location_name{
font-size: 28rpx;
font-weight: 500;
color: #333333;
width: 450rpx;
}
.location_btn{
color: #FD4955;
font-size: 28rpx;
font-weight: 500;
display: flex;
align-items: center;
.location_img{
width: 40rpx;
height: 40rpx;
margin-right: 10rpx;
}
}
.location_list{
padding-top: 30rpx;
padding-bottom: 30rpx;
border-bottom: 1rpx solid #f6f6f6;
.location_l{
.location_address{
.location_default{
font-size: 20rpx;
background-color: #fff4cd;
border-radius: 10rpx;
color: #f9d448;
margin-right: 10rpx;
padding: 2rpx 10rpx;
vertical-align: middle;
}
.location_address_text{
font-size: 28rpx;
font-weight: 500;
color: #333333;
vertical-align: middle;
}
}
.location_user{
font-size: 27rpx;
color: #7f7f7f;
margin-top: 10rpx;
.location_user_name{}
.location_user_tel{
margin-left: 20rpx;
}
}
}
.location_r{
width: 35rpx;
height: 35rpx;
border-radius: 50rpx;
border:1px solid #7f7f7f;
}
.location_acty{
border:1px solid #FD4955;
background-color: #FD4955;
display: flex;
align-items: center;
justify-content: center;
.location_acty_img{
width: 25rpx;
height: 25rpx;
display: block;
}
}
}
.location_item{
font-size: 28rpx;
font-weight: 500;
color: #333333;
padding: 30rpx 0 30rpx 0;
border-bottom: 1rpx solid #f6f6f6;
}
}
.flex{
display: flex;
align-items: center;
justify-content: space-between;
}
.location_pad{
padding: 0rpx 30rpx 30rpx 30rpx;
}
.location_padding{
padding: 0rpx 30rpx 0rpx 30rpx;
}
.footer{
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 160;
background: #FFFFFF;
font-size: 30rpx;
padding-bottom: env(safe-area-inset-bottom);
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 20rpx;
padding-left: 20rpx;
padding-right: 20rpx;
border-top: 1rpx solid #efefef;
.footer_btn{
width: 100%;
height: 85rpx;
background-color: #fd3f3f;
border-radius: 50rpx;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 28rpx;
}
}
} }