第一次上传
This commit is contained in:
@@ -0,0 +1,101 @@
|
||||
import { Service } from '@/Service/Service';
|
||||
/*****用户*****/
|
||||
class vpUserService {
|
||||
private static GetUserInfoPath : string = '/User/GetUserInfo';
|
||||
/*****获取用户信息*****/
|
||||
static GetUserInfo() {
|
||||
var result = Service.Request(this.GetUserInfoPath, 'GET', {});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static GetUserAccInfoPath : string = '/User/GetUserAccInfo';
|
||||
/*****获取用户账户信息*****/
|
||||
static GetUserAccInfo(page : number ,code:string) {
|
||||
var result = Service.Request(this.GetUserAccInfoPath, 'GET', { page , code });
|
||||
return result;
|
||||
}
|
||||
|
||||
private static UpdateUserPath : string = '/User/UpdateUser';
|
||||
/*****修改用户信息*****/
|
||||
static UpdateUser(headImg:string,nick:string,sex:string,phone:string) {
|
||||
var result = Service.Request(this.UpdateUserPath, 'POST', { headImg,nick,sex,phone });
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static PayMerchPath : string = '/Order/PayMerch';
|
||||
/*****支付*****/
|
||||
static PayMerch(merchId:string,amount:number,payway:string,openId:string,udId:string) {
|
||||
var result = Service.Request(this.PayMerchPath, 'POST', { merchId,amount,payway,openId,udId });
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static GetShareEwmPath : string = '/User/GetShareEwm';
|
||||
/*****获取用户二维码*****/
|
||||
static GetShareEwm() {
|
||||
var result = Service.Request(this.GetShareEwmPath, 'GET', { });
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static GetAddressInfoPath : string = '/User/GetAddressInfo';
|
||||
/*****根据经纬度获取地址*****/
|
||||
static GetAddressInfo(lon:number,lat:number) {
|
||||
var result = Service.Request(this.GetAddressInfoPath, 'GET', {lon ,lat});
|
||||
return result;
|
||||
}
|
||||
|
||||
private static CollectMerchPath : string = '/User/CollectMerch';
|
||||
/*****用户收藏*****/
|
||||
static CollectMerch(merchId:string) {
|
||||
var result = Service.Request(this.CollectMerchPath, 'POST', {merchId});
|
||||
return result;
|
||||
}
|
||||
|
||||
private static GetUserCollectListPath : string = '/User/GetUserCollectList';
|
||||
/*****用户收藏列表*****/
|
||||
static GetUserCollectList(lon:Number,lat:Number,page:number) {
|
||||
var result = Service.Request(this.GetUserCollectListPath, 'GET', {lon,lat,page});
|
||||
return result;
|
||||
}
|
||||
|
||||
private static GetUseRemListPath : string = '/User/GetUseRemList';
|
||||
/*****用户推广列表*****/
|
||||
static GetUseRemList(page:number) {
|
||||
var result = Service.Request(this.GetUseRemListPath, 'GET', {page});
|
||||
return result;
|
||||
}
|
||||
|
||||
private static ExchangeCardPath : string = '/Card/ExchangeCard';
|
||||
/*****绑定联盟卡*****/
|
||||
static ExchangeCard(logId:string,pwd:string) {
|
||||
var result = Service.Request(this.ExchangeCardPath, 'POST', {logId,pwd});
|
||||
return result;
|
||||
}
|
||||
|
||||
private static GetUserCodePath : string = '/User/GetUserCode';
|
||||
/*****获取会员码*****/
|
||||
static GetUserCode() {
|
||||
var result = Service.Request(this.GetUserCodePath, 'GET', {});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static GetNumberPhonePath : string = '/Login/GetNumberPhone';
|
||||
/*****获取手机号*****/
|
||||
static GetNumberPhone(code:string) {
|
||||
var result = Service.Request(this.GetNumberPhonePath, 'GET', {code});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static UpdateUserPhonePath : string = '/User/UpdateUserPhone';
|
||||
/*****绑定用户手机号*****/
|
||||
static UpdateUserPhone(phone:string) {
|
||||
var result = Service.Request(this.UpdateUserPhonePath, 'POST', {phone});
|
||||
return result;
|
||||
}
|
||||
}
|
||||
export { Service, vpUserService };
|
||||
@@ -0,0 +1,121 @@
|
||||
import { Service } from '@/Service/Service';
|
||||
/*****社区*****/
|
||||
class vpMerchService {
|
||||
private static GetMerchListPath: string = '/Merch/GetMerchList';
|
||||
/*****商家列表*****/
|
||||
static GetMerchList(assId: string,serch:string,lon:number,lat:number ,sort:number,codeSort:number ,page:number) {
|
||||
var result = Service.Request(this.GetMerchListPath, 'GET', {assId,serch,lon,lat,sort,codeSort,page});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static GetMerchInfoPath: string = '/Merch/GetMerchInfo';
|
||||
/*****店铺详情*****/
|
||||
static GetMerchInfo(merchId: string ,lon:number ,lat:number,page:number) {
|
||||
var result = Service.Request(this.GetMerchInfoPath, 'GET', {merchId,lon,lat,page});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static GetGoodsInfoPath: string = '/Merch/GetGoodsInfo';
|
||||
/*****商品详情*****/
|
||||
static GetGoodsInfo(goodsId: string,page:number) {
|
||||
var result = Service.Request(this.GetGoodsInfoPath, 'GET', {goodsId,page});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static GetMyMerchInfoPath: string = '/Merch/GetMyMerchInfo';
|
||||
/*****获取用户个人绑定商家*****/
|
||||
static GetMyMerchInfo() {
|
||||
var result = Service.Request(this.GetMyMerchInfoPath, 'GET', {});
|
||||
return result;
|
||||
}
|
||||
|
||||
private static UpdateMerchPath: string = '/Merch/UpdateMerch';
|
||||
/*****修改用户个人绑定商家*****/
|
||||
static UpdateMerch( assortId:string, logo:string, comId:string,name:string,showImg:string,phone:string,price:number,province:string,city:string,county:string,address:string,lon:number,lat:number,busTime:string,tag:string) {
|
||||
var result = Service.Request(this.UpdateMerchPath, 'POST', {assortId,logo,comId,name,showImg,phone,price,province,city,county,address,lon,lat,busTime,tag});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static GetMerchGoodsPath: string = '/Merch/GetMerchGoods';
|
||||
/*****获取商家商品列表*****/
|
||||
static GetMerchGoods(page:number) {
|
||||
var result = Service.Request(this.GetMerchGoodsPath, 'GET', {page});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static UpdateGoodsStatusPath: string = '/Merch/UpdateGoodsStatus';
|
||||
/*****修改商品上下架*****/
|
||||
static UpdateGoodsStatus(goodsId:string) {
|
||||
var result = Service.Request(this.UpdateGoodsStatusPath, 'POST', {goodsId});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static UpdateMerchGoodsPath: string = '/Merch/UpdateMerchGoods';
|
||||
/*****修改商品*****/
|
||||
static UpdateMerchGoods(goodsId:string,name:string,img:string,price:number,brief:string,status:number) {
|
||||
var result = Service.Request(this.UpdateMerchGoodsPath, 'POST', {goodsId,name,img,price,brief,status});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
private static DelGoodsPath: string = '/Merch/DelGoods';
|
||||
/*****删除商品*****/
|
||||
static DelGoods(goodsId:string) {
|
||||
var result = Service.Request(this.DelGoodsPath, 'POST', {goodsId});
|
||||
return result;
|
||||
}
|
||||
|
||||
private static GetUnitMerchInfoPath: string = '/Order/GetUnitMerchInfo';
|
||||
/*****商家详情*****/
|
||||
static GetUnitMerchInfo(merchId:string) {
|
||||
var result = Service.Request(this.GetUnitMerchInfoPath, 'GET', {merchId});
|
||||
return result;
|
||||
}
|
||||
|
||||
private static GetMerchOrderListPath: string = '/Merch/GetMerchOrderList';
|
||||
/*****获取商家订单列表*****/
|
||||
static GetMerchOrderList(time:string,page:number) {
|
||||
var result = Service.Request(this.GetMerchOrderListPath, 'GET', {time,page});
|
||||
return result;
|
||||
}
|
||||
private static GetMerchAssortPath: string = '/Merch/GetMerchAssort';
|
||||
/*****获取商家分类*****/
|
||||
static GetMerchAssort() {
|
||||
var result = Service.Request(this.GetMerchAssortPath, 'GET', {});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
|
||||
private static GetMerchAccInfoPath: string = '/Merch/GetMerchAccInfo';
|
||||
/*****获取商家积分详情*****/
|
||||
static GetMerchAccInfo( code:string, page:number) {
|
||||
var result = Service.Request(this.GetMerchAccInfoPath, 'GET', { code, page});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
|
||||
private static GetMerchOrderInfoPath: string = '/Merch/GetMerchOrderInfo';
|
||||
/*****获取商家订单详情*****/
|
||||
static GetMerchOrderInfo( orderId:string) {
|
||||
var result = Service.Request(this.GetMerchOrderInfoPath, 'GET', { orderId});
|
||||
return result;
|
||||
}
|
||||
|
||||
private static GetMerchRemListPath: string = '/Merch/GetMerchRemList';
|
||||
/*****获取商家推广列表*****/
|
||||
static GetMerchRemList( page:number) {
|
||||
var result = Service.Request(this.GetMerchRemListPath, 'GET', { page});
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
export { Service, vpMerchService };
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 567 B |
@@ -0,0 +1,326 @@
|
||||
<template>
|
||||
<view class="skeleton-shop-detail">
|
||||
<!-- 轮播图骨架 -->
|
||||
<view class="skeleton-swiper"></view>
|
||||
|
||||
<!-- 店铺信息卡片骨架 -->
|
||||
<view class="skeleton-shop-info">
|
||||
<!-- 店名行 -->
|
||||
<view class="skeleton-shop-name-row">
|
||||
<view class="skeleton-shop-name"></view>
|
||||
<view class="skeleton-actions">
|
||||
<view class="skeleton-action-pill"></view>
|
||||
<view class="skeleton-action-pill"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 统计信息 -->
|
||||
<view class="skeleton-stats">
|
||||
<view class="skeleton-stat-item"></view>
|
||||
<view class="skeleton-stat-divider"></view>
|
||||
<view class="skeleton-stat-item"></view>
|
||||
<view class="skeleton-stat-divider"></view>
|
||||
<view class="skeleton-stat-item"></view>
|
||||
</view>
|
||||
|
||||
<!-- 标签 -->
|
||||
<view class="skeleton-tags">
|
||||
<view class="skeleton-tag"></view>
|
||||
<view class="skeleton-tag"></view>
|
||||
<view class="skeleton-tag"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- Tab栏骨架 -->
|
||||
<view class="skeleton-tab-bar">
|
||||
<view class="skeleton-tab-item"></view>
|
||||
<view class="skeleton-tab-item"></view>
|
||||
<view class="skeleton-tab-item"></view>
|
||||
</view>
|
||||
|
||||
<!-- 商品列表骨架 -->
|
||||
<view class="skeleton-products">
|
||||
<view v-for="i in 3" :key="i" class="skeleton-product-item">
|
||||
<view class="skeleton-product-image"></view>
|
||||
<view class="skeleton-product-info">
|
||||
<view class="skeleton-product-name"></view>
|
||||
<view class="skeleton-product-desc"></view>
|
||||
<view class="skeleton-product-price-row">
|
||||
<view class="skeleton-product-price"></view>
|
||||
<view class="skeleton-product-sales"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.skeleton-shop-detail {
|
||||
min-height: 100vh;
|
||||
background: #F5F5F5;
|
||||
}
|
||||
|
||||
/* 状态栏 */
|
||||
.skeleton-status-bar {
|
||||
height: var(--status-bar-height);
|
||||
width: 100%;
|
||||
background: linear-gradient(135deg, #FF6B00, #FF9500);
|
||||
}
|
||||
|
||||
/* 导航栏 */
|
||||
.skeleton-nav-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 20rpx 24rpx;
|
||||
background: linear-gradient(135deg, #FF6B00, #FF9500);
|
||||
}
|
||||
|
||||
.skeleton-nav-back {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
border-radius: 8rpx;
|
||||
background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.3) 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading-white 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.skeleton-nav-title {
|
||||
flex: 1;
|
||||
height: 36rpx;
|
||||
margin: 0 24rpx;
|
||||
border-radius: 4rpx;
|
||||
background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.3) 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading-white 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.skeleton-nav-placeholder {
|
||||
width: 48rpx;
|
||||
}
|
||||
|
||||
/* 轮播图 */
|
||||
.skeleton-swiper {
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* 店铺信息卡片 */
|
||||
.skeleton-shop-info {
|
||||
background: #FFFFFF;
|
||||
margin: 20rpx;
|
||||
border-radius: 16rpx;
|
||||
padding: 24rpx;
|
||||
}
|
||||
|
||||
.skeleton-shop-name-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.skeleton-shop-name {
|
||||
flex: 1;
|
||||
height: 40rpx;
|
||||
width: 300rpx;
|
||||
border-radius: 4rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.skeleton-actions {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.skeleton-action-pill {
|
||||
width: 120rpx;
|
||||
height: 56rpx;
|
||||
border-radius: 28rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.skeleton-stats {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.skeleton-stat-item {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
}
|
||||
|
||||
.skeleton-stat-item:first-child {
|
||||
height: 80rpx;
|
||||
}
|
||||
|
||||
.skeleton-stat-item:nth-child(3) {
|
||||
height: 80rpx;
|
||||
}
|
||||
|
||||
.skeleton-stat-item::before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100rpx;
|
||||
height: 36rpx;
|
||||
border-radius: 4rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.skeleton-stat-item::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 80rpx;
|
||||
height: 28rpx;
|
||||
border-radius: 4rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.skeleton-stat-divider {
|
||||
width: 1rpx;
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
height: 80rpx;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.skeleton-tags {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.skeleton-tag {
|
||||
width: 140rpx;
|
||||
height: 48rpx;
|
||||
border-radius: 24rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* Tab栏 */
|
||||
.skeleton-tab-bar {
|
||||
background: #FFFFFF;
|
||||
display: flex;
|
||||
padding: 24rpx 20rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.skeleton-tab-item {
|
||||
flex: 1;
|
||||
height: 40rpx;
|
||||
border-radius: 4rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* 商品列表 */
|
||||
.skeleton-products {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.skeleton-product-item {
|
||||
background: #FFFFFF;
|
||||
border-radius: 12rpx;
|
||||
padding: 20rpx;
|
||||
margin-bottom: 16rpx;
|
||||
display: flex;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.skeleton-product-image {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
border-radius: 8rpx;
|
||||
flex-shrink: 0;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.skeleton-product-info {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.skeleton-product-name {
|
||||
height: 36rpx;
|
||||
width: 80%;
|
||||
border-radius: 4rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.skeleton-product-desc {
|
||||
height: 28rpx;
|
||||
width: 60%;
|
||||
border-radius: 4rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.skeleton-product-price-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.skeleton-product-price {
|
||||
width: 100rpx;
|
||||
height: 36rpx;
|
||||
border-radius: 4rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.skeleton-product-sales {
|
||||
width: 120rpx;
|
||||
height: 28rpx;
|
||||
border-radius: 4rpx;
|
||||
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
|
||||
background-size: 200% 100%;
|
||||
animation: loading 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes loading {
|
||||
0% {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
100% {
|
||||
background-position: -200% 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes loading-white {
|
||||
0% {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
100% {
|
||||
background-position: -200% 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user