接口对接&反馈页面&消息通知页面

pages-mine/pages/feedback.vue

@@ -1,181 +1,227 @@
 <template>
-	<view class="feedbox">
-		<u-form :model="model" :rules="rules" ref="uForm" :errorType="errorType">
-			<u-form-item label="反馈内容" prop="content" label-width="150">
-				<u-input type="textarea" :border="border" placeholder="请输入您的投诉/建议" v-model="model.content" />
-			</u-form-item>		
-			<u-form-item label="图片说明" prop="images" label-width="150">
-				<!-- <u-upload></u-upload> -->
-				<!-- width="160" height="160"  -->
-				<u-upload width="160" height="160" 
-					max-count='1' 
-					v-model="formData.file"
-					:action="action" 
-					:file-list="fileList" 
-					:name="uploadName"
-					:header="uploadHeader"
-					:form-data="formData"
-					@on-error="onError" 
-					@on-remove="onRemove"
-					@on-success="onSuccess"></u-upload>
-			</u-form-item>
-			<u-form-item label="联系方式" prop="contact" label-width="150">
-				<!--  type="number" -->
-				<!-- <u-input :border="border" placeholder="请输入联系方式" v-model="model.contact"></u-input> -->
-				<u-input :border="border" placeholder="请输入您的手机号" v-model="model.contact" type="number"></u-input>
-			</u-form-item>
-		</u-form>
-		<view class="submitBtn">
-			<u-button class="" type="primary" @click="submit">提交</u-button>
-		</view>
-		
-
-	</view>
+    <view class="feedback-page">
+        <!-- 顶部banner -->
+        <view class="banner">
+            <image src="../static/feedback.png" mode="aspectFill" class="banner-img"></image>
+            <text class="history-btn" @click="goToHistory">我的历史反馈</text>
+        </view>
+
+        <!-- 反馈类型区域 -->
+        <view class="form-item type-section flex-a flex-j-b">
+            <view class="label" style="margin-bottom: 0;">
+                反馈类型
+                <text class="required">*</text>
+            </view>
+            <view class="picker-box" @click="showTypePicker">
+                <text :class="['picker-text', !model.type && 'placeholder']">
+                    {{ model.type || '请选择反馈类型' }}
+                </text>
+                <u-icon name="arrow-right" color="#999" size="32" top="2rpx"></u-icon>
+            </view>
+        </view>
+
+        <!-- 反馈描述区域 -->
+        <view class="form-item content-section">
+            <view class="label">
+                反馈描述
+                <text class="required">*</text>
+            </view>
+            <view class="textarea-box">
+                <u-input type="textarea" v-model="model.content" placeholder="请输入不少于10个字的描述" :height="200"></u-input>
+            </view>
+        </view>
+
+        <!-- 图片上传区域 -->
+        <view class="form-item upload-section">
+            <view class="label">上传图片(最多五张):</view>
+            <view class="upload-box">
+                <u-upload :file-list="fileList" @afterRead="afterRead" @delete="deletePic" name="1" multiple
+                    :max-count="5" :previewFullImage="true"></u-upload>
+            </view>
+        </view>
+
+        <!-- 提交按钮 -->
+        <view class="bottom-fixed-con">
+            <button class="common-btn" @click="submit">提交</button>
+        </view>
+
+        <!-- 反馈类型选择器 -->
+        <u-picker v-model="showPicker" :range="feedbackTypes" @confirm="onTypeConfirm" @cancel="showPicker = false"
+            mode="selector"></u-picker>
+    </view>
 </template>
 
 <script>
