金发服务包相关操作

apis/interfaces/index.js

@@ -0,0 +1,44 @@
+
+/**
+ * Web张冬雪
+ * moduleName: 服务首页
+ */
+
+import { request } from '../index'
+
+// 金法分类
+const categories = () =>{
+	return request({
+		url: "app/services/categories"
+	})
+}
+// 金法服务包
+const jf = (data) =>{
+	return request({
+		url: "app/services/jf",
+        data
+	})
+}
+// 金法服务包
+const zf = (data) =>{
+	return request({
+		url: "app/services/zf",
+        data
+	})
+}
+
+
+//  服务包详情
+const fwbDetail = (service) =>{
+	return request({
+		url: "app/services/"+service
+	})
+}
+
+export {
+	categories,
+    jf,
+    zf,
+    fwbDetail,
+}
+

pages.json

@@ -6,7 +6,21 @@
 			"navigationBarTitleText": "抖火法务咨询服务",
 			"navigationBarBackgroundColor": "#FFFFFF"
 		}
-	}, {
+	},
+    {
+        "path": "pages/index/introduces",
+        "name": "Introduces",
+        "style": {
+        	"navigationStyle": "custom",
+        	"navigationBarTitleText": "介绍",
+        	"app-plus": {
+        		"titleNView": {
+        			"backgroundColor": "#FFFFFF",
+        			"type": "transparent"
+        		}
+        	}
+        }
+    },{
 		"path": "pages/college/index",
 		"name": "College",
 		"style": {

pages/index/index.vue

@@ -13,55 +13,68 @@
 					radius="10"
 					bgColor="#ffffff"
 					height="100%"
-				></u-swiper>
+				/>
 			</view>
 			<view class="notice">
 				<view class="notice-title">
-					<image class="notice-icon" src="@/static/imgs/notice-icon.png" mode="widthFix"></image>公告
+					<image class="notice-icon" src="@/static/index/index_notice.png" mode="widthFix" /> 公告
 				</view>
 				<u-notice-bar
 					icon=""
 					:text="notice"
+                    fontSize="13"
 					direction="column"
 					bgColor="#fff"
 					color="#111111"
-				></u-notice-bar>
+				/>
-				<view class="notice-more">更多<u-icon class="more-icon" size="28rpx" color="#999" name="arrow-right"></u-icon></view>
+				<view class="notice-more">更多<u-icon class="more-icon" size="20rpx" color="#999" name="arrow-right" /></view>
 			</view>
 		</view>
 		<!-- 自由服务包 -->
 		<view class="free">
-			<image class="free-img" src="@/static/imgs/index-img.png" mode="widthFix"></image>
+			<image class="free-img" src="@/static/index/index_banner_free.png" mode="widthFix" />
+			<!-- <image class="free-img" src="@/static/imgs/index-img.png" mode="widthFix"></image> -->
 		</view>
-		<!-- 经法产品 -->
+		<!--  金法产品 -->
 		<view class="block">
 			<view class="block-title">
-				<view class="title">经法产品</view>
+				<view class="title"> 金法产品</view>
-				<view class="more">更多<u-icon class="more-icon" size="28rpx" color="#999" name="arrow-right"></u-icon></view>
+				<view class="more">更多<u-icon class="more-icon" size="28rpx" color="#999" name="arrow-right"/></view>
-			</view>
-			<view class="the-tabs">
-				<block v-for="(item, index) in theTabs" :key="index">
-					<view class="the-tabs-item" :class="{'active': item.id == theTabId}" @click="onTheTab(item)">{{item.title}}</view>
-				</block>
-				<view class="the-tabs-acitve-block" :style="theTabStyle"></view>
-			</view>
-			<view class="the-flex">
-				<view class="the-flex-item" v-for="(item, index) in 3" :key="index">
-					<view class="cover"></view>
-					<view class="title nowrap">中国工商信用卡服务...</view>
-					<view class="price nowrap"><text>￥</text>2200</view>
-				</view>
 			</view>
+            <scroll-view class="the-tabs" scroll-x="true" >
+                <block v-for="(item, index) in theTabs" :key="index">
+                    <view class="the-tabs-item" :class="{'active': item.category_id == theTabId}" @click="onTheTab(item)">{{item.title}}</view>
+                </block>
+                <view class="the-tabs-acitve-block" :style="theTabStyle"></view>
+            </scroll-view>
+			<scroll-view 
+                class="the-flex" 
+                scroll-x="true" 
+                scroll-with-animation="true" 
+                :scroll-into-view='defaultViewId'
+            >
+                    <view class="the-flex-item"
+                        v-for="item in jfList"
+                        :key="item.service_id"
+                        :id='"_tabs"+item.service_id'
+                        @click="sevicesClick(item.service_id)"
+                    >
+                        <image class="cover" :src="item.cover" mode="aspectFill" />
+                        <view class="title nowrap">{{item.title}}</view>
+                        <view class="price nowrap"><text>￥</text>{{item.price}}</view>
+                    </view>
+			</scroll-view>
 		</view>
 		<!-- 综法产品 -->
 		<view class="block">
 			<view class="block-title">
 				<view class="title">综法产品</view>
-				<view class="more">更多<u-icon class="more-icon" size="28rpx" color="#999" name="arrow-right"></u-icon></view>
+                
+				<!-- <view class="more">更多<u-icon class="more-icon" size="28rpx" color="#999" name="arrow-right"></u-icon></view> -->
 			</view>
 			<view class="zong-list">
-				<view class="zong-list-item" v-for="(item, index) in 4" :key="index">
+				<view class="zong-list-item" v-for="(item, index) in zfList" :key="index">
-					<image class="cover" src="@/static/imgs/index-pack-01.png" mode="aspectFill"></image>
+					<image class="cover" src="@/static/imgs/index-pack-01.png" mode="aspectFill" />
 					<view class="colum-flex">
 						<view class="title nowrap">2022年尊享综法服务包</view>
 						<view class="price nowrap"><text>￥</text>2200</view>
@@ -74,16 +87,14 @@
 
 <script>
 	import { region } from '@/apis/interfaces/address.js'
+    import { categories,jf,zf } from '@/apis/interfaces/index.js'
 	export default {
 		data() {
 			return {
 				theTabs		: [
-					{ id: 1, title: '全部' },
+					{ category_id: '', title: '全部' }
-					{ id: 2, title: '信用卡' },
-					{ id: 3, title: '网贷' },
-					{ id: 4, title: '信用贷' },
 				],
-				theTabId	: 1,
+				theTabId	: '',
 				theTabStyle	: {
 					left: '0%'
 				},
@@ -96,16 +107,70 @@
 					'王**信用卡法务咨询办理成功（今日）',
 					'王**信用卡法务咨询办理成功（今日）',
 					'王**信用卡法务咨询办理成功（今日）',
-				]
+					'王**信用卡法务咨询办理成功（今日）',
+					'王**信用卡法务咨询办理成功（今日）',  
+				],
+                jfList:[],
+                defaultViewId:'',
+                zfList:[],
 			}
-		},
+		},
-		onLoad() {
+        onLoad() {
-			
+            categories().then(res=>{
-		},
+                this.theTabs = this.theTabs.concat(res)
+            }).catch(err=>{
+                uni.showToast({
+                    title:err.message,
+                    icon:'none',
+                    mask:true,
+                    duration:2000
+                })
+            })
+            this.getJf()
+            this.getZf()
+        },
 		methods: {
+            getJf(){
+                let params = {
+                    category_id:this.theTabId
+                }
+                jf(params).then(res=>{
+                    if(res.length>0){
+                        setTimeout(()=>{
+                            this.defaultViewId = '_tabs'+res[0].service_id
+                        },300)
+                    }
+                    this.jfList = res
+                }).catch(err=>{
+                    uni.showToast({
+                        title:err.message,
+                        icon:'none',
+                        mask:true,
+                        duration:2000
+                    })
+                })
+            },
+            // 点击金法产品跳转金法详情
+            sevicesClick(id){
+                uni.navigateTo({
+                    url:'/pages/index/introduces?id='+id
+                })
+            },
+            getZf(){
+                zf().then(res=>{
+                    console.log(res)
+                    // this.jfList = res
+                }).catch(err=>{
+                    uni.showToast({
+                        title:err.message,
+                        icon:'none',
+                        mask:true,
+                        duration:2000
+                    })
+                })
+            },
 			// 选择城市节点
 			onCityPicker(e){
-				console.log(e)
 				this.getRegion(e.value);
 			},
 			// 获取城市数据
@@ -116,14 +181,15 @@
 					console.log(res)
 				})
 			},
