补充一些公共方法

pages/login/login.vue

@@ -1,6 +1,5 @@
 <template>
 	<view class="app-login-page">
-		<u-toast ref="uToast" />
 		<view class="app-login">
 			<view class="app-icon mb-30">
 				<image src="/static/images/login-icon.png" mode="aspectFit" style="height: 40px;"></image>
@@ -34,11 +33,11 @@
 				</view>
 				<view class="phone-form" v-if="loginType=='username'">、
 					<view class="form-item">
-						<u-input height="80" placeholder="请输入账号" border-color="#b1b1b1" v-model="phoneForm.shoujihao"
+						<u-input height="80" placeholder="请输入账号" border-color="#b1b1b1" v-model="usernameForm.zhanghao"
 							:border="true" class="form-item-input" />
 					</view>
 					<view class="form-item">
-						<u-input height="80" placeholder="请输入密码" border-color="#b1b1b1" v-model="phoneForm.yanzhengma"
+						<u-input height="80" placeholder="请输入密码" border-color="#b1b1b1" v-model="usernameForm.mima"
 							:border="true" class="form-item-input" />
 					</view>
 					<view class="form-button" @click="usenameLoginHandle">
@@ -65,6 +64,8 @@
 </template>
 
 <script>
+	import { usernameLogin } from "@/api/user.js"
+	import { msg } from "@/utils/common.js"
 	export default {
 		data() {
 			return {
@@ -88,11 +89,11 @@
 			phoneLoginHandle() {
 				const regex = /^1[3-9]\d{9}$/;
 				if (!regex.test(this.phoneForm.shoujihao)) {
-					this.showToast("请输入正确的手机号")
+					msg("请输入正确的手机号")
 					return;
 				}
 				if (!this.phoneForm.yanzhengma) {
-					this.showToast("请输入验证码")
+					msg("请输入验证码")
 					return;
 				}
 				console.log(this.phoneForm)
@@ -101,13 +102,16 @@
 			// 账号登录
 			usenameLoginHandle(){
 				if(!this.usernameForm.zhanghao){
-					this.showToast("请输入账号")
+					msg("请输入账号")
 					return;
 				}
 				if(!this.usernameForm.mima){
-					this.showToast("请输入密码")
+					msg("请输入密码")
 					return;
 				}
+				// usernameLogin(this.usernameForm).then(res=>{
+				// 	console.log(res,45699)
+				// })
 				console.log(this.usernameForm)
 			},
 			toPage(url){
@@ -116,14 +120,6 @@
 					url:url
 				})
 			},
-			// 提示
-			showToast(msg, type) {
-				this.$refs.uToast.show({
-					title: msg,
-					type: type ? type : "error",
-					position: "top"
-				})
-			},
 			// 点击获取验证码
 			requestVerificationCode() {
 				if (!this.isCounting) {

pages/register/register.vue

@@ -39,6 +39,7 @@
 </template>
 
 <script>
+	import { msg } from "@/utils/common.js"
 	export default {
 		data() {
 			return {
@@ -116,16 +117,15 @@
 				that.$refs.registerForm.validate((valid) => {
 					console.log(valid, that.registerForm.xingbie, 456);
 					if (valid) {
-						that.showToast("数据验证成功")
+						msg("数据验证成功")
 					}
 				})
 			},
 			// 提示
 			showToast(msg, type) {
-				this.$refs.uToast.show({
-					title: msg,
-					type: type ? type : "error",
-					position: "top"
+				uni.showToast({
+				  icon: type ? type : "none",
+				  title: msg
 				})
 			},
 			back(){

utils/auth.js

@@ -0,0 +1,13 @@
+const TokenKey = 'App-Token'
+// token
+export function getToken() {
+  return uni.getStorageSync(TokenKey)
+}
+
+export function setToken(token) {
+  return uni.setStorageSync(TokenKey, token)
+}
+
+export function removeToken() {
+  return uni.removeStorageSync(TokenKey)
+}

utils/common.js

@@ -0,0 +1,115 @@
+export function msg(content) {
+	uni.showToast({
+		title: content,
+		icon: 'none'
+	})
+}
+// 错误消息
+export function msgError(content) {
+	uni.showToast({
+		title: content,
+		icon: 'error'
+	})
+}
+// // 成功消息
+export function msgSuccess(content) {
+	uni.showToast({
+		title: content,
+		icon: 'success'
+	})
+}
+// // 隐藏消息
+export function hideMsg(content) {
+	uni.hideToast()
+}
+// // 弹出提示
+export function alert(content, title) {
+	uni.showModal({
+		title: title || '系统提示',
+		content: content,
+		showCancel: false
+	})
+}
+// // 确认窗体
+export function confirm(content, title) {
+	return new Promise((resolve, reject) => {
+		uni.showModal({
+			title: title || '系统提示',
+			content: content,
+			cancelText: '取消',
+			confirmText: '确定',
+			success: function(res) {
+				if (res.confirm) {
+					resolve(res.confirm)
+				}
+			}
+		})
+	})
+}
+// // 提示信息
+export function showToast(option) {
+	if (typeof option === "object") {
+		uni.showToast(option)
+	} else {
+		uni.showToast({
+			title: option,
+			icon: "none",
+			duration: 2500
+		})
+	}
+}
+// // 打开遮罩层
+export function loading(content) {
+	uni.showLoading({
+		title: content,
+		icon: 'none'
+	})
+}
+// // 关闭遮罩层
+export function closeLoading() {
+	uni.hideLoading()
+}
+
+// /**
+//  * 显示模态弹窗
+//  * @param content 提示的标题
+//  */
+export function showConfirm(content) {
+	return new Promise((resolve, reject) => {
+		uni.showModal({
+			title: '提示',
+			content: content,
+			cancelText: '取消',
+			confirmText: '确定',
+			success: function(res) {
+				resolve(res)
+			}
+		})
+	})
+}
+
+/**
+ * 参数处理
+ * @param params 参数
+ */
+export function tansParams(params) {
+	let result = ''
+	for (const propName of Object.keys(params)) {
+		const value = params[propName]
+		var part = encodeURIComponent(propName) + "="
+		if (value !== null && value !== "" && typeof(value) !== "undefined") {
+			if (typeof value === 'object') {
+				for (const key of Object.keys(value)) {
+					if (value[key] !== null && value[key] !== "" && typeof(value[key]) !== 'undefined') {
+						let params = propName + '[' + key + ']'
+						var subPart = encodeURIComponent(params) + "="
+						result += subPart + encodeURIComponent(value[key]) + "&"
+					}
+				}
+			} else {
+				result += part + encodeURIComponent(value) + "&"
+			}
+		}
+	}
+	return result
+}