-import { hex_sha1 } from '@/utils/sha1.js'
-import { objKeySort,naviBackEmit } from '@/utils/tools.js'
 export default {
-	data() {
-		let that = this;
-		let secret = 'yrb1vdc2qc'
-		let formData = {
-			target: "oss",
-			type: 'image',
-		}
-		let sign = hex_sha1(secret + objKeySort(formData));
-		console.log(sign);
-		return {
-			action: this.$env.apiUrl + "/api/client/index/upload",
-			uploadName: 'file',
-			uploadHeader:{
-				'Content-Type': 'multipart/form-data',
-				sign,
-			},
-			formData:{
-				target: "oss",
-				type: 'image',
-				file:null
-			},
-			fileList:[],
-			border: false,
-			errorType: ['message'],
-			model: {
-				content: '',		
-				contact: '',
-				images: ''
-			},
-			rules: {
-				content: [
-					{
-						required: true,
-						message: '请输入您的投诉/建议'
-					},
-					{
-						min: 5,
-						message: '投诉/建议不能少于5个字',
-						trigger: 'change' ,
-					},
-					// 正则校验示例，此处用正则校验是否中文，此处仅为示例，因为uView有this.$u.test.chinese可以判断是否中文
-					// {
-					// 	pattern: /^[\u4e00-\u9fa5]+$/gi,
-					// 	message: '简介只能为中文',
-					// 	trigger: 'change',
-					// },
-				],
-				/* contact: [
-					{
-						required: true,
-						message: '请输入您的联系方式',
-						trigger: ['change','blur'],
-					},
-					// {
-					// 	validator: (rule, value, callback) => {
-					// 		// 调用uView自带的js验证规则，详见：https://www.uviewui.com/js/test.html
-					// 		return this.$u.test.mobile(value);
-					// 	},
-					// 	message: '手机号码不正确',
-					// 	// 触发器可以同时用blur和change，二者之间用英文逗号隔开
-					// 	trigger: ['change','blur'],
-					// }
-				], */
-				
-				contact: [
-					{
-						required: true,
-						message: '请输入正确的手机号',
-						trigger: ['change','blur'],
-					},
-					{
-						validator: (rule, value, callback) => {
-							// 调用uView自带的js验证规则，详见：https://www.uviewui.com/js/test.html
-							return this.$u.test.mobile(value);
-						},
-						message: '请输入正确的手机号',
-						// 触发器可以同时用blur和change，二者之间用英文逗号隔开
-						trigger: ['change','blur'],
-					}
-				],
-			},
-		};
-	},
-	onLoad() {
-
-	},
-	onReady() {
-		this.$refs.uForm.setRules(this.rules);
-	},
-	methods: {
-		
-		onError(data, index, lists) {
-			console.log('onError', data, index, lists);
-		},
-		onSuccess(data, index, lists) {
-			console.log('onSuccess', data, index, lists);
-			this.model.images = data.data.full_url;
-		},
-		onRemove(data, index, lists) {
-			this.model.images=null;
-		},
-		submit() {
-			this.$refs.uForm.validate(valid => {
-				if (valid) {
-					this.addFeedbackFun();
-				} else {
-					console.log('验证失败');
-				}
-			});
-		},
-		addFeedbackFun(){
-			console.log(this.model);
-			// return;
-			this.$u.api.addFeedbackAjax(this.model).then(({code,data})=>{
-				this.$u.toast('已收到您的反馈，我们将尽快处理')
-			})
-		},
-	}
-};
-</script>
+    data() {
+        return {
+            showPicker: false,
+            feedbackTypes: ['功能建议', '内容建议', '产品建议', '其他'],
+            model: {
+                type: '',
+                content: '',
+                images: []
+            },
+            fileList: [],
+            rules: {
+                type: [{
+                    required: true,
+                    message: '请选择反馈类型'
+                }],
+                content: [{
+                    required: true,
+                    message: '请输入反馈描述'
+                }, {
+                    min: 10,
+                    message: '描述不能少于10个字'
+                }]
+            }
+        }
+    },
+    methods: {
+        // 显示类型选择器
+        showTypePicker() {
+            this.showPicker = true
+        },
+
+        // 类型选择确认
+        onTypeConfirm(e) {
+            this.model.type = e.value[0]
+            this.showPicker = false
+        },
+
+        // 上传图片
+        afterRead(event) {
+            const {
+                file
+            } = event
+            // 上传图片到服务器
+            uni.uploadFile({
+                url: 'your-upload-url',
+                filePath: file.url,
+                name: 'file',
+                success: (res) => {
+                    const response = JSON.parse(res.data)
+                    if (response.code === 1) {
+                        this.model.images.push(response.data.url)
+                    }
+                }
+            })
+        },
+
+        // 删除图片
+        deletePic(event) {
+            this.model.images.splice(event.index, 1)
+        },
+
+        // 去历史记录
+        goToHistory() {
+            uni.navigateTo({
+                url: '/pages/feedback-history/index'
+            })
+        },
+
+        // 提交表单
+        submit() {
+            if (!this.model.type) {
+                return uni.$u.toast('请选择反馈类型')
+            }
+            if (this.model.content.length < 10) {
+                return uni.$u.toast('描述不能少于10个字')
+            }
 
-<style scoped lang="scss">
-	.submitBtn{
-		margin: 100rpx 100rpx 0;
-	}
-.feedbox {
-	padding: 30rpx;
-	background-color: #fff;
-	min-height: 100vh;
+            // 提交表单
+            uni.showLoading({
+                title: '提交中'
+            })
+            // 这里调用提交接口
+            setTimeout(() => {
+                uni.hideLoading()
+                uni.$u.toast('提交成功')
+                setTimeout(() => {
+                    uni.navigateBack()
+                }, 1500)
+            }, 1000)
+        }
+    }
 }
