feat:提交代码

src/config/app.ts

@@ -14,6 +14,8 @@ let httpApi = 'https://api.gdjbp.com'
 // let httpApi = 'http://192.168.1.77:8324'
 export const CDN_URL = 'https://cdn.bjtdba.com/chuxubao'
 export const CDM_URL = 'https://cdn.bjtdba.com/vod'
+export const IMG_CDN_URL='https://api.gdjbp.com/share/xcx/'
+export const ICON_CDN_URL='https://api.gdjbp.com/share/xcx/icon/'
 
 // 聊天接口修改此字符 小程序聊天要求wss 例如：wss://mer.crmeb.net
 let wsApi = ''

src/pages/home/components/movies.vue

@@ -1,12 +1,13 @@
 <script lang="ts" setup>
+	import { IMG_CDN_URL ,ICON_CDN_URL} from '~/config/app.ts'
 	const currentIndex = ref(0)
 
 	const moviesList = ref([
-		{
			img: '/static/img/video1.png',
+		{
			img: `${IMG_CDN_URL}video1.png`,
 			title: '误杀3'
		},
-		{
			img: '/static/img/video2.png',
-			title: '小小的我'
		}, {
			img: '/static/img/video3.png',
-			title: '"骗骗"喜欢你'
		}, {
			img: '/static/img/video4.png',
+		{
			img: `${IMG_CDN_URL}video2.png`,
+			title: '小小的我'
		}, {
			img: `${IMG_CDN_URL}video3.png`,
+			title: '"骗骗"喜欢你'
		}, {
			img: `${IMG_CDN_URL}video4.png`,
 			title: '帕丁顿熊3'
		}
 	])
 	function onItemClick(){

src/pages/home/components/navs.vue

@@ -126,6 +126,7 @@
 			}
 			case KINGKONGKEY.JCSH:{
 				uni.navigateTo({
+					
 					url: `/pages/quick-fuc/life?type=${item.key}&title=精彩生活`,
 				})
 				break

src/pages/home/constants.js

@@ -1,4 +1,5 @@
-import { KINGKONGKEY } from '../../apis/model/common.model.ts'
+import { KINGKONGKEY } from '~/apis/model/common.model.ts'
+import { IMG_CDN_URL ,ICON_CDN_URL} from '~/config/app.ts'
 export const TOP_LAB_ARR = [{
 		title: "精品",
 		checked: true,
@@ -113,252 +114,252 @@ export const PRODUCT_TAB_ARR = [{
 ];
 //热门
 export const NAVS_HOT_ARR = [{
-	image: `/static/icon/icon_vip.png`,
+	image: `${ICON_CDN_URL}icon_vip.png`,
 	title: '会员专区',
 	key: KINGKONGKEY.VIP,
 }, {
-	image: `/static/icon/icon_jcsh.png`,
+	image: `${ICON_CDN_URL}icon_jcsh.png`,
 	title: '精彩生活',
 	key: KINGKONGKEY.JCSH,
 }, {
-	image: `/static/icon/icon_sjzy.png`,
+	image: `${ICON_CDN_URL}icon_sjzy.png`,
 	title: '商贸专区',
 	key: KINGKONGKEY.SMZQ,
 }, {
-	image: `/static/icon/icon_fg.png`,
+	image: `${ICON_CDN_URL}icon_fg.png`,
 	title: '复购区',
 	key: KINGKONGKEY.FGQ,
 }, {
-	image: `/static/icon/icon_rx.png`,
+	image: `${ICON_CDN_URL}icon_rx.png`,
 	title: '热销榜单',
 	key: KINGKONGKEY.RXBD,
 }, {
-	image: `/static/icon/icon_jd.png`,
+	image: `${ICON_CDN_URL}icon_jd.png`,
 	title: '京东',
 	key: KINGKONGKEY.JD,
 }, {
-	image: `/static/icon/icon_pdd.png`,
+	image: `${ICON_CDN_URL}icon_pdd.png`,
 	title: '拼多多',
 	key: KINGKONGKEY.PDD,
 }, {
-	image: `/static/icon/icon_vph.png`,
+	image: `${ICON_CDN_URL}icon_vph.png`,
 	title: '唯品会',
 	key: KINGKONGKEY.WPH,
 }, {
-	image: `/static/icon/home_suningyigou_220920.png`,
+	image: `${ICON_CDN_URL}home_suningyigou_220920.png`,
 	title: '苏宁易购',
 	key: KINGKONGKEY.SN,
 }, {
-	image: `/static/icon/douyin_x_230313.png`,
+	image: `${ICON_CDN_URL}douyin_x_230313.png`,
 	title: '抖音',
 	key: KINGKONGKEY.DY,
 }, {
-	image: `/static/icon/icon_ks.png`,
+	image: `${ICON_CDN_URL}icon_ks.png`,
 	title: '快手',
 	key: KINGKONGKEY.KS,
 }, {
-	image: `/static/icon/icon_dd.png`,
+	image: `${ICON_CDN_URL}icon_dd.png`,
 	title: '打车代价',
 	key: KINGKONGKEY.KS,
 }, {
-	image: `/static/icon/icon_mdl.png`,
+	image: `${ICON_CDN_URL}icon_mdl.png`,
 	title: '麦当劳KFC',
 	key: KINGKONGKEY.MDL,
 }, {
-	image: `/static/icon/icon_jkd.png`,
+	image: `${ICON_CDN_URL}icon_jkd.png`,
 	title: '寄快递',
 	key: KINGKONGKEY.JKD,
 }, {
-	image: `/static/icon/icon_recharge.png`,
+	image: `${ICON_CDN_URL}icon_recharge.png`,
 	title: '话费充值',
 	key: KINGKONGKEY.RECHARGE,
 }];
 
 //购物
 export const NAVS_SHOP_ARR = [{
-	image: `/static/icon/icon_qiang.png`,
+	image: `${ICON_CDN_URL}icon_qiang.png`,
 	title: '疯抢榜',
 	key: KINGKONGKEY.QIANG,
 }, {
-	image: `/static/icon/icon_rx.png`,
+	image: `${ICON_CDN_URL}icon_rx.png`,
 	title: '热销榜单',
 	key: KINGKONGKEY.RXBD,
 }, {
-	image: `/static/icon/icon_9_9by.png`,
+	image: `${ICON_CDN_URL}icon_9_9by.png`,
 	title: '9.9包邮',
 	key: KINGKONGKEY.BY,
 }, {
-	image: `/static/icon/icon_jhs.png`,
+	image: `${ICON_CDN_URL}icon_jhs.png`,
 	title: '聚划算',
 	key: KINGKONGKEY.JHS,
 }, {
-	image: `/static/icon/home_xianshimiaosha_220614.png`,
+	image: `${ICON_CDN_URL}home_xianshimiaosha_220614.png`,
 	title: '限时秒杀',
 	key: KINGKONGKEY.XSMS,
 }, {
-	image: `/static/icon/icon_tmcs.png`,
+	image: `${ICON_CDN_URL}icon_tmcs.png`,
 	title: '天猫超市',
 	key: KINGKONGKEY.TMCS,
 }, {
-	image: `/static/icon/icon_tmgj.png`,
+	image: `${ICON_CDN_URL}icon_tmgj.png`,
 	title: '天猫国际',
 	key: KINGKONGKEY.TMGJ,
 }, {
-	image: `/static/icon/icon_vph.png`,
+	image: `${ICON_CDN_URL}icon_vph.png`,
 	title: '唯品会',
 	key: KINGKONGKEY.WPH,
 }, {
-	image: `/static/icon/home_suningyigou_220920.png`,
+	image: `${ICON_CDN_URL}home_suningyigou_220920.png`,
 	title: '中免日上',
 	key: KINGKONGKEY.ZMRS,
 }, {
-	image: `/static/icon/icon_jdsx.png`,
+	image: `${ICON_CDN_URL}icon_jdsx.png`,
 	title: '京东生鲜',
 	key: KINGKONGKEY.JDSX,
 }, {
-	image: `/static/icon/icon_xm.png`,
+	image: `${ICON_CDN_URL}icon_xm.png`,
 	title: '小米优品',
 	key: KINGKONGKEY.XMYP,
 }, {
-	image: `/static/icon/icon_klhg.png`,
+	image: `${ICON_CDN_URL}icon_klhg.png`,
 	title: '考拉海购',
 	key: KINGKONGKEY.KLHG,
 }, {
-	image: `/static/icon/icon_shlx.png`,
+	image: `${ICON_CDN_URL}icon_shlx.png`,
 	title: '生活旅行',
 	key: KINGKONGKEY.SHLX,
 }, {
-	image: `/static/icon/icon_qysh.png`,
+	image: `${ICON_CDN_URL}icon_qysh.png`,
 	title: '权益充值',
 	key: KINGKONGKEY.QYCZ,
 }, {
-	image: `/static/icon/icon_wm.png`,
+	image: `${ICON_CDN_URL}icon_wm.png`,
 	title: '外卖优惠',
 	key: KINGKONGKEY.WMYH,
 }];
 
 //美食
 export const NAVS_FOOD_ARR = [{
-	image: `/static/icon/icon_elm.png`,
+	image: `${ICON_CDN_URL}icon_elm.png`,
 	title: '饿了么',
 	key: KINGKONGKEY.ELM,
 }, {
-	image: `/static/icon/icon_mtwm.png`,
+	image: `${ICON_CDN_URL}icon_mtwm.png`,
 	title: '美团外卖',
 	key: KINGKONGKEY.MTWM,
 }, {
-	image: `/static/icon/icon_nxc.png`,
+	image: `${ICON_CDN_URL}icon_nxc.png`,
 	title: '奈雪の茶',
 	key: KINGKONGKEY.NXC,
 }, {
-	image: `/static/icon/icon_hls.png`,
+	image: `${ICON_CDN_URL}icon_hls.png`,
 	title: '华莱士',
 	key: KINGKONGKEY.HLS,
 }, {
-	image: `/static/icon/icon_hbw.png`,
+	image: `${ICON_CDN_URL}icon_hbw.png`,
 	title: '汉堡王',
 	key: KINGKONGKEY.HBW,
 }, {
-	image: `/static/icon/icon_kfc.png`,
+	image: `${ICON_CDN_URL}icon_kfc.png`,
 	title: '肯德基',
 	key: KINGKONGKEY.KFC,
 }, {
-	image: `/static/icon/icon_xbk.png`,
+	image: `${ICON_CDN_URL}icon_xbk.png`,
 	title: '星巴克',
 	key: KINGKONGKEY.XBK,
 }, {
-	image: `/static/icon/icon_mdl.png`,
+	image: `${ICON_CDN_URL}icon_mdl.png`,
 	title: '麦当劳',
 	key: KINGKONGKEY.MDL,
 }, {
-	image: `/static/icon/icon_rxkf.png`,
+	image: `${ICON_CDN_URL}icon_rxkf.png`,
 	title: '瑞幸咖啡',
 	key: KINGKONGKEY.RXKF,
 }, {
-	image: `/static/icon/icon_xc.png`,
+	image: `${ICON_CDN_URL}icon_xc.png`,
 	title: '喜茶',
 	key: KINGKONGKEY.XC,
 }, {
-	image: `/static/icon/icon_bgy.png`,
+	image: `${ICON_CDN_URL}icon_bgy.png`,
 	title: '百果园',
 	key: KINGKONGKEY.BGY,
 }, {
-	image: `/static/icon/icon_kdkf.png`,
+	image: `${ICON_CDN_URL}icon_kdkf.png`,
 	title: '库迪咖啡',
 	key: KINGKONGKEY.KDKF,
 }, {
-	image: `/static/icon/icon_dks.png`,
+	image: `${ICON_CDN_URL}icon_dks.png`,
 	title: '德克士',
 	key: KINGKONGKEY.DKS,
 }, {
-	image: `/static/icon/icon_bsk.png`,
+	image: `${ICON_CDN_URL}icon_bsk.png`,
 	title: '必胜客',
 	key: KINGKONGKEY.BSK,
 }, {
-	image: `/static/icon/icon_mc.png`,
+	image: `${ICON_CDN_URL}icon_mc.png`,
 	title: '买菜',
 	key: KINGKONGKEY.MC,
 }];
 
 //生活
 export const NAVS_LIFE_ARR = [{
-	image: `/static/icon/icon_fz.png`,
+	image: `${ICON_CDN_URL}icon_fz.png`,
 	title: '飞猪',
 	key: KINGKONGKEY.FZ,
 }, {
-	image: `/static/icon/icon_lxmp.png`,
+	image: `${ICON_CDN_URL}icon_lxmp.png`,
 	title: '旅行门票',
 	key: KINGKONGKEY.LXMP,
 }, {
-	image: `/static/icon/icon_mtjd.png`,
+	image: `${ICON_CDN_URL}icon_mtjd.png`,
 	title: '美团酒店',
 	key: KINGKONGKEY.MTJD,
 }, {
-	image: `/static/icon/icon_yhcx.png`,
+	image: `${ICON_CDN_URL}icon_yhcx.png`,
 	title: '优惠出行',
 	key: KINGKONGKEY.YHCX,
 }, {
-	image: `/static/icon/icon_jkd.png`,
+	image: `${ICON_CDN_URL}icon_jkd.png`,
 	title: '寄快递',
 	key: KINGKONGKEY.JKD,
 }, {
-	image: `/static/icon/icon_jzfw.png`,
+	image: `${ICON_CDN_URL}icon_jzfw.png`,
 	title: '家政服务',
 	key: KINGKONGKEY.JZFW,
 }, {
-	image: `/static/icon/icon_djfw.png`,
+	image: `${ICON_CDN_URL}icon_djfw.png`,
 	title: '代驾服务',
 	key: KINGKONGKEY.DJFW,
 }, {
-	image: `/static/icon/icon_czjb.png`,
+	image: `${ICON_CDN_URL}icon_czjb.png`,
 	title: '超值卷包',
 	key: KINGKONGKEY.CZJB,
 }, {
-	image: `/static/icon/icon_shbxp.png`,
+	image: `${ICON_CDN_URL}icon_shbxp.png`,
 	title: '生活必需品',
 	key: KINGKONGKEY.SHBXP,
 }, {
-	image: `/static/icon/icon_cjyx.png`,
+	image: `${ICON_CDN_URL}icon_cjyx.png`,
 	title: '超级优选',
 	key: KINGKONGKEY.CJYX,
 }, {
-	image: `/static/icon/icon_xyzc.png`,
+	image: `${ICON_CDN_URL}icon_xyzc.png`,
 	title: '小样种草',
 	key: KINGKONGKEY.XYZC,
 }, {
-	image: `/static/icon/icon_aljk.png`,
+	image: `${ICON_CDN_URL}icon_aljk.png`,
 	title: '阿里健康',
 	key: KINGKONGKEY.ALJK,
 }, {
-	image: `/static/icon/icon_flqd.png`,
+	image: `${ICON_CDN_URL}icon_flqd.png`,
 	title: '福利清单',
 	key: KINGKONGKEY.FLQD,
 }, {
-	image: `/static/icon/icon_mtwm.png`,
+	image: `${ICON_CDN_URL}icon_mtwm.png`,
 	title: '美团外卖',
 	key: KINGKONGKEY.MTWM,
 }, {
-	image: `/static/icon/icon_jkd.png`,
+	image: `${ICON_CDN_URL}icon_jkd.png`,
 	title: '寄快递',
 	key: KINGKONGKEY.JKD,
 }];

src/subPages/paegs/quick-fuc/business.vue

@@ -0,0 +1,470 @@
+<template>
+	<view class="business-container">
+		<view class="lab-content">
+			<scroll-view scroll-x="true" class="lab-item">
+				<view class="lab-item-x" v-for="(item,index) in tabList" :key="'lab-item-x-'+index">
+					<view class="lab-item-small" @click="onTabClick(index,item.merchant_category_id)">
+						<text :class="currentIndex==index?'lab-title':'lab-default-title'">{{item.category_name}}</text>
+						<view :class="currentIndex==index?'lab-line':'lab-default-line'"></view>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+		<view class="banner-content">
+			<image class="top-banner" src="/static/img/img_banner_dslm.png" mode="aspectFill"></image>
+		</view>
+		<view class="fuc-content">
+			<view @click="onFucClick" class="fuc-item" v-for="(item,index) in MU_TABLE_LIST" :key="'fuc-item-'+index">
+				<text class="item-title">{{item.title}}</text>
+				<text class="item-des">{{item.des}}</text>
+				<image class="item-img" :src="item.icon" mode=""></image>
+			</view>
+		</view>
+		<view v-if="goodsList&& goodsList.length!=0" v-for="(item,index) in goodsList" :key="'goods-x-'+index">
+			<view class="vip-content" v-if="item.childList&& item.childList.length!=0"
+				@click="goShopClick(item.mer_id)">
+				<image class="vip-bg" src="/static/img/item_smq_bg.png" mode="aspectFill"></image>
+				<view class="left-lab-content">
+					<image class="lab-icon" :src="item.mer_avatar" mode="widthFix"></image>
+					<text class="lab-title">{{item.mer_name}}</text>
+					<view class="small-lab">补充养老</view>
+				</view>
+				<view class="right-lab-content">
+					<text class="right-tx">进入店铺</text>
+					<image class="right-icon" src="/static/icon/img_jt_right.png" mode="widthFix"></image>
+				</view>
+			</view>
+			<view class="goods-scoll-content">
+				<scroll-view scroll-x="true" class="goods-scoll-item">
+					<view @click="onDetailClick(childItem.product_id)" class="goods-scoll-item-x"
+						v-for="(childItem,childIndex) in item.childList" :key="'goods-scoll-item-x-'+childIndex">
+						<view class="goods-item">
+							<image class="goods-img" :src="childItem.image" mode="aspectFill"></image>
+							<text class="goods-title">{{childItem.store_name}}</text>
+							<view class="price-content">
+								<text class="goods-des">{{childItem.price}}</text>
+								<text class="goods-des">pv:{{childItem.pv?childItem.pv:0}}</text>
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+			
+		</view>
+		
+		<CXBEmpty v-else />
+	</view>
+</template>
+
+<script setup>
+	import {
+		MU_TABLE_LIST
+	} from "./constants.js"
+	import {
+		apiGetCategoryList,
+		apiGetProductType,
+		apiGetProductList
+	} from '~/apis/quickLink'
+	import { getProductShare } from "~/apis/common";
+	const currentIndex = ref(0)
+	const tabList = ref([])
+	const goodsList = ref([])
+	let id=''
+
+
+	onLoad((option) => {
+		console.log();
+		getCategoryList()
+		getProductType()
+		console.log("===")
+		if (option && option.shareId) {
+		  userStore.setShareId(option.shareId)
+		}
+		getProductShare().then(res => {
+		  if (res) userStore.setShareId(res.share_id)
+		}).catch(message => {
+		})
+	})
+
+	onShareAppMessage(() => {
+		const shareId = Cache.get('SHARE_ID')
+		return {
+			title: `消费储蓄 保障未来`,
+			path: `/pages/vip/index?shareId=${shareId}`,
+			imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-09/20231009202402136.png'
+		}
+	})
+
+	onShareTimeline(() => {
+		const shareId = Cache.get('SHARE_ID')
+		return {
+			title: `消费储蓄 保障未来`,
+			query: `from=share&shareId=${shareId}`,
+			imageUrl: 'https://cdn.bjtdba.com/vod/image/2023-10-11/20231011062523504.png'
+		}
+	})
+
+	onReachBottom(() => {
+		console.log('到底了。。。')
+		
+	})
+
+	onPullDownRefresh(() => {
+		getProductType()
+		uni.stopPullDownRefresh()
+	})
+
+	function onTabClick(position, id) {
+		currentIndex.value = position
+		id.value = id
+		getProductType()
+	}
+
+	function goShopClick(id) {
+		uni.navigateTo({
+			url: `/pages/store/home/index?id=${id}`
+		})
+	}
+
+	function onDetailClick(id) {
+		uni.navigateTo({
+			url: `/pages/store/product/detail?id=${id}`
+		})
+	}
+
+	function onFucClick() {
+		uni.showToast({
+			title: '升级中',
+			icon: 'none'
+		})
+	}
+
+	function getCategoryList() {
+		apiGetCategoryList().then((res) => {
+			let _list = new Array()
+			_list.push({
+				category_name: '全部',
+				merchant_category_id: ''
+			})
+			if (res.merchantCategory && res.merchantCategory.length != 0) {
+				_list.push(...res.merchantCategory)
+			}
+			tabList.value = _list
+		})
+	}
+
+	function getProductType() {
+		uni.showLoading({
+			title:'加载中...'
+		})
+		apiGetProductType(id.value).then((res) => {
+			if (res && res.pageInfo && res.pageInfo.list) {
+				goodsList.value = res.pageInfo.list
+				dealData()
+			}
+			uni.hideLoading()
+		})
+	}
+
+	function dealData() {
+		for (let i = 0; i < goodsList.value.length; i++) {
+			let _id = goodsList.value[i].mer_id
+			apiGetProductList(_id).then(resx => {
+				if (resx.pageInfo.list && resx.pageInfo.list.length != 0) {
+					goodsList.value[i].childList = resx.pageInfo.list
+				}
+			})
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.business-container {
+		display: flex;
+		flex-direction: column;
+		min-height: 100VH;
+		background-color: #f8f8f8;
+		box-sizing: border-box;
+
+		.goods-content {
+			display: flex;
+			flex-direction: row;
+			margin-left: 10rpx;
+			margin-right: 10rpx;
+
+
+		}
+
+		.goods-item {
+			display: flex;
+			margin-left: 10rpx;
+			margin-right: 10rpx;
+			width: 230rpx;
+			align-items: center;
+			justify-content: center;
+			flex-direction: column;
+			background-color: #fff;
+			border-radius: 20rpx;
+
+			.goods-img {
+				width: 230rpx;
+				height: 230rpx;
+				border-top-right-radius: 20rpx;
+				border-top-left-radius: 20rpx;
+				background-color: #333;
+			}
+
+			.goods-title {
+				width: 230rpx;
+				font-size: 28rpx;
+				color: #333;
+				margin-top: 10rpx;
+				text-overflow: ellipsis;
+				overflow: hidden;
+				margin-left: 10rpx;
+				margin-right: 10rpx;
+				word-break: break-all;
+				white-space: nowrap;
+			}
+
+			.price-content {
+				margin-top: 10rpx;
+				display: flex;
+				margin-bottom: 20rpx;
+				flex-direction: row;
+				align-items: center;
+				justify-content: space-between;
+				padding-left: 16rpx;
+				padding-right: 16rpx;
+				box-sizing: border-box;
+				width: 100%;
+
+				.price-left {
+					font-size: 28rpx;
+					color: #333;
+				}
+
+				.price-rifht {
+					font-size: 28rpx;
+					color: #333;
+				}
+			}
+
+
+		}
+
+		.vip-content {
+			margin: 20rpx;
+			position: relative;
+			height: 100rpx;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			box-sizing: border-box;
+
+			.vip-bg {
+				position: absolute;
+				height: 100rpx;
+				width: 710rpx;
+				border-top-right-radius: 20rpx;
+				border-top-left-radius: 20rpx;
+			}
+
+			.right-lab-content {
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				flex: 1;
+				z-index: 22;
+				justify-content: flex-end;
+
+				.right-tx {
+					color: #fff;
+					font-size: 26rpx;
+					margin-right: 10rpx;
+				}
+
+				.right-icon {
+					width: 14rpx;
+					height: 10rpx;
+					margin-right: 20rpx;
+				}
+			}
+
+			.left-lab-content {
+				height: 50rpx;
+				background-color: #fff;
+				border-radius: 20rpx;
+				z-index: 222;
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				margin-left: 20rpx;
+
+				.lab-icon {
+					width: 30rpx;
+					height: 30rpx;
+					margin-left: 10rpx;
+				}
+
+				.lab-title {
+					font-size: 26rpx;
+					color: #333;
+					margin-left: 10rpx;
+				}
+
+				.small-lab {
+					border-radius: 20rpx;
+					background-color: #000;
+					margin-right: 10rpx;
+					color: #fff;
+					font-size: 24rpx;
+					padding-left: 6rpx;
+					padding-right: 6rpx;
+					margin-left: 20rpx;
+				}
+
+			}
+
+		}
+
+		.fuc-content {
+			display: flex;
+			padding-left: 14rpx;
+			padding-right: 14rpx;
+			margin-top: 20rpx;
+			flex-direction: row;
+
+			.fuc-item {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				background-color: #fff;
+				border-radius: 10rpx;
+				margin-left: 6rpx;
+				margin-right: 6rpx;
+				padding-top: 30rpx;
+				padding-bottom: 30rpx;
+				align-items: center;
+				justify-content: center;
+
+				.item-img {
+					width: 80rpx;
+					height: 80rpx;
+				}
+
+				.item-title {
+					font-size: 30rpx;
+					font-weight: bolder;
+					color: #333;
+					margin-bottom: 10rpx;
+				}
+
+				.item-des {
+					font-size: 24rpx;
+					color: #999;
+					margin-bottom: 40rpx;
+				}
+
+			}
+		}
+
+		.banner-content {
+			background-color: #fff;
+			padding: 20rpx;
+			height: 360rpx;
+			display: flex;
+			flex-direction: column;
+			margin-top: 90rpx;
+			box-sizing: border-box;
+
+			.top-banner {
+				border-radius: 20rpx;
+				background: #999;
+				height: 360rpx;
+				width: 100%;
+			}
+		}
+
+		.goods-scoll-content {
+			width: 100%;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+
+			.goods-scoll-item {
+				display: flex;
+				flex-direction: row;
+				white-space: nowrap;
+				width: 100%;
+				margin-left: 10rpx;
+				margin-right: 10rpx;
+			}
+
+			.goods-scoll-item-x {
+				display: inline-block;
+				text-align: center;
+				width: 230rpx;
+				margin-right: 16rpx;
+			}
+		}
+
+		.lab-content {
+			width: 100%;
+			height: 90rpx;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			position: fixed;
+			top: 0;
+			left: 0;
+			background-color: #fff;
+			z-index: 99999;
+
+			.lab-item {
+				display: flex;
+				flex-direction: row;
+				white-space: nowrap;
+				width: 100%;
+			}
+
+			.lab-item-x {
+				display: inline-block;
+				margin-right: 10px;
+				text-align: center;
+			}
+
+			.lab-item-small {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				width: 124rpx;
+
+				.lab-default-title {
+					font-size: 28rpx;
+					margin-bottom: 10rpx;
+				}
+
+				.lab-title {
+					font-size: 32rpx;
+					margin-bottom: 10rpx;
+					color: #FE0032;
+				}
+
+				.lab-line {
+					width: 50rpx;
+					height: 6rpx;
+					background-color: #FE0032;
+					border-radius: 4rpx;
+				}
+
+				.lab-default-line {
+					width: 50rpx;
+					height: 6rpx;
+					border-radius: 4rpx;
+				}
+
+			}
+		}
+	}
+</style>

src/subPages/paegs/quick-fuc/constants.js

@@ -0,0 +1,26 @@
+import { KINGKONGKEY } from '~/apis/model/common.model'
+export const MU_TABLE_LIST =  [{
+	title:'商家入驻',
+	key:KINGKONGKEY.SJRZ,
+	icon:'/static/icon/icon_sm_sjrz.png',
+	des:'入驻流程指南'
+},
+{
+	title:'店铺推荐',
+	key:KINGKONGKEY.DPTJ,
+	icon:'/static/icon/icon_sm_dptj.png',
+	des:'优质店铺推荐'
+},
+{
+	title:'官方客服',
+	key:KINGKONGKEY.GFKF,
+	icon:'/static/icon/icon_sm_gfkf.png',
+	des:'用户专属客服'
+},
+{
+	title:'店铺管理',
+	key:KINGKONGKEY.DPGL,
+	icon:'/static/icon/icon_sm_dpgl.png',
+	des:'商品订单管理'
+},
+]