上传代码

components/content/submit.vue

@@ -58,9 +58,9 @@
 	align-items: center;
 	.btn{
 		background: $uni-linear-gradient-btn-color;
+		color: #fff;
 		width: 600rpx;
 		height: 80rpx;
-		color: #fff;
 		border-radius: 15rpx;
 	}
 	view{

config.js

@@ -5,7 +5,7 @@ import utils from './utils/utils.js'
 
 
 // 当前环境
-const type = 'dev'
+const type = 'prod'
 
 
 // 环境配置

pages.json

@@ -195,6 +195,9 @@
 				"style": {
 					"navigationBarTitleText": ""
 				}
+			},
+			{
+				"path": "mine/help"
 			}
 		]
 	}],

pages/auth/login.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="login">
 		<view class="logo">
-			<image src="/static/image/login/logo.png" 
+			<image src="/static/image/login/logo.jpg" 
 			mode="aspectFill"></image>
 		</view>
 		<view class="title">

pages/index/center.vue

@@ -157,7 +157,8 @@
 					{
 						name: 'helpFeedback',
 						imageUrl: 'https://tennis-oss.xzaiyp.top/2024-09-09/cd007424-1336-402c-8390-26c4f21deb80.svg',
-						title: '帮助反馈'
+						title: '帮助反馈',
+						gotoPageUrl: '/mine/help'
 					},
 					{
 						name: 'updateUserInfo',

pages_mine/mine/help.vue

@@ -0,0 +1,130 @@
+<template>
+	<!-- 帮助与反馈 -->
+	<view class="help">
+		<navbar title="帮助与反馈" leftClick @leftClick="$utils.navigateBack" />
+		<view class="help-box">
+			<view>
+				<view class="help-issue">
+					<text>问题和意见</text>
+					<text style="color: #BD3624;">*</text>
+				</view>
+				<uv-textarea v-model="value" :count="true" border="none" height="400"
+					placeholder="请把发现的问题提交给我们，感谢您的参与(必填)" 
+					:text-style="{color:'#BCB7B7',fontSize:'28rpx'}" />
+			</view>
+
+			<view>
+				<view class="help-issue">
+					<text>问题截图</text>
+					<text style="color: #BD3624;">*</text>
+				</view>
+
+				<view class="help-screenshot">
+					<uv-upload :fileList="fileList" multiple :maxCount="3" width="180rpx"
+						height="180rpx" multiple @afterRead="afterRead" @delete="deleteImage">
+						<image src="../static/help/uploading.png" mode="aspectFill"
+							style="width: 180rpx;height: 180rpx;" />
+					</uv-upload>
+				</view>
+			</view>
+
+			<!-- <view>
+				<view class="help-issue">
+					<text>联系方式</text>
+					<text style="color: #BD3624;">*</text>
+				</view>
+				<uv-input placeholder="请输入联系方式" fontSize="24rpx" border="bottom"
+					:custom-style="{backgroundColor: '#fff'}">
+					<template #prefix>
+						<uv-text text="联系姓名" size="24rpx" margin="20rpx 10rpx 20rpx 10rpx" />
+					</template>
+				</uv-input>
+				<uv-input placeholder="请输入联系姓名" border="none" fontSize="24rpx"
+					:custom-style="{backgroundColor: '#fff'}">
+					<template #prefix>
+						<uv-text text="联系方式" size="24rpx" margin="20rpx 10rpx 20rpx 10rpx" />
+					</template>
+				</uv-input>
+			</view> -->
+			<view class="help-button">
+				<view>确认</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				value: "",
+				fileList: []
+			}
+		},
+		onLoad(args) {
+
+		},
+		methods: {
+			deleteImage(e){
+				this.fileList.splice(e.index, 1)
+			},
+			afterRead(e){
+				let self = this
+				e.file.forEach(file => {
+					self.$Oss.ossUpload(file.url).then(url => {
+						self.fileList.push({
+							url
+						})
+					})
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.help {
+		.help-box {
+			width: 92%;
+			margin-left: 4%;
+
+			.help-issue {
+				margin: 20rpx;
+				font-size: 28rpx;
+				font-weight: 600;
+				color: #333333;
+			}
+
+			.help-screenshot {
+				display: flex;
+				align-items: center;
+				background-color: #fff;
+				padding: 20rpx;
+			}
+
+			.help-button {
+				display: flex;
+				justify-content: center;
+				font-size: 24rpx;
+				flex-shrink: 0;
+				margin-top: 60rpx;
+
+				view {
+					padding: 14rpx 120rpx;
+					border-radius: 38rpx;
+				}
+
+				view:nth-child(1) {
+					background: $uni-linear-gradient-btn-color;
+					color: #fff;
+					border: 2rpx solid #C8C8C8;
+				}
+
+				view:nth-child(2) {
+					color: #FFFDF6;
+					background-color: #C83741;
+				}
+			}
+		}
+	}
+</style>