-			// 经法产品筛选
+			//  金法产品筛选
 			onTheTab(e){
-				if(e.id != this.theTabId){
+				if(e.category_id != this.theTabId){
-					let index = this.theTabs.findIndex(val => val.id === e.id)
+					let index = this.theTabs.findIndex(val => val.category_id === e.category_id)
 					this.theTabStyle = {
-						left: index * (100 / this.theTabs.length) + '%'
+						left: index * 25 + '%'
 					}
-					this.theTabId = e.id
+                    this.theTabId = e.category_id
+                    this.getJf()
 				}
 			}
 		}
@@ -156,24 +222,24 @@
 		align-items: center;
 		.notice-title{
 			background-color: #ECF0FF;
-			color: #446EFE;
+			color: #000;
 			height: 60rpx;
 			line-height: 60rpx;
 			width: 130rpx;
 			text-align: center;
-			font-size: 28rpx;
+			font-size: 26rpx;
 			font-weight: bold;
 			border-radius: 20rpx;
 			.notice-icon{
 				width: 32rpx;
 				vertical-align: middle;
 				margin-bottom: 8rpx;
-				margin-right: 5rpx;
+				margin-right: 10rpx;
 				display: inline-block;
 			}
 		}
 		.notice-more{
-			font-size: 14px;
+			font-size: 24rpx;
 			height: 50rpx;
 			border-radius: 25rpx;
 			box-sizing: border-box;
@@ -187,7 +253,7 @@
 	}
 	// 自由服务包
 	.free{
-		padding: $padding;
+		padding: $padding $padding $padding - 10 $padding ;
 		.free-img{
 			width: 100%;
 		}
@@ -215,14 +281,14 @@
 				height: 180rpx;
 				.title{
 					line-height: 40rpx;
-					font-size: 32rpx;
+					font-size: 28rpx;
 					color: #111111;
 				}
 				.price{
 					line-height: 40rpx;
 					font-weight: bold;
-					color: $text-price;
+					color: #d51959;
-					font-size: 34rpx;
+					font-size: 38rpx;
 					text{
 						font-size: 80%;
 					}
@@ -232,29 +298,33 @@
 	}
 	// 经法
 	.the-tabs{
-		background: #ECF0FF;
+		background: #ececec;
 		margin: 0 $margin;
-		height: 70rpx;
+		height: 60rpx;
 		border-radius: 35rpx;
 		display: flex;
 		position: relative;
+        white-space: nowrap;
+        width: calc(100% - 60rpx);
 		&-item{
 			position: relative;
 			z-index: 2;
 			width: 25%;
-			line-height: 70rpx;
+			line-height: 60rpx;
 			text-align: center;
-			font-size: 28rpx;
+			font-size: 26rpx;
-			color: #999999;
+			color: #454545;
 			transition: all .4s;
+            display: inline-block;
 			&.active{
 				color: white;
 			}
 		}
 		&-acitve-block{
+            display: inline-block;
 			width: 25%;
-			height: 70rpx;
+			height: 60rpx;
-			background: #446EFE;
+			background: linear-gradient( to right, #d51959, #ec7247);
 			border-radius: 35rpx;
 			position: absolute;
 			left: 0;
@@ -263,20 +333,20 @@
 	}
 	.the-flex{
 		padding: $padding 20rpx;
-		display: flex;
+        box-sizing: border-box;
-		flex-direction: row;
+        white-space: nowrap;
+        
 		&-item{
 			width: calc(33.33% - 20rpx);
 			margin: 0 10rpx;
+            display: inline-block;
 			.cover{
-				width: 100%;
+                width: 100%;
-				padding-top: 100%;
+                height: 200rpx;
-				background: #f8f8f8;
 				border-radius: 10rpx;
-				margin-bottom: 10rpx;
 			}
 			.title{
-				font-size: 32rpx;
+				font-size: 28rpx;
 				color: #111111;
 				padding: 10rpx 0;
 				line-height: 40rpx;
@@ -284,8 +354,8 @@
 			.price{
 				line-height: 40rpx;
 				font-weight: bold;
-				color: $text-price;
+				color: #d51959;
-				font-size: 34rpx;
+				font-size: 38rpx;
 				text{
 					font-size: 80%;
 				}
@@ -309,7 +379,7 @@
 				font-size: 36rpx;
 			}
 			.more{
-				background-color: #F5F5F5;
+				background-color: #ececec;
 				font-size: 28rpx;
 				height: 50rpx;
 				border-radius: 25rpx;
@@ -318,11 +388,12 @@
 				box-sizing: border-box;
 				line-height: 50rpx;
 				text-align: center;
-				color: #999999;
+				color: #454545;
 				.more-icon{
 					display: inline-block;
 				}
 			}
 		}
-	}
+	}
+
 </style>

pages/index/introduces.vue

@@ -0,0 +1,36 @@
+<template>
+    <view class="introduce" v-if='loaded'>
+        <rich-text :nodes="content" class="richTxt" />
+    </view>
+</template>
+<script>
+    import {
+        fwbDetail
+    } from '@/apis/interfaces/index.js'
+    export default {
+        data() {
+            return {
+                loaded:false,
+                content: '<p><img src=\"https://douhuo-storage.oss-cn-beijing.aliyuncs.com/uploads/images/2022/12/26/2aa1387f7bf0eac7ae861c9ca69a730a.png\" title=\"/uploads/images/2022/12/26/2aa1387f7bf0eac7ae861c9ca69a730a.png\" alt=\"2级页面-补差价类服务包.png\"/></p>'
+            }
+        },
+        onLoad(e) {
+            fwbDetail(e.id).then(res => {
+                this.content = res.content
+                this.loaded = true
+            }).catch(err => {
+                uni.showToast({
+                    title: err.message,
+                    icon: 'none',
+                    mask: true,
+                    duration: 2000
+                })
+            })
+        }
+    }
+</script>
+<style lang="scss" scoped>
+    img{
+        width: 100%!important;
+    }
+</style>

yarn.lock

@@ -2,221 +2,98 @@
 # yarn lockfile v1
 
 
-"@babel/parser@^7.16.4", "@babel/parser@^7.18.4":
+"@babel/parser@^7.18.4":
-  "integrity" "sha512-r27t/cy/m9uKLXQNWWebeCUHgnAZq0CpG1OwKRxzJMP1vpSU4bSIK2hq+/cp0bQxetkXx38n09rNu8jVkcK/zA=="
+  version "7.20.5"
-  "resolved" "https://registry.npmjs.org/@babel/parser/-/parser-7.20.5.tgz"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.20.5.tgz"
-  "version" "7.20.5"
+  integrity sha512-r27t/cy/m9uKLXQNWWebeCUHgnAZq0CpG1OwKRxzJMP1vpSU4bSIK2hq+/cp0bQxetkXx38n09rNu8jVkcK/zA==
-
-"@vue/compiler-core@3.2.45":
-  "integrity" "sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A=="
-  "resolved" "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz"
-  "version" "3.2.45"
-  dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/shared" "3.2.45"
-    "estree-walker" "^2.0.2"
-    "source-map" "^0.6.1"
-
-"@vue/compiler-dom@3.2.45":
-  "integrity" "sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw=="
-  "resolved" "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz"
-  "version" "3.2.45"
-  dependencies:
-    "@vue/compiler-core" "3.2.45"
-    "@vue/shared" "3.2.45"
 
 "@vue/compiler-sfc@2.7.14":
-  "integrity" "sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA=="
+  version "2.7.14"
-  "resolved" "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz"
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz"
-  "version" "2.7.14"
+  integrity sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA==
   dependencies:
     "@babel/parser" "^7.18.4"
-    "postcss" "^8.4.14"
+    postcss "^8.4.14"
-    "source-map" "^0.6.1"
+    source-map "^0.6.1"
-
-"@vue/compiler-sfc@3.2.45":
-  "integrity" "sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q=="
-  "resolved" "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz"
-  "version" "3.2.45"
-  dependencies:
-    "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.45"
-    "@vue/compiler-dom" "3.2.45"
-    "@vue/compiler-ssr" "3.2.45"
-    "@vue/reactivity-transform" "3.2.45"
-    "@vue/shared" "3.2.45"
-    "estree-walker" "^2.0.2"
-    "magic-string" "^0.25.7"
-    "postcss" "^8.1.10"
-    "source-map" "^0.6.1"
-
-"@vue/compiler-ssr@3.2.45":
-  "integrity" "sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ=="
-  "resolved" "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz"
-  "version" "3.2.45"
-  dependencies:
-    "@vue/compiler-dom" "3.2.45"
-    "@vue/shared" "3.2.45"
 
 "@vue/devtools-api@^6.0.0-beta.11":
-  "integrity" "sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ=="
+  version "6.4.5"
-  "resolved" "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.5.tgz"
+  resolved "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.5.tgz"
-  "version" "6.4.5"
+  integrity sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ==
 
-"@vue/reactivity-transform@3.2.45":
+core-js@^2.6.5:
-  "integrity" "sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ=="
+  version "2.6.12"
-  "resolved" "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz"
+  resolved "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz"
-  "version" "3.2.45"
+  integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
+
+csstype@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz"
+  integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
+
+nanoid@^3.3.4:
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz"
+  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
+
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
+postcss@^8.4.14:
+  version "8.4.20"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz"
+  integrity sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==
   dependencies:
-    "@babel/parser" "^7.16.4"
+    nanoid "^3.3.4"
-    "@vue/compiler-core" "3.2.45"
+    picocolors "^1.0.0"
-    "@vue/shared" "3.2.45"
+    source-map-js "^1.0.2"
-    "estree-walker" "^2.0.2"
-    "magic-string" "^0.25.7"
 
-"@vue/reactivity@3.2.45":
+source-map-js@^1.0.2:
-  "integrity" "sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A=="
+  version "1.0.2"
-  "resolved" "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.45.tgz"
+  resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
-  "version" "3.2.45"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
+source-map@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+uni-read-pages@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/uni-read-pages/-/uni-read-pages-1.0.5.tgz"
+  integrity sha512-GkrrZ0LX0vn9R5k6RKEi0Ez3Q3e2vUpjXQ8Z6/K/d28KudI9ajqgt8WEjQFlG5EPm1K6uTArN8LlqmZTEixDUA==
+
+uni-simple-router@^2.0.7:
+  version "2.0.7"
+  resolved "https://registry.npmjs.org/uni-simple-router/-/uni-simple-router-2.0.7.tgz"
+  integrity sha512-8FKv5dw7Eoonm0gkO8udprrxzin0fNUI0+AvIphFkFRH5ZmP5ZWJ2pvnWzb2NiiqQSECTSU5VSB7HhvOSwD5eA==
+
+uview-ui@^2.0.31:
+  version "2.0.31"
+  resolved "https://registry.npmjs.org/uview-ui/-/uview-ui-2.0.31.tgz"
+  integrity sha512-I/0fGuvtiKHH/mBb864SGYk+SJ7WaF32tsBgYgeBOsxlUp+Th+Ac2tgz2cTvsQJl6eZYWsKZ3ixiSXCAcxZ8Sw==
+
+vue-canvas-poster@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/vue-canvas-poster/-/vue-canvas-poster-1.2.1.tgz"
+  integrity sha512-YY5ygbeQSqhiJyj6QXYgSRZ6Ywhvi1gVsfcvBIoCx4Yq9E/gAV32uOhnZz45qsklP86uGc9ypKJAXiX6Dzrdxw==
   dependencies:
-    "@vue/shared" "3.2.45"
+    core-js "^2.6.5"
+    vue "^2.6.10"
 
-"@vue/runtime-core@3.2.45":
+vue@^2.6.10:
-  "integrity" "sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A=="
+  version "2.7.14"
-  "resolved" "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.45.tgz"
+  resolved "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz"
-  "version" "3.2.45"
+  integrity sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==
-  dependencies:
-    "@vue/reactivity" "3.2.45"
-    "@vue/shared" "3.2.45"
-
-"@vue/runtime-dom@3.2.45":
-  "integrity" "sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA=="
-  "resolved" "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.45.tgz"
-  "version" "3.2.45"
-  dependencies:
-    "@vue/runtime-core" "3.2.45"
-    "@vue/shared" "3.2.45"
-    "csstype" "^2.6.8"
-
-"@vue/server-renderer@3.2.45":
-  "integrity" "sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g=="
-  "resolved" "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.45.tgz"
-  "version" "3.2.45"
-  dependencies:
-    "@vue/compiler-ssr" "3.2.45"
-    "@vue/shared" "3.2.45"
-
-"@vue/shared@3.2.45":
-  "integrity" "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg=="
-  "resolved" "https://registry.npmjs.org/@vue/shared/-/shared-3.2.45.tgz"
-  "version" "3.2.45"
-
-"core-js@^2.6.5":
-  "integrity" "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
-  "resolved" "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz"
-  "version" "2.6.12"
-
-"csstype@^2.6.8":
-  "integrity" "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
-  "resolved" "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz"
-  "version" "2.6.21"
-
-"csstype@^3.1.0":
-  "integrity" "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw=="
-  "resolved" "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz"
-  "version" "3.1.1"
-
-"estree-walker@^2.0.2":
-  "integrity" "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
-  "resolved" "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz"
-  "version" "2.0.2"
-
-"magic-string@^0.25.7":
-  "integrity" "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ=="
-  "resolved" "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz"
-  "version" "0.25.9"
-  dependencies:
-    "sourcemap-codec" "^1.4.8"
-
-"nanoid@^3.3.4":
-  "integrity" "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
-  "resolved" "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz"
-  "version" "3.3.4"
-
-"picocolors@^1.0.0":
-  "integrity" "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
-  "resolved" "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz"
-  "version" "1.0.0"
-
-"postcss@^8.1.10", "postcss@^8.4.14":
-  "integrity" "sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g=="
-  "resolved" "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz"
-  "version" "8.4.20"
-  dependencies:
-    "nanoid" "^3.3.4"
-    "picocolors" "^1.0.0"
-    "source-map-js" "^1.0.2"
-
-"source-map-js@^1.0.2":
-  "integrity" "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
-  "resolved" "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
-  "version" "1.0.2"
-
-"source-map@^0.6.1":
-  "integrity" "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-  "resolved" "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
-  "version" "0.6.1"
-
-"sourcemap-codec@^1.4.8":
-  "integrity" "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
-  "resolved" "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz"
-  "version" "1.4.8"
-
-"uni-read-pages@^1.0.5":
-  "integrity" "sha512-GkrrZ0LX0vn9R5k6RKEi0Ez3Q3e2vUpjXQ8Z6/K/d28KudI9ajqgt8WEjQFlG5EPm1K6uTArN8LlqmZTEixDUA=="
-  "resolved" "https://registry.npmjs.org/uni-read-pages/-/uni-read-pages-1.0.5.tgz"
-  "version" "1.0.5"
-
-"uni-simple-router@^2.0.7":
-  "integrity" "sha512-8FKv5dw7Eoonm0gkO8udprrxzin0fNUI0+AvIphFkFRH5ZmP5ZWJ2pvnWzb2NiiqQSECTSU5VSB7HhvOSwD5eA=="
-  "resolved" "https://registry.npmjs.org/uni-simple-router/-/uni-simple-router-2.0.7.tgz"
-  "version" "2.0.7"
-
-"uview-ui@^2.0.31":
-  "integrity" "sha512-I/0fGuvtiKHH/mBb864SGYk+SJ7WaF32tsBgYgeBOsxlUp+Th+Ac2tgz2cTvsQJl6eZYWsKZ3ixiSXCAcxZ8Sw=="
-  "resolved" "https://registry.npmjs.org/uview-ui/-/uview-ui-2.0.31.tgz"
-  "version" "2.0.31"
-
-"vue-canvas-poster@^1.2.1":
-  "integrity" "sha512-YY5ygbeQSqhiJyj6QXYgSRZ6Ywhvi1gVsfcvBIoCx4Yq9E/gAV32uOhnZz45qsklP86uGc9ypKJAXiX6Dzrdxw=="
-  "resolved" "https://registry.npmjs.org/vue-canvas-poster/-/vue-canvas-poster-1.2.1.tgz"
-  "version" "1.2.1"
-  dependencies:
-    "core-js" "^2.6.5"
-    "vue" "^2.6.10"
-
-"vue@^2.6.10":
-  "integrity" "sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ=="
-  "resolved" "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz"
-  "version" "2.7.14"
   dependencies:
     "@vue/compiler-sfc" "2.7.14"
-    "csstype" "^3.1.0"
+    csstype "^3.1.0"
 
-"vue@^3.2.0", "vue@3.2.45":
+vuex@^4.0.2:
-  "integrity" "sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA=="
+  version "4.1.0"
-  "resolved" "https://registry.npmjs.org/vue/-/vue-3.2.45.tgz"
+  resolved "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz"
-  "version" "3.2.45"
+  integrity sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==
-  dependencies:
-    "@vue/compiler-dom" "3.2.45"
-    "@vue/compiler-sfc" "3.2.45"
-    "@vue/runtime-dom" "3.2.45"
-    "@vue/server-renderer" "3.2.45"
-    "@vue/shared" "3.2.45"
-
-"vuex@^4.0.2":
-  "integrity" "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ=="
-  "resolved" "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz"
-  "version" "4.1.0"
   dependencies:
     "@vue/devtools-api" "^6.0.0-beta.11"