初始化项目

App.vue

@@ -1,3 +1,8 @@
+<style lang="scss">
+	@import "uview-ui/index.scss";
+</style>
+
+
 <script>
 	export default {
 		onLaunch: function() {
@@ -10,8 +15,4 @@
 			console.log('App Hide')
 		}
 	}
-</script>
-
-<style>
-	/*每个页面公共css */
-</style>
+</script>

common/js/api.js

@@ -1,12 +1,6 @@
 // 引用网络请求中间件
-import request from '../js/request.js';
+import login from "../js/login.js";
 
 export default {
-    //我的权益卡列表
-    orderFinish(orderId) {
-        return request({
-            url: '/order/wechat/order/finish/' + orderId,
-            method: 'PUT'
-        })
-    }
-}
+	login,
+}

common/js/env.js

@@ -1,7 +1,7 @@
 "use strict";
 
-let baseUrl = `https://jje.admin.xinyuekj.com.cn`
-// let baseUrl = `https://jje.admin.xinyuekj.com.cn/test-api`
+// let baseUrl = `https://jje.admin.xinyuekj.com.cn`
+let baseUrl = `https://jje.admin.xinyuekj.com.cn/test-api`
 // let baseUrl = `http://65i1sxopd9qp.ngrok.xiaomiqiu123.top`
 
 
@@ -13,4 +13,4 @@ export default { //存放变量的容器
 
 	uploadUrl: '/v1/file/put-file'
 
-}
+}

common/js/login.js

@@ -0,0 +1,13 @@
+import request from '../js/request.js';
+
+
+export default {
+	//账号密码登录
+	techLogin(param) {
+		return request({
+			url: '/auth/tech/login',
+			method: 'POST',
+			data: param
+		})
+	}
+}

main.js

@@ -5,12 +5,13 @@ import './uni.promisify.adaptor'
 import api from './common/js/api'
 import env from './common/js/env.js';
 
-
+import uView from "uview-ui";
+Vue.use(uView);
 Vue.config.productionTip = false
 Vue.prototype.$baseUrl = env.baseUrl;
 Vue.prototype.$api = api;
 App.mpType = 'app'
 const app = new Vue({
-  ...App
+	...App
 })
-app.$mount()
+app.$mount()

package-lock.json

@@ -0,0 +1,27 @@
+{
+  "name": "jje_staff_uniapp",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "uview-ui": "^2.0.36"
+      }
+    },
+    "node_modules/uview-ui": {
+      "version": "2.0.36",
+      "resolved": "https://registry.npmmirror.com/uview-ui/-/uview-ui-2.0.36.tgz",
+      "integrity": "sha512-ASSZT6M8w3GTO1eFPbsgEFV0U5UujK+8pTNr+MSUbRNcRMC1u63DDTLJVeArV91kWM0bfAexK3SK9pnTqF9TtA==",
+      "engines": {
+        "HBuilderX": "^3.1.0"
+      }
+    }
+  },
+  "dependencies": {
+    "uview-ui": {
+      "version": "2.0.36",
+      "resolved": "https://registry.npmmirror.com/uview-ui/-/uview-ui-2.0.36.tgz",
+      "integrity": "sha512-ASSZT6M8w3GTO1eFPbsgEFV0U5UujK+8pTNr+MSUbRNcRMC1u63DDTLJVeArV91kWM0bfAexK3SK9pnTqF9TtA=="
+    }
+  }
+}

package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "uview-ui": "^2.0.36"
+  }
+}

pages.json

@@ -1,12 +1,17 @@
 {
+	"easycom": {
+		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+	},
+
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 
+
+
 		{
-			"path" : "pages/login/login",
-			"style" :
-			{
-				"navigationBarTitleText" : "登录",
-				"enablePullDownRefresh" : false
+			"path": "pages/login/login",
+			"style": {
+				"navigationBarTitleText": "登录",
+				"enablePullDownRefresh": false
 			}
 		},
 
@@ -18,11 +23,10 @@
 		},
 
 		{
-			"path" : "pages/my/my",
-			"style" :
-			{
-				"navigationBarTitleText" : "我的",
-				"enablePullDownRefresh" : false
+			"path": "pages/my/my",
+			"style": {
+				"navigationBarTitleText": "我的",
+				"enablePullDownRefresh": false
 			}
 		}
 	],
@@ -52,4 +56,4 @@
 	},
 
 	"uniIdRouter": {}
-}
+}

pages/login/index.rpx.css

@@ -0,0 +1,30 @@
+.page {
+	padding: 0 25rpx;
+}
+
+.log {
+	width: 200rpx;
+	height: 150rpx;
+	margin-top: 30rpx;
+}
+
+.title {
+	margin-top: 30rpx;
+	font-size: 28rpx;
+}
+
+.form {
+	padding: 0 20rpx;
+}
+
+.formItem {
+	margin-top: 50rpx;
+}
+
+.button {
+	background: #FFE05C;
+}
+
+.button::after {
+	border: none;
+}

pages/login/login.vue

@@ -1,20 +1,81 @@
 <template>
-	<view>
-		<button @click="login">登录</button>
+	<view class="page">
+		<view class="logTitle">
+			<view class="flex-row justify-center">
+				<image src="../../static/logo.png" class="log"></image>
+			</view>
+
+			<view class="flex-row justify-center title">
+				<text>欢迎登录娇骄儿造型员工端</text>
+			</view>
+
+		</view>
+
+		<view class="form">
+			<u--form labelPosition="left" :model="form" :rules="rules" ref="uForm">
+				<view class="formItem">
+					<u-form-item label="账号" prop="username" borderBottom ref="item1">
+						<u--input v-model="form.username" border="none"></u--input>
+					</u-form-item>
+				</view>
+
+				<view class="formItem">
+					<u-form-item label="密码" prop="password" borderBottom ref="item1">
+						<u--input v-model="form.password" border="none" type="password"></u--input>
+					</u-form-item>
+				</view>
+
+				<view class="formItem">
+					<button class="button" @click="login">提交</button>
+				</view>
+
+			</u--form>
+
+		</view>
 	</view>
 </template>
 
 <script>
+	import login from "../../common/js/login";
+
 	export default {
 		data() {
 			return {
+				form: {
+					username: '',
+					password: ''
+				},
+				rules: {
+					'username': {
+						type: 'string',
+						required: true,
+						min: 11,
+						max: 11,
+						message: '请输入11位手机号',
+						trigger: ['blur', 'change']
+					},
+					'password': {
+						type: 'string',
+						required: true,
+						min: 6,
+						max: 18,
+						message: '请输入6-18位密码',
+						trigger: ['blur', 'change']
+					}
+				}
 
 			}
 		},
 		methods: {
-			login(){
-				uni.switchTab({
-					url:"/pages/index/index"
+
+			login() {
+				this.$refs.uForm.validate().then(res => {
+					this.$api.login.techLogin(this.form).then(res => {
+						uni.setStorageSync('accessToken', res.data.data.access_token)
+						uni.switchTab({
+							url: "/pages/index/index"
+						})
+					})
 				})
 			}
 		}
@@ -24,4 +85,4 @@
 <style lang="scss" scoped>
 	@import '../../common/css/common.css';
 	@import './index.rpx.css';
-</style>
+</style>

uni.scss

@@ -1,3 +1,4 @@
+@import 'uview-ui/theme.scss';
 /**
  * 这里是uni-app内置的常用样式变量
  *