+</script>
+
+<style lang="scss" scoped>
+.feedback-page {
+    min-height: 100vh;
+    background: #F5F5F5;
+
+    // banner样式保持不变
+    .banner {
+        position: relative;
+        height: 230rpx;
+        overflow: hidden;
+
+        .banner-img {
+            width: 100%;
+            height: 100%;
+        }
+
+        .history-btn {
+            position: absolute;
+            right: 30rpx;
+            top: 30rpx;
+            background: rgba(56, 193, 72, 0.9);
+            color: #FFFFFF;
+            padding: 10rpx 20rpx;
+            border-radius: 10rpx;
+            font-size: 24rpx;
+        }
+    }
+
+    // 表单项通用样式
+    .form-item {
+        background: #FFFFFF;
+        margin: 20rpx;
+        padding: 30rpx;
+        border-radius: 12rpx;
+
+        .label {
+            font-size: 28rpx;
+            color: #333;
+            margin-bottom: 20rpx;
+
+            .required {
+                color: #FF5B5B;
+                margin-left: 4rpx;
+            }
+        }
+    }
+
+    // 反馈类型区域
+    .type-section {
+        position: relative;
+        z-index: 1;
+
+        .picker-box {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            .picker-text {
+                font-size: 28rpx;
+                color: #333;
 
-.agreement {
-	display: flex;
-	align-items: center;
-	margin: 40rpx 0;
+                &.placeholder {
+                    color: #999;
+                }
+            }
+        }
+    }
 
-	.agreement-text {
-		padding-left: 8rpx;
-		color: $u-tips-color;
-	}
+    // 反馈描述区域
+    .content-section {
+        .textarea-box {
+            background: #F8F8F8;
+            border-radius: 8rpx;
+            padding: 20rpx;
+        }
+    }
 }
-</style>
+</style>

pages-mine/pages/notice.vue

@@ -0,0 +1,162 @@
+<template>
+	<view class="notice-page">
+		<scroll-view scroll-y class="notice-scroll" @scrolltolower="loadMore" refresher-enabled
+			:refresher-triggered="isRefreshing" @refresherrefresh="onRefresh">
+			<block v-if="noticeList.length > 0">
+				<!-- 时间分割线 -->
+
+				<view class="notice-bar" v-for="(item, index) in noticeList" :key="index">
+					<view class="time-divider">{{ item.time }}</view>
+
+					<!-- 消息列表 -->
+					<view class="notice-item flex-d">
+						<!-- 通知图标 -->
+						<view class="flex-a notice-header">
+							<image src="../static/notice.png" style="width:44rpx;height:44rpx"></image>
+							<view class="notice-title">通知</view>
+						</view>
+						<!-- 通知内容 -->
+						<view class="notice-content">
+							<view class="notice-text">
+								<text>{{item.content}}</text>
+								<text>\n您也可以随时在</text>
+								<text class="notice-link" @click="goToOrder">【我的订单】</text>
+								<text>中查看订单状态</text>
+							</view>
+						</view>
+					</view>
+				</view>
+
+			</block>
+
+			<!-- 空状态 -->
+			<u-empty v-else mode="message" text="暂无消息"></u-empty>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				noticeList: [{
+					id: 1,
+					type: 'notice',
+					content: '亲，您的订单已经收到，感谢您对我们的支持，我们将尽快为您发出',
+					time: '2024-10-16 23:32:28'
+				}],
+				page: 1,
+				pageSize: 10,
+				isRefreshing: false,
+				hasMore: true
+			}
+		},
+		onLoad() {
+			this.loadNotices()
+		},
+		methods: {
+			// 加载消息列表
+			loadNotices() {
+				// 模拟数据
+				const mockData = [{
+					id: 1,
+					type: 'notice',
+					content: '亲，您的订单已经收到，感谢您对我们的支持，我们将尽快为您发出',
+					time: '2024-10-16 23:32:28'
+				}]
+
+				// 实际开发时替换为接口调用
+				setTimeout(() => {
+					this.noticeList = [...this.noticeList, ...mockData]
+					this.hasMore = mockData.length === this.pageSize
+					this.isRefreshing = false
+				}, 500)
+			},
+
+			// 下拉刷新
+			onRefresh() {
+				this.isRefreshing = true
+				this.page = 1
+				this.noticeList = []
+				this.loadNotices()
+			},
+
+			// 加载更多
+			loadMore() {
+				if (!this.hasMore) return
+				this.page++
+				this.loadNotices()
+			},
+
+			// 跳转到订单页面
+			goToOrder() {
+				uni.navigateTo({
+					url: '/pages-mine/pages/order-page'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.notice-page {
+		min-height: 100vh;
+		background-color: #F5F5F5;
+		padding: 20rpx 0;
+
+		.notice-scroll {
+			height: 100vh;
+		}
+
+		.time-divider {
+			text-align: center;
+			font-family: PingFang SC;
+			font-weight: 500;
+			font-size: 26rpx;
+			color: #333333;
+			padding: 20rpx 0;
+		}
+
+		.notice-item {
+			margin: 0 20rpx;
+			padding: 30rpx;
+			background: #FFFFFF;
+			border-radius: 12rpx;
+
+			.notice-icon {
+				margin-right: 20rpx;
+				padding-top: 6rpx;
+			}
+
+			.notice-header {
+				border-bottom: 1px solid #f8f8f8;
+				padding-bottom: 14rpx;
+			}
+
+			.notice-title {
+				font-size: 30rpx;
+				font-weight: bold;
+				color: #333333;
+				padding-left: 10rpx;
+				font-family: PingFang SC;
+			}
+
+
+			.notice-content {
+				padding-top: 14rpx;
+				flex: 1;
+
+				.notice-text {
+					font-size: 28rpx;
+					color: #666666;
+					line-height: 1.6;
+
+					.notice-link {
+						color: #38C148;
+						padding: 0 4rpx;
+					}
+				}
+			}
+		}
+	}
+</style>

pages-mine/pages/setting.vue

@@ -114,7 +114,7 @@ export default {
 
                 if (uploadRes.code === 200) {
                     this.userInfo.imgPath = uploadRes.data
-                    uni.$u.toast('头像上传成功')
+                    // uni.$u.toast('头像上传成功')
                 } else {
                     this.uploading = false
                     uni.hideLoading()
@@ -226,7 +226,7 @@ export default {
             align-items: center;
             justify-content: flex-end;
             font-size: 28rpx;
-            color: $app-theme-card-gray-deep-color;
+            color: #333333;
 
             &.nickname-input {
                 input {

pages.json

@@ -208,6 +208,12 @@
 				"style": {
 					"navigationBarTitleText": "卖书订单"
 				}
+			},
+			{
+				"path": "pages/notice",
+				"style": {
+					"navigationBarTitleText": "消息通知"
+				}
 			}
 		]
 	}, {

pages/mine/index.vue

@@ -83,13 +83,13 @@ export default {
                 { name: '申请退回', icon: '5.png', path: '/pages/order/return-request' }
             ],
             tools: [
-                { name: '消息通知', icon: 't1.png', path: '/pages/tools/notification' },
+                { name: '消息通知', icon: 't1.png', path: '/pages-mine/pages/notice' },
                 { name: '我的收藏', icon: 't2.png', path: '/pages/tools/collection' },
                 { name: '我的足迹', icon: 't3.png', path: '/pages/tools/footprint' },
-                { name: '我的地址', icon: 't4.png', path: '/pages/tools/address' },
+                { name: '我的地址', icon: 't4.png', path: '/pages-mine/pages/address/list' },
                 { name: '我的优惠券', icon: 't5.png', path: '/pages/tools/coupon' },
                 { name: '联系客服', icon: 't6.png', path: '/pages/tools/service' },
-                { name: '意见反馈', icon: 't7.png', path: '/pages/tools/feedback' },
+                { name: '意见反馈', icon: 't7.png', path: '/pages-mine/pages/feedback' },
                 { name: '到货提醒', icon: 't8.png', path: '/pages/tools/arrival-notice' },
                 { name: '合伙人计划', icon: 't9.png', path: '/pages/tools/partner' },
                 { name: '买卖答疑', icon: 't10.png', path: '/pages/tools/faq' },

pages/mine/index2.vue

@@ -1,160 +0,0 @@
-<template>
-	<view class="minepage">
-		<!-- 用户 -->
-		<UserInfo :data="userInfo" :isLogin="token"></UserInfo>
-		<!-- 用户数据 -->
-		<!-- <view class="user-count"><LabelCount :ops="mineCountOps"></LabelCount></view> -->
-		<!-- 我的订单 -->
-		<view class="order-nav">
-			<DialNav :mode="5" shadow :list="orderNavOps" nameSize="24rpx" imgSize="72rpx">
-				<TitleOperate
-					padding="30rpx 30rpx 0 30rpx"
-					showMore
-					title="我的订单"
-					moreLabel="全部订单"
-					@clickMore="$u.route({ url: '/pages-mall/pages/order/list' })"
-				></TitleOperate>
-			</DialNav>
-		</view>
-		
-	
-		<view class="oparbox shadow">
-			<!-- <view class="oparTit">
-				常用工具
-			</view> -->
-			<!--  title="常用工具" -->
-			<u-cell-group :border="false">
-				<u-cell-item icon="star" title="我的收藏" :border-bottom="false" @click="goUrl('/pages-mine/pages/collection')"></u-cell-item>
-				<u-cell-item icon="clock" title="我的足迹" :border-bottom="false" @click="goUrl('/pages-mine/pages/history')"></u-cell-item>
-				<u-cell-item icon="coupon" title="我的优惠券" :border-bottom="false" @click="goUrl('/pages-mine/pages/discounts')"></u-cell-item>
-				<u-cell-item icon="map" title="地址管理" :border-bottom="false" @click="goUrl('/pages-mine/pages/address/list')"></u-cell-item>
-			</u-cell-group>
-		</view>
-		<view class="oparbox shadow">
-			<!-- <view class="oparTit">
-				常用工具
-			</view> -->
-			<!--  title="常用工具" -->
-			<u-cell-group :border="false">
-				<u-cell-item icon="info-circle" title="关于我们" :border-bottom="false" @click="goArticleDetail('about_us','关于我们')"></u-cell-item>
-				<u-cell-item icon="error-circle" title="投诉/建议" :border-bottom="false" @click="goUrl('/pages-mine/pages/feedback')"></u-cell-item>
-				<u-cell-item icon="setting" title="设置中心" :border-bottom="false" @click="goUrl('/pages-mine/pages/setting')"></u-cell-item>
-			</u-cell-group>
-		</view>
-		<!-- <view class="loginBox">
-			<u-button type="primary" shape="circle" @click="logout"><text>退出登录</text></u-button>
-		</view> -->
-	</view>
-</template>
-
-<script>
-import UserInfo from '@/pages/mine/components/user-info.vue';
-import LabelCount from '@/components/nav/label-count.vue';
-import DialNav from '@/components/nav/dial-nav.vue';
-import TitleOperate from '@/components/title-operate.vue';
-import {articleOpar} from '@/pages-pub/mixins/article.js'
-export default {
-	mixins:[articleOpar],
-	components: {
-		UserInfo,
-		LabelCount,
-		DialNav,
-		TitleOperate
-	},
-	data() {
-		return {
-			token:'',
-			isLogin:false,
-			// 用户信息
-			userInfo: {
-				nickname: '',
-				avatar: ''
-			},
-			// 订单导航配置
-			orderNavOps: [
-				{ name: '待付款', img: require('../../static/nav/mine-order-1.png'), url: '/pages-mall/pages/order/list?tabIndex=1' },
-				{ name: '待发货', img: require('../../static/nav/mine-order-2.png'), url: '/pages-mall/pages/order/list?tabIndex=2' },
-				{ name: '待收货', img: require('../../static/nav/mine-order-3.png'), url: '/pages-mall/pages/order/list?tabIndex=3' },
-				{ name: '已完成', img: require('../../static/nav/mine-order-4.png'), url: '/pages-mall/pages/order/list?tabIndex=4' },
-				{ name: '退款售后', img: require('../../static/nav/mine-order-5.png'), url: '/pages-mall/pages/after-sales/list' },
-			],
-		};
-	},
-	onShow() {
-		this.token = uni.getStorageSync('token');
-	},
-	onLoad(){
-		this.getUserInfo();
-		uni.$on('getUserInfo',()=>{
-			this.getUserInfo();
-		})
-	},
-	methods: {
-		getUserInfo(){
-			this.$u.api.getUserBaseInfoAjax().then(({code,data}) => {
-				console.log({code,data});
-				if(code==1){
-					this.userInfo = data;
-					// this.isLogin = true;
-				}
-			}).catch((error)=>{
-				console.log('error>>>>',error)
-			})
-		},
-		goUrl(url){
-			uni.navigateTo({
-				url:url
-			})
-		},
-		// 退出登录
-		logout() {
-			console.log(11)
-			uni.showModal({
-				title: '提示',
-				content: '是否退出当前账号？',
-				confirmColor: this.$appTheme.appThemeColor,
-				success(res) {
-					if (res.confirm) {
-						uni.removeStorageSync('token');
-						uni.navigateTo({
-							url:'/pages/login/index'
-						})
-					}
-				}
-			});
-		},
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-	.minepage{
-		padding-bottom: 20rpx;
-	}
-.order-nav{
-	margin-top: -70rpx;
-}
-.user-count,
-.order-nav,
-.other-nav {
-	position: relative;
-	z-index: $app-zIndex-normal;
-	padding: 0 30rpx 30rpx 30rpx;
-}
-.oparbox{
-	border-radius: 16rpx;
-	background-color: $app-theme-bg-color;
-	overflow: hidden;
-	margin: 0 30rpx 20rpx;
-	&.shadow {
-		box-shadow: $app-theme-shadow;
-	}
-	.oparTit{
-		padding: 30rpx 30rpx 20rpx;
-		font-size: 34rpx;
-	}
-}
-.loginBox {
-	padding: 60rpx;
-}
-</style>

static/css/common.scss

@@ -374,17 +374,18 @@ view {
 }
 
 .common-btn {
-    padding: 8rpx 20rpx;
-    box-sizing: border-box;
-    background: #ff6c22;
-    color: #ffffff;
-    font-size: 26rpx;
-    border-radius: 28rpx;
-    border: 2rpx solid #ff6c22;
+    width: 100%;
+    height: 88rpx;
+    background: #38C148;
+    border-radius: 10rpx;
+    font-family: PingFang SC;
+    font-weight: 500;
+    font-size: 32rpx;
+    color: #FFFFFF;
 
     &.plain {
-        border: 2rpx solid #707bce;
-        color: #707bce;
+        border: 2rpx solid #38C148;
+        color: #38C148;
         background: #ffffff;
     }
 }
@@ -423,7 +424,8 @@ view {
     display: flex;
     align-items: center;
 
-    .u-button {
+    button {
         width: 100%;
+        flex: 1;
     }
 }

unpackage/dist/dev/.sourcemap/mp-weixin/pages-mine/notice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["uni-app:///main.js"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,eAAI,CAAC,C","file":"pages-mine/notice.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages-mine/notice.vue'\ncreatePage(Page)"],"sourceRoot":""}