Home Explore Help
Sign In
yongxu
/
yongxu-web
4
0
Fork 1
Files Issues 0 Pull Requests 0 Wiki
Browse Source

fix(compiler): 新增demo页面，修改平台名称

lizhiqi 2 years ago
parent
5dbc4cd324
commit
91973d129e
7 changed files with 43 additions and 21 deletions
Unified View Show Diff Stats
  1. 1 1
      README.md
  2. 1 1
      config/defaultSettings.ts
  3. 4 4
      src/locales/zh-CN/pages.ts
  4. 24 2
      src/pages/Demo/index.tsx
  5. 1 1
      src/pages/document.ejs
  6. 11 11
      src/pages/user/Login/index.less
  7. 1 1
      src/pages/user/Login/index.tsx

+ 1 - 1
README.md
View File 

@@ -1,4 +1,4 @@
 
-# Ant Design Pro
 
+# 永续绿建 web 管理平台
 
 
 
 This project is initialized with [Ant Design Pro](https://pro.ant.design). Follow is the quick guide for how to use.
 
 This project is initialized with [Ant Design Pro](https://pro.ant.design). Follow is the quick guide for how to use.

+ 1 - 1
config/defaultSettings.ts
View File 

@@ -12,7 +12,7 @@ const Settings: LayoutSettings & {
 
   fixedHeader: false,
 
   fixedHeader: false,
 
   fixSiderbar: true,
 
   fixSiderbar: true,
 
   colorWeak: false,
 
   colorWeak: false,
 
-  title: 'Ant Design Pro',
 
+  title: '永续绿建web管理平台',
 
   pwa: false,
 
   pwa: false,
 
   logo: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',
 
   logo: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',
 
   iconfontUrl: '',
 
   iconfontUrl: '',

+ 4 - 4
src/locales/zh-CN/pages.ts
View File 

@@ -1,12 +1,12 @@
 
 export default {
 
 export default {
 
-  'pages.layouts.userLayout.title': 'Ant Design 是西湖区最具影响力的 Web 设计规范',
 
+  'pages.layouts.userLayout.title': '永续绿建理后台管理系统',
 
   'pages.login.accountLogin.tab': '账户密码登录',
 
   'pages.login.accountLogin.tab': '账户密码登录',
 
-  'pages.login.accountLogin.errorMessage': '错误的用户名和密码(admin/ant.design)',
 
+  'pages.login.accountLogin.errorMessage': '错误的用户名和密码',
 
   'pages.login.failure': '登录失败，请重试！',
 
   'pages.login.failure': '登录失败，请重试！',
 
   'pages.login.success': '登录成功！',
 
   'pages.login.success': '登录成功！',
 
-  'pages.login.username.placeholder': '用户名: admin or user',
 
+  'pages.login.username.placeholder': '请输入用户名',
 
   'pages.login.username.required': '用户名是必填项！',
 
   'pages.login.username.required': '用户名是必填项！',
 
-  'pages.login.password.placeholder': '密码: ant.design',
 
+  'pages.login.password.placeholder': '请输入密码',
 
   'pages.login.password.required': '密码是必填项！',
 
   'pages.login.password.required': '密码是必填项！',
 
   'pages.login.phoneLogin.tab': '手机号登录',
 
   'pages.login.phoneLogin.tab': '手机号登录',
 
   'pages.login.phoneLogin.errorMessage': '验证码错误',
 
   'pages.login.phoneLogin.errorMessage': '验证码错误',

+ 24 - 2
src/pages/Demo/index.tsx
View File 

@@ -1,8 +1,9 @@
 
-import { Card, Tabs, Input, Typography, Space } from 'antd';
 
+import { Card, Tabs, Input, Typography, Space, Form, Button } from 'antd';
 
 
 
 import React from 'react';
 
 import React from 'react';
 
 import { useState } from 'react';
 
 import { useState } from 'react';
 
 import { postData, getData } from '@/services/demo';
 
 import { postData, getData } from '@/services/demo';
 
+import { ReloadOutlined, SearchOutlined } from '@ant-design/icons';
 
 
 
 const { Text } = Typography;
 
 const { Text } = Typography;
 
 const { Search } = Input;
 
 const { Search } = Input;
 
@@ -12,6 +13,7 @@ const DemoPage: React.FC = () => {
 
   const [tabText1, setTabText1] = useState('Tab1');
 
   const [tabText1, setTabText1] = useState('Tab1');
 
   const [tabText2, setTabText2] = useState('Tab2');
 
   const [tabText2, setTabText2] = useState('Tab2');
 
   const [tabText3, setTabText3] = useState('Tab3');
 
   const [tabText3, setTabText3] = useState('Tab3');
 
+  const [form] = Form.useForm();
 
 
 
   const handleOnChange = (key: string) => {
 
   const handleOnChange = (key: string) => {
 
     console.log('handleOnChange: ' + key);
 
     console.log('handleOnChange: ' + key);
 
@@ -48,7 +50,27 @@ const DemoPage: React.FC = () => {
 
   }
 
   }
 
   return (
 
   return (
 
     <div className="site-card-border-less-wrapper">
 
     <div className="site-card-border-less-wrapper">
 
-      <Card title="demo_page">
 
+      <Card title="demo">
 
+        <Form form={form} layout="inline">
 
+          <Form.Item name="first" label="第一个">
 
+            <Input placeholder="请输入..." />
 
+          </Form.Item>
 
+          <Form.Item name="first" label="第二个">
 
+            <Input placeholder="请输入..." />
 
+          </Form.Item>
 
+          <Form.Item style={{ marginBottom: '10px' }}>
 
+            <Space>
 
+              <Button type="primary" htmlType="submit">
 
+                <SearchOutlined />
 
+                查询
 
+              </Button>
 
+              <Button htmlType="button">
 
+                <ReloadOutlined />
 
+                重置
 
+              </Button>
 
+            </Space>
 
+          </Form.Item>
 
+        </Form>
 
         <Tabs defaultActiveKey="1" activeKey={currentKey} onChange={handleOnChange}>
 
         <Tabs defaultActiveKey="1" activeKey={currentKey} onChange={handleOnChange}>
 
           <Tabs.TabPane tab="Demo_Tab_1" key="1" />
 
           <Tabs.TabPane tab="Demo_Tab_1" key="1" />
 
           <Tabs.TabPane tab="Demo_Tab_2" key="2" />
 
           <Tabs.TabPane tab="Demo_Tab_2" key="2" />

+ 1 - 1
src/pages/document.ejs
View File 

@@ -22,7 +22,7 @@
 
       name="viewport"
 
       name="viewport"
 
       content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
 
       content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
 
     />
 
     />
 
-    <title>Ant Design Pro</title>
 
+    <title>永续绿建web管理平台</title>
 
     <link rel="icon" href="<%= context.config.publicPath +'favicon.ico'%>" type="image/x-icon" />
 
     <link rel="icon" href="<%= context.config.publicPath +'favicon.ico'%>" type="image/x-icon" />
 
   </head>
 
   </head>
 
   <body>
 
   <body>

+ 11 - 11
src/pages/user/Login/index.less
View File 

@@ -36,15 +36,15 @@
 
   }
 
   }
 
 }
 
 }
 
 
 
-.icon {
 
-  margin-left: 8px;
 
-  color: rgba(0, 0, 0, 0.2);
 
-  font-size: 24px;
 
-  vertical-align: middle;
 
-  cursor: pointer;
 
-  transition: color 0.3s;
 
+// .icon {
 
+//   margin-left: 8px;
 
+//   color: rgba(0, 0, 0, 0.2);
 
+//   font-size: 24px;
 
+//   vertical-align: middle;
 
+//   cursor: pointer;
 
+//   transition: color 0.3s;
 
 
 
-  &:hover {
 
-    color: @primary-color;
 
-  }
 
-}
 
+//   &:hover {
 
+//     color: @primary-color;
 
+//   }
 
+// }

+ 1 - 1
src/pages/user/Login/index.tsx
View File 

@@ -89,7 +89,7 @@ const Login: React.FC = () => {
 
       <div className={styles.content}>
 
       <div className={styles.content}>
 
         <LoginForm
 
         <LoginForm
 
           logo={<img alt="logo" src="/logo.svg" />}
 
           logo={<img alt="logo" src="/logo.svg" />}
 
-          title="Ant Design"
 
+          title="永续绿建后台管理系统"
 
           subTitle={intl.formatMessage({ id: 'pages.layouts.userLayout.title' })}
 
           subTitle={intl.formatMessage({ id: 'pages.layouts.userLayout.title' })}
 
           initialValues={{
 
           initialValues={{
 
             autoLogin: true,
 
             autoLogin: true,