wangzimeng/zhongtuanCatering
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

使用商城源码，但是不全面升级为vue3

Browse Source
This commit is contained in:
wangzimeng 2025-07-16 14:46:59 +08:00
parent 0def47b3fb
commit c15433bb8f
32 changed files with 741 additions and 1135 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
main.js
View File

@ -1,21 +1,13 @@
import App from './App';
import {
createSSRApp
} from 'vue';
import {
setupPinia
} from './sheep/store';
import { createPinia } from 'pinia'
import uView from 'uview-plus';
import { createSSRApp } from 'vue';
import { setupPinia } from './sheep/store';
export function createApp() {
// Vue.use(uView);
const app = createSSRApp(App);
const pinia = createPinia()
app.use(pinia)
app.use(uView)
setupPinia(app);
const app = createSSRApp(App);
setupPinia(app);
return {
app,

2
manifest.json
View File

@ -1,5 +1,5 @@
{
"name": "Shopro",
"name": "团餐宝典",
"appid": "__UNI__B256060",
"description": "Shopro是由SheepJS团队开发，使用Uniapp+Vue3技术驱动的在线商城系统，内含诸多功能与丰富的活动，期待您的使用和反馈。",
"versionName": "3.1.0",

4
package.json
View File

@ -90,11 +90,9 @@
"dayjs": "^1.11.9",
"lodash": "^4.17.21",
"luch-request": "^3.1.0",
"pinia": "^2.1.4",
"pinia": "2.1.4",
"pinia-plugin-persist-uni": "1.2.0",
"qs-canvas": "^1.0.11",
"uview-plus": "^3.4.51",
"vue": "^3.5.17",
"weixin-js-sdk": "^1.6.0"
},
"devDependencies": {

4
pages/index/components/third-one.vue
View File

@ -46,10 +46,6 @@
activeMenu: [Number, String],
pagination: Object,
});
onload(() => {
console.log('onload',props.data.children[activeMenu].children);
})
</script>
<style lang="scss" scoped>

9
pages/index/fabu.vue
View File

@ -1,9 +0,0 @@
<template>
<view>发布</view>
</template>
<script>
</script>
<style>
</style>

387
pages/index/index.vue
View File

@ -1,82 +1,28 @@
<template>
<view v-if="template" class="recharge flex align-items justify-start flex-column" :style="{
zIndex: '-1',
backgroundPosition: 'top',
backgroundRepeat: 'no-repeat',
}">
<s-layout title="团餐宝典" navbar="custom" tabbar="/pages/index/index" :bgStyle="template.style?.background"
:navbarStyle="template.style?.navbar" onShareAppMessage :showFloatButton="true">
<view class="box" style="position: relative;">
<!-- logo
<view class="logo_css">
<view class="logo_name">团餐宝典</view>
<view class="logo_con">寻味餐饮铺 商机在线等</view>
</view>-->
<view class="top-content">
<!-- 省市
<view class="top_location">
<image style="width: 34rpx;height: 34rpx;margin-right: 10rpx;" src="/static/index/locationTop.png" mode=""></image>
<view>河南省 洛阳市</view>
</view>-->
<!-- 搜索
<view class="serch_top">
<view class="serch_top1">
<u-search class="u-search" v-model="keywords" placeholder="搜索您要找的内容" :showAction="false"
search-icon="/static/index/search.png" @change="search()">
</u-search>
</view>
</view>-->
</view>
<!-- 轮播图
<view>
<scroll-view scroll-x="true"></scroll-view>
</view>-->
</view>
</s-layout>
<!-- <tab-bar :tabBarShow="0"></tab-bar> -->
</view>
<s-tabbar v-if="tabbar !== ''" :path="tabbar" />
<!-- <view v-if="template">
<s-layout title="首页" navbar="custom" tabbar="/pages/index/index" :bgStyle="template.style?.background"
:navbarStyle="template.style?.navbar" onShareAppMessage :showFloatButton="true">
</s-layout>
<view v-if="template">
<s-layout
title="首页"
navbar="custom"
tabbar="/pages/index/index"
:bgStyle="template.style?.background"
:navbarStyle="template.style?.navbar"
onShareAppMessage
:showFloatButton="true"
>
<s-block v-for="(item, index) in template.data" :key="index" :styles="item.style">
<s-block-item :type="item.type" :data="item.data" :styles="item.style" />
</s-block>
广告模块
<!-- 广告模块 -->
<s-popup-image />
</view> -->
</s-layout>
</view>
</template>
<script setup>
import {
computed,
ref,
reactive
} from 'vue';
import {
onLoad,
onPageScroll,
onPullDownRefresh
} from '@dcloudio/uni-app';
import { computed } from 'vue';
import { onLoad, onPageScroll, onPullDownRefresh } from '@dcloudio/uni-app';
import sheep from '@/sheep';
import $share from '@/sheep/platform/share';
// import {
// dateWeek
// } from '../../utils/dateFormat'
const swiperList = ref([]);
const keywords = ref(''); // 确保 keywords 是响应式数据
// 隐藏原生tabBar
uni.hideTabBar({
@ -121,305 +67,4 @@
onPageScroll(() => {});
</script>
<style lang="scss" scoped>
.w-100 {
width: 100%;
}
.flex {
display: flex;
}
.justify-center {
justify-content: center;
}
.space-between {
justify-content: space-between;
}
.align-items {
align-items: center;
}
.flex-column {
flex-flow: column;
}
.justify-start {
justify-content: start;
}
.mar-top-30 {
margin-top: 30rpx;
}
.recharge {
width: 750rpx;
height: 100vh;
background-color: #f7f7f7;
background: linear-gradient(to bottom, #fcc74e 0%, #f7f7f7 50%);;
// background-image: url("https://naweigetetest2.hschool.com.cn/dyqc/bgx2.png");
background-size: 100%;
.box {
width: 690rpx;
margin-top: 30rpx;
.logo_css {
width: 430rpx;
height: 80rpx;
display: flex;
align-items: first baseline;
justify-content: flex-start;
// #ifdef MP-WEIXIN
margin-top: 65rpx;
// #endif
.logo_name{
color: #333333;
font-size: 38rpx;
font-weight: 400;
font-weight: bold;
font-family: PingFang SC-Bold;
line-height: 38rpx;
margin-right: 20rpx;
}
.logo_con {
color: #333333;
font-size: 26rpx;
font-weight: 400;
font-family: PingFang SC-Regular;
line-height: 26rpx;
}
}
.top-content{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.top_location{
width: 45%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.serch_top {
display: flex;
position: relative;
// top: 200rpx;
.serch_top1 {
margin-top: 10rpx;
margin-bottom: 30rpx;
position: relative;
width: 400rpx;
border-radius: 20rpx;
.u-search {
width: 100%;
border-radius: 20rpx;
background-color: #ffffff;
::v-deep .u-search__content {
background: rgba($color: #FFFFFF,$alpha: 1) !important;
}
::v-deep .u-search__content__input {
background-color: rgba($color: #FFFFFF,$alpha: 1) !important;
}
::v-deep .u-icon__img {
width: 36rpx !important;
height: 36rpx !important;
}
}
}
.imgstop_ye {
// margin-left: 30rpx;
width: 176rpx;
position: absolute;
right: -30rpx;
}
}
}
.hot {
// margin-top: 30rpx;
margin-bottom: 50rpx;
}
}
}
.white-space {
overflow: hidden;
/* 确保超出容器的文本被隐藏 */
white-space: nowrap;
/* 确保文本在一行内显示 */
text-overflow: ellipsis;
/* 使用省略号表示被截断的文本 */
width: 100%;
}
</style>
<style lang="scss">
.serch_top {
background-color: #ffffff;
.u-search {
border-radius: 20rpx;
::v-deep .u-search__content {
background: rgba($color: #FFFFFF,$alpha: 1) !important;
}
::v-deep .u-search__content__input {
background-color: rgba($color: #FFFFFF,$alpha: 1) !important;
}
::v-deep .u-icon__img {
width: 36rpx !important;
height: 36rpx !important;
}
}
}
.swiper_s {
width: 100%;
height: 100%;
}
.swiper-image {
width: 100%;
height: 100%;
border-radius: 36rpx;
object-fit: contain;
}
.text {
position: absolute;
/* 确保文字在模糊背景之上 */
z-index: 200;
/* 提高z-index以确保文字位于最上层 */
font-family: "YouSheBiaoTiHei";
font-weight: 400;
font-size: 38rpx;
color: #ffffff;
text-align: center;
width: 100%;
bottom: 70rpx;
transform: translateZ(0);
}
.fnon_tit {
position: absolute;
left: 5%;
z-index: 1;
width: 630rpx;
height: 117rpx;
line-height: 100rpx;
background: rgba(0, 0, 0, 0.24);
backdrop-filter: blur(4px);
border-radius: 36rpx;
bottom: 30rpx;
}
// .fnon_tit::before {
// content: "";
// position: absolute;
// top: 0;
// left: 0;
// right: 0;
// bottom: 0;
// backdrop-filter: blur(4px);
// /* 调整模糊程度 */
// pointer-events: none;
// /* 确保模糊效果不会干扰点击事件 */
// border-radius: 36rpx;
// z-index: 0;
// /* 确保伪元素在背景和文字之间 */
// }
.dots {
position: absolute;
bottom: 50rpx;
width: 100%;
display: flex;
justify-content: center;
.dot {
background-color: #ffffff;
width: 30rpx;
height: 6rpx;
border-radius: 0;
margin-right: 10rpx;
&.active {
background: #0DAE11;
// transform: scale(0.9);
}
}
}
.line-row {
margin: 40rpx 0rpx;
height: 1rpx;
width: 100%;
background: #eeeeee;
}
.input {
text-align: right;
font-family: PingFang SC, PingFang SC;
font-size: 26rpx;
color: #343434;
line-height: 32rpx;
}
.plasty {
color: #999999;
font-weight: 300;
font-size: 28rpx;
}
.textarea_mph {
::v-deep .u-textarea {
height: 237rpx;
padding: 20rpx;
border: none;
font-size: 26rpx;
color: #9C9C9C;
background-color: #F8F8F8 !important;
border-radius: 18rpx;
}
}
.btn_1 {
width: 100%;
height: 90rpx;
background: #323232;
border-radius: 198rpx 198rpx 198rpx 198rpx;
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
font-size: 32rpx;
color: #BBFC5B;
line-height: 90rpx;
text-align: center;
margin-top: 50rpx;
}
</style>
<style></style>

2
pages/index/user.vue
View File

@ -1,6 +1,6 @@
<template>
<s-layout
title="个人中心"
title="我的"
tabbar="/pages/index/user"
navbar="custom"
:bgStyle="template.style?.background"

25
project.config.json
View File

@ -1,25 +0,0 @@
{
"setting": {
"es6": true,
"postcss": true,
"minified": true,
"uglifyFileName": false,
"enhance": true,
"packNpmRelationList": [],
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"useCompilerPlugins": false,
"minifyWXML": true
},
"compileType": "miniprogram",
"simulatorPluginLibVersion": {},
"packOptions": {
"ignore": [],
"include": []
},
"appid": "wx7186c52223ec81e8",
"editorSetting": {}
}

14
project.private.config.json
View File

@ -1,14 +0,0 @@
{
"libVersion": "3.8.11",
"projectname": "zhongtuanCatering",
"setting": {
"urlCheck": true,
"coverView": true,
"lazyloadPlaceholderEnable": false,
"skylineRenderEnable": false,
"preloadBackgroundData": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"compileHotReLoad": false
}
}

4
sheep/components/s-block-item/s-block-item.vue
View File

@ -1,14 +1,12 @@
<template>
<view>
<s-image-block v-if="type === 'imageBlock'" :data="data" :styles="styles" />
<!-- 首页顶部轮播图 -->
<s-image-banner v-if="type === 'imageBanner'" :data="data" :styles="styles" />
<s-video-block v-if="type === 'videoPlayer'" :data="data" :styles="styles" />
<s-image-cube v-if="type === 'imageCube'" :data="data" :styles="styles" />
<s-notice-block v-if="type === 'noticeBlock'" :data="data" />
<s-search-block v-if="type === 'searchBlock'" :data="data" :navbar="false" />
<!-- 首页精选榜单&查看更多 -->
<s-title-block v-if="type === 'titleBlock'" :data="data" :styles="styles" />
<s-line-block v-if="type === 'lineBlock'" :data="data" />
@ -18,11 +16,9 @@
<s-user-card v-if="type === 'userCard'" />
<s-wallet-card v-if="type === 'walletCard'" />
<!-- 个人中心的订单的那一行 -->
<s-order-card v-if="type === 'orderCard'" :data="data" />
<s-coupon-card v-if="type === 'couponCard'" />
<!-- 首页精选商品列表 -->
<s-goods-card v-if="type === 'goodsCard'" :data="data" :styles="styles" />
<s-score-block v-if="type === 'scoreGoods'" :data="data" :styles="styles" />
<s-goods-shelves v-if="type === 'goodsShelves'" :data="data" :styles="styles" />

2
sheep/components/s-goods-card/s-goods-card.vue
View File

@ -1,7 +1,7 @@
<template>
<!-- 商品卡片 -->
<view>
<!-- 1 100%宽卡片列表 单列展示-->
<!-- 1 100%宽卡片列表-->
<view v-if="mode === 1 && state.goodsList.length" class="goods-sl-box">
<view
class="goods-box"

1
sheep/components/s-image-cube/s-image-cube.vue
View File

@ -7,7 +7,6 @@
@tap="sheep.$router.go(item.url)"
>
<image class="cube-img" :src="sheep.$url.cdn(item.src)" mode="aspectFill"></image>
s-image-cube
</view>
</view>
</view>

1
sheep/components/s-popup-image/s-popup-image.vue
View File

@ -21,7 +21,6 @@
</view>
</su-popup>
</view>
<!-- <view>11</view> -->
</view>
</template>

3
sheep/config/index.js
View File

@ -12,8 +12,7 @@ if (process.env.NODE_ENV === 'development') {
if (typeof baseUrl === 'undefined') {
console.error('请检查.env配置文件是否存在');
} else {
// console.log(`[Shopro ${version}] https://www.sheepjs.com/`);
console.log(`[Shopro ${version}] https://jiangxiaoxian.hschool.com.cn/`);
console.log(`[Shopro ${version}] https://www.sheepjs.com/`);
}
export const apiPath = import.meta.env.SHOPRO_API_PATH;

20
sheep/ui/su-image/su-image.vue
View File

@ -1,8 +1,15 @@
<template>
<image v-if="!state.isError" class="su-img" :style="customStyle" :draggable="false" :mode="mode"
:src="sheep.$url.cdn(src)" @tap="onImgPreview" @load="onImgLoad" @error="onImgError">
<!-- su-image -->
</image>
<image
v-if="!state.isError"
class="su-img"
:style="customStyle"
:draggable="false"
:mode="mode"
:src="sheep.$url.cdn(src)"
@tap="onImgPreview"
@load="onImgLoad"
@error="onImgError"
></image>
</template>
<script setup>
@ -20,10 +27,7 @@
*
*/
import {
reactive,
computed
} from 'vue';
import { reactive, computed } from 'vue';
import sheep from '@/sheep';
// 组件数据

87
sheep/ui/su-swiper/su-swiper.vue
View File

@ -1,30 +1,63 @@
<template>
<!-- 首页banner图 -->
<view>
<view class="ui-swiper" :class="[props.mode, props.bg, props.ui]">
<swiper :circular="props.circular" :current="state.cur" :autoplay="props.autoplay && !state.videoPlaySataus"
:interval="props.interval" :duration="props.duration" @transition="transition"
@animationfinish="animationfinish" :style="customStyle" @change="swiperChange">
<swiper-item class="swiper-item" v-for="(item, index) in props.list" :key="index"
:class="{ cur: state.cur == index }" @tap="onSwiperItem(item)">
<swiper
:circular="props.circular"
:current="state.cur"
:autoplay="props.autoplay && !state.videoPlaySataus"
:interval="props.interval"
:duration="props.duration"
@transition="transition"
@animationfinish="animationfinish"
:style="customStyle"
@change="swiperChange"
>
<swiper-item
class="swiper-item"
v-for="(item, index) in props.list"
:key="index"
:class="{ cur: state.cur == index }"
@tap="onSwiperItem(item)"
>
<view class="ui-swiper-main">
<image v-if="item.type === 'image'" class="swiper-image" :mode="props.imageMode" :src="item.src"
width="100%" height="100%" @load="onImgLoad"></image>
<su-video v-else :ref="(el) => (refs.videoRef[`video_${index}`] = el)"
:poster="sheep.$url.cdn(item.poster)" :src="sheep.$url.cdn(item.src)" :index="index"
:moveX="state.moveX" :initialTime="item.currentTime || 0" @videoTimeupdate="videoTimeupdate"
:height="seizeHeight"></su-video>
<image
v-if="item.type === 'image'"
class="swiper-image"
:mode="props.imageMode"
:src="item.src"
width="100%"
height="100%"
@load="onImgLoad"
></image>
<su-video
v-else
:ref="(el) => (refs.videoRef[`video_${index}`] = el)"
:poster="sheep.$url.cdn(item.poster)"
:src="sheep.$url.cdn(item.src)"
:index="index"
:moveX="state.moveX"
:initialTime="item.currentTime || 0"
@videoTimeupdate="videoTimeupdate"
:height="seizeHeight"
></su-video>
</view>
</swiper-item>
</swiper>
<template v-if="!state.videoPlaySataus">
<view class="ui-swiper-dot" :class="props.dotStyle" v-if="props.dotStyle != 'tag'">
<view class="line-box" v-for="(item, index) in props.list" :key="index"
:class="[state.cur == index ? 'cur' : '', props.dotCur]"></view>
<view
class="line-box"
v-for="(item, index) in props.list"
:key="index"
:class="[state.cur == index ? 'cur' : '', props.dotCur]"
></view>
</view>
<view class="ui-swiper-dot" :class="props.dotStyle" v-if="props.dotStyle == 'tag'">
<view class="ui-tag radius-lg" :class="[props.dotCur]"
style="pointer-events: none; padding: 0 10rpx">
<view
class="ui-tag radius-lg"
:class="[props.dotCur]"
style="pointer-events: none; padding: 0 10rpx"
>
<view style="transform: scale(0.7)">{{ state.cur + 1 }} / {{ props.list.length }}</view>
</view>
</view>
@ -53,14 +86,9 @@
* @example list = [{url:'跳转路径',urlType:'跳转方式',type:'轮播类型',src:'轮播内容地址',poster:'视频必传'}]
*/
import {
reactive,
computed
} from 'vue';
import { reactive, computed } from 'vue';
import sheep from '@/sheep';
import {
clone
} from 'lodash';
import { clone } from 'lodash';
// 数据
const state = reactive({
@ -179,9 +207,10 @@
// );
// let previewImage = props.list;
uni.previewImage({
urls: previewImage.length < 1 ?
[props.src] :
previewImage.reduce((pre, cur) => {
urls:
previewImage.length < 1
? [props.src]
: previewImage.reduce((pre, cur) => {
pre.push(cur.src);
return pre;
}, []),
@ -257,12 +286,9 @@
.ui-swiper-main {
width: 100%;
height: 100%;
position: relative;
top: 400rpx;
}
.ui-swiper-main .swiper-image {
width: 100%;
height: 100%;
}
@ -318,7 +344,8 @@
opacity: 1;
}
&.cur::after {}
&.cur::after {
}
}
&.line {

1
sheep/ui/su-video/su-video.vue
View File

@ -20,7 +20,6 @@
@ended="end"
:poster="poster"
>
<!-- su-video -->
</video>
<!-- #endif -->
<!-- #ifdef APP-PLUS -->

BIN
static/index/home.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 930 B

BIN
static/index/homeSeleced.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 953 B

BIN
static/index/hot.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 KiB

BIN
static/index/locationList.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 994 B

BIN
static/index/locationTop.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
static/index/logo1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 22 KiB

BIN
static/index/my.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1016 B

BIN
static/index/mySeleced.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1007 B

BIN
static/index/nextMore.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 493 B

BIN
static/index/release.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
static/index/rent.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 54 KiB

BIN
static/index/school.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.5 KiB

BIN
static/index/search.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 157 B

BIN
static/index/shoppingMall.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.6 KiB

BIN
static/index/topBack.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB