.

src/pages/index/components/User/index.jsx

@@ -1,3 +1,4 @@
+import Taro from "@tarojs/taro"
 import { View, Image, ScrollView } from "@tarojs/components"
 import userBgi from '@/assets/user/userBgi.png'
 import avatar from '@/assets/user/defaultAvatar.png'
@@ -21,13 +22,20 @@ export default (props) => {
   const handleAboutUs = () => { }
   const handleUpdate = () => { }
   const handleFeedback = () => { }
-  const handleLogin = () => { setIsLogin(true) }
+  const handleLogin = () => { 
+    Taro.navigateTo({ url: '/pages/login/index' });
+    // setIsLogin(true) 
+  }
   const goMachinery = () => { }
   const goWallet = () => { }
   const goBank = () => { }
   const signOut = () => { setIsLogin(false) }
   return (
     <ScrollView scrollY style={{ height: '100%' }}>
+      {
+        islogin &&
+        <View className='personTip'>该账号归张三所属</View>
+      }
       <View className='userHead'>
         <Image src={userBgi} className='userBgi' />
         <View className='headcontent' onClick={handleLogin}>

src/pages/index/components/User/style.less

@@ -1,3 +1,16 @@
+.personTip{
+  font-size: 24px;
+  color: #FFFFFF;
+  width: 247px;
+  height: 54px;
+  background: #000000;
+  opacity: 0.3;
+  position: absolute;
+  text-align: center;
+  line-height: 54px;
+  top: 0;
+  right: 0;
+}
 .userHead{
   width: 100%;
   height: 50vw;

src/pages/login/index.config.js

@@ -0,0 +1,7 @@
+export default {
+  navigationBarTitleText: '登录',
+  navigationStyle: 'custom',
+  styleIsolation: 'shared',
+  enableShareAppMessage: true,
+  disableScroll: true,
+}

src/pages/login/index.jsx

@@ -0,0 +1,19 @@
+import { View, Image } from "@tarojs/components"
+import CustomNav from "@/components/CustomNav"
+import bgi from '@/assets/login/loginImg.png'
+import './style.less'
+
+export default (props) => {
+  return (
+    <View className='page-index'>
+      <View className='index-navbar'>
+        <CustomNav title='登录' />
+      </View>
+      <Image src={bgi} className='loginBgi' />
+      <View className='index-container loginContent'>
+        <View className='title1'>您好！</View>
+        <View className='title2'>欢迎进入农机手端小程序！</View>
+      </View>
+    </View>
+  )
+}

src/pages/login/style.less

@@ -0,0 +1,20 @@
+.loginBgi{
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+}
+.loginContent{
+  padding: 60px 30px;
+  color: #333333;
+  font-weight: bold;
+  .title1{
+    padding: 40px 0;
+    font-size: 66px;
+    letter-spacing: 10px;
+  }
+  .title2{
+    font-size: 54px;
+    letter-spacing: 10px;
+  }
+}

src/routes.js

@@ -14,6 +14,10 @@ const mainPages = [
     title: '详情',
     page: 'pages/orderDetail/index',
   },
+  {
+    title: '登录',
+    page: 'pages/login/index',
+  },
   
 ];