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

main.js

@@ -1,21 +1,13 @@
 import App from './App';
-import {
+import { createSSRApp } from 'vue';
-	createSSRApp
+import { setupPinia } from './sheep/store';
-} from 'vue';
+
-import {
-	setupPinia
-} from './sheep/store';
-import { createPinia } from 'pinia'
-import uView from 'uview-plus';
 
 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,

manifest.json

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

package.json

@@ -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": {

pages/index/components/third-one.vue

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

pages/index/fabu.vue

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

pages/index/index.vue

@@ -1,82 +1,28 @@
 <template>
-	<view v-if="template" class="recharge flex align-items justify-start flex-column" :style="{
+  <view v-if="template">
-		zIndex: '-1',
+    <s-layout
-		backgroundPosition: 'top',
+      title="首页"
-		backgroundRepeat: 'no-repeat',
+      navbar="custom"
-	}">
+      tabbar="/pages/index/index"
-	<s-layout title="团餐宝典" navbar="custom" tabbar="/pages/index/index" :bgStyle="template.style?.background"
+      :bgStyle="template.style?.background"
-		:navbarStyle="template.style?.navbar" onShareAppMessage :showFloatButton="true">
+      :navbarStyle="template.style?.navbar"
-		<view class="box" style="position: relative;">
+      onShareAppMessage
-			<!-- logo 
+      :showFloatButton="true"
-			<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>
-		
       <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 {
+  import { computed } from 'vue';
-		computed,
+  import { onLoad, onPageScroll, onPullDownRefresh } from '@dcloudio/uni-app';
-		ref,
-		reactive
-	} 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>
+<style></style>
-	.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>

pages/index/user.vue

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

project.config.json

@@ -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": {}
-}

project.private.config.json

@@ -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
-  }
-}

sheep/components/s-block-item/s-block-item.vue

@@ -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" />

sheep/components/s-goods-card/s-goods-card.vue

@@ -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"

sheep/components/s-image-cube/s-image-cube.vue

@@ -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>

sheep/components/s-popup-image/s-popup-image.vue

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

sheep/config/index.js

@@ -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://www.sheepjs.com/`);
-  console.log(`[Shopro ${version}]  https://jiangxiaoxian.hschool.com.cn/`);
 }
 
 export const apiPath = import.meta.env.SHOPRO_API_PATH;

sheep/ui/su-image/su-image.vue

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

sheep/ui/su-swiper/su-swiper.vue

@@ -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"
+      <swiper
-				:interval="props.interval" :duration="props.duration" @transition="transition"
+        :circular="props.circular"
-				@animationfinish="animationfinish" :style="customStyle" @change="swiperChange">
+        :current="state.cur"
-				<swiper-item class="swiper-item" v-for="(item, index) in props.list" :key="index"
+        :autoplay="props.autoplay && !state.videoPlaySataus"
-					:class="{ cur: state.cur == index }" @tap="onSwiperItem(item)">
+        :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"
+            <image
-							width="100%" height="100%" @load="onImgLoad"></image>
+              v-if="item.type === 'image'"
-						<su-video v-else :ref="(el) => (refs.videoRef[`video_${index}`] = el)"
+              class="swiper-image"
-							:poster="sheep.$url.cdn(item.poster)" :src="sheep.$url.cdn(item.src)" :index="index"
+              :mode="props.imageMode"
-							:moveX="state.moveX" :initialTime="item.currentTime || 0" @videoTimeupdate="videoTimeupdate"
+              :src="item.src"
-							:height="seizeHeight"></su-video>
+              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"
+          <view
-						:class="[state.cur == index ? 'cur' : '', props.dotCur]"></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]"
+          <view
-						style="pointer-events: none; padding: 0 10rpx">
+            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 {
+  import { reactive, computed } from 'vue';
-		reactive,
-		computed
-	} from 'vue';
   import sheep from '@/sheep';
-	import {
+  import { clone } from 'lodash';
-		clone
-	} from 'lodash';
 
   // 数据
   const state = reactive({
@@ -179,9 +207,10 @@
     // );
     // let previewImage = props.list;
     uni.previewImage({
-			urls: previewImage.length < 1 ?
+      urls:
-				[props.src] :
+        previewImage.length < 1
-				previewImage.reduce((pre, cur) => {
+          ? [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 {

sheep/ui/su-video/su-video.vue

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