From f05c3f322f9561ca6ce083296df494e1545250fe Mon Sep 17 00:00:00 2001 From: caishi <1149225589@qq.com> Date: Fri, 26 Mar 2021 18:24:29 +0800 Subject: [PATCH] data --- src/AppConfig.js | 2 +- src/mulan/HOC/Index.scss | 8 +- src/mulan/Index.jsx | 112 +++++++++++++++++----------- src/mulan/Index.scss | 11 +++ src/mulan/Projects/Index.jsx | 136 +++++++++++++++++++++------------- src/mulan/Projects/Index.scss | 8 +- src/mulan/images/deno.png | Bin 0 -> 4033 bytes src/mulan/images/go7c.png | Bin 0 -> 2210 bytes src/mulan/images/perl.png | Bin 0 -> 1771 bytes 9 files changed, 174 insertions(+), 103 deletions(-) create mode 100644 src/mulan/images/deno.png create mode 100644 src/mulan/images/go7c.png create mode 100644 src/mulan/images/perl.png diff --git a/src/AppConfig.js b/src/AppConfig.js index a5a063b0..3b223f44 100644 --- a/src/AppConfig.js +++ b/src/AppConfig.js @@ -56,7 +56,7 @@ window._debugType = debugType; export function initAxiosInterceptors(props) { initOnlineOfflineListener(); var proxy = "http://localhost:3000"; - proxy = "https://testforgeplus.trustie.net"; + proxy = "http://192.168.1.37:3000"; const requestMap = {}; window.setfalseInRequestMap = function (keyName) { diff --git a/src/mulan/HOC/Index.scss b/src/mulan/HOC/Index.scss index 886c61de..27ad3572 100644 --- a/src/mulan/HOC/Index.scss +++ b/src/mulan/HOC/Index.scss @@ -48,10 +48,10 @@ padding-top: 60px; } .footsnav{ - // position: absolute; - // width: 100%; - // bottom: 0px; - // left: 0px; + position: absolute; + width: 100%; + bottom: 0px; + left: 0px; text-align: center; padding-bottom:10px; background-color: #fff; diff --git a/src/mulan/Index.jsx b/src/mulan/Index.jsx index 358af59b..7c1a1900 100644 --- a/src/mulan/Index.jsx +++ b/src/mulan/Index.jsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import React, { useEffect, useState } from 'react'; import { HomeHoc } from './HOC/HomeHoc'; import { Link } from 'react-router-dom'; import './Index.scss'; @@ -11,8 +11,25 @@ import icon2 from './images/icon2.png'; import active1 from './images/active1.jpg'; import active2 from './images/active2.png'; import DefaultImg from './images/default.png'; +import perl from './images/perl.png'; +import deno from './images/deno.png'; +import go7c from './images/go7c.png'; +// import axios from 'axios'; function Index(props){ + // const [ recommand ,setRecommand ] =useState(undefined); + // useEffect(()=>{ + // getRecommand(); + // },[]) + + // function getRecommand(){ + // const url = `/projects/recommand.json`; + // axios.get(url).then(result=>{ + // if(result && result.data){ + // setRecommand(result.data.data); + // } + // }).catch(error=>{}) + // } return(
@@ -26,11 +43,27 @@ function Index(props){
@@ -126,7 +143,15 @@ function Index(props){
@@ -169,7 +194,6 @@ function Index(props){
木兰开源社区版权所有 ©2020 技术支持:长沙智擎科技 粤ICP备12009483号 -
diff --git a/src/mulan/Index.scss b/src/mulan/Index.scss index e8b9fc37..efa9cf87 100644 --- a/src/mulan/Index.scss +++ b/src/mulan/Index.scss @@ -207,6 +207,17 @@ margin-right: 10px; } } + .imgBox{ + width: 145px; + height: 90px; + display: flex; + align-items: center; + justify-content: center; + img{ + max-width: 100%; + max-height: 100%; + } + } .news-title{ font-size: 16px; margin-bottom:5px; diff --git a/src/mulan/Projects/Index.jsx b/src/mulan/Projects/Index.jsx index 1d690df0..61145826 100644 --- a/src/mulan/Projects/Index.jsx +++ b/src/mulan/Projects/Index.jsx @@ -1,66 +1,100 @@ -import React from 'react'; +import React, { useEffect, useState } from 'react'; import { HOC } from '../HOC/Index'; import {Link} from 'react-router-dom'; import Title from '../../forge/Component/Title'; import { AlignCenter } from '../../forge/Component/layout'; import './Index.scss'; import DefaultImg from '../images/default.png'; - +const data =[ + { + name:"LAMP - Web开发平台", + desc:"LAMP是一个开源 Web开发平台，它使用Linux作为操作系统，使用Apache作为Web服务器，使用MySQL作为关系数据库管理系统，以及使用PHP作为面向对象的脚本语言。（有时使用Perl或Python代替PHP。）", + tags:["go","mit","linux"], + imageurl:"" + }, + { + name:"OpenStack - 一个开源的云计算管理平台项目", + desc:"OpenStack是一个开源的云计算管理平台项目，是一系列软件开源项目的组合。由NASA(美国国家航空航天局)和Rackspace合作研发并发起，以Apache许可证（Apache软件基金会发布的一个自由软件许可证）授权的开源代码项目。", + tags:["python/C++","Apache License 2.0","Linux"], + imageurl:"" + }, + { + name:"QEMU - 一种通用的开源计算机仿真器和虚拟器", + desc:"QEMU是一种通用的开源计算机仿真器和虚拟器。", + tags:["C","GPL","Linux"], + imageurl:"" + }, + { + name:"OpenBMC - 开源的下一代系统管理软件架构", + desc:"OpenBMC是一个开源的软件架构用于构建一个完整的基板管理控制器（BMC）的Linux image。", + tags:["C","GPL","Linux"], + imageurl:"" + }, + { + name:"Redis - key-value存储系统", + desc:"Redis是一个使用ANSI C语言编写的开源key-value内存数据库系统，Redis支持字符串(String), 哈希(Hash), 列表(list), 集合(sets) 和 有序集合(sorted sets)等数据结构类型，并提供多种语言的API。", + tags:["C/C++","BSD","Linux"], + imageurl:"" + }, + { + name:"ElasticSearch - 分布式多用户搜索引擎", + desc:"ElasticSearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎。", + tags:["Java","Elastic License","Linux"], + imageurl:"" + }, + { + name:"Redis - key-value存储系统", + desc:"Redis是一个使用ANSI C语言编写的开源key-value内存数据库系统，Redis支持字符串(String), 哈希(Hash), 列表(list), 集合(sets) 和 有序集合(sorted sets)等数据结构类型，并提供多种语言的API。", + tags:["C/C++","BSD","Linux"], + imageurl:"" + }, + { + name:"MySQL - 关系型数据库", + desc:"MySQL 是一个关系型数据库管理系统。", + tags:["C/C++","GPL","Linux"], + imageurl:"" + } +] function Index(props){ + const [ list , setList ] = useState(undefined); + useEffect(()=>{ + setList(data); + },[]) return(
基础类开源软件 -
-
  • - LAMP - Web开发平台 - -

    LAMP是一个开源 Web开发平台，它使用Linux作为操作系统，使用Apache作为Web服务器，使用MySQL作为关系数据库管理系统，以及使用PHP作为面向对象的脚本语言。（有时使用Perl或Python代替PHP。）

    - -     -
    - Go - MIT - Linux + { + list && list.length > 0 ? +
    + { + list.map((item,key)=>{ + return( +
  • + {item.name} + +

    {item.desc}

    + +     + { + item.tags && item.tags.length>0 && +
    + { + item.tags.map((i,k)=>{ + return( + {i} + ) + }) + } +
    + } +
    • + ) + }) + }
    - -
  • - LAMP - Web开发平台 - -

    LAMP是一个开源 Web开发平台，它使用Linux作为操作系统，使用Apache作为Web服务器，使用MySQL作为关系数据库管理系统，以及使用PHP作为面向对象的脚本语言。（有时使用Perl或Python代替PHP。）

    - -     -
    - Go - MIT - Linux -
    -
    • -
  • - LAMP - Web开发平台 - -

    LAMP是一个开源 Web开发平台，它使用Linux作为操作系统，使用Apache作为Web服务器，使用MySQL作为关系数据库管理系统，以及使用PHP作为面向对象的脚本语言。（有时使用Perl或Python代替PHP。）

    - -     -
    - Go - MIT - Linux -
    -
    • -
  • - LAMP - Web开发平台 - -

    LAMP是一个开源 Web开发平台，它使用Linux作为操作系统，使用Apache作为Web服务器，使用MySQL作为关系数据库管理系统，以及使用PHP作为面向对象的脚本语言。（有时使用Perl或Python代替PHP。）

    - -     -
    - Go - MIT - Linux -
    -
    • -
    + :"" + }
    ) diff --git a/src/mulan/Projects/Index.scss b/src/mulan/Projects/Index.scss index b01914b2..1c193d3e 100644 --- a/src/mulan/Projects/Index.scss +++ b/src/mulan/Projects/Index.scss @@ -1,18 +1,20 @@ .panels{ width: 1200px; - margin:0px auto; + margin:20px auto 60px; .projectsList{ margin:20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); .lists{ + min-height:500px; padding:20px 30px; display: flex; flex-wrap: wrap; + align-items: flex-start;; & > li{ margin-right: 2%; border: 1px solid #eee; width: 32%; - margin-bottom: 20px; + margin-bottom: 25px; border-radius: 4px; min-height: 200px; box-shadow: 0 4px 8px 0 rgba(95,101,105,0.1); @@ -20,7 +22,7 @@ transform: translateY(-2px); box-shadow: 0 12px 20px 0 rgba(95,101,105,0.15); } - &:nth-child(3){ + &:nth-child(3n){ margin-right: 0px; } .listName{ diff --git a/src/mulan/images/deno.png b/src/mulan/images/deno.png new file mode 100644 index 0000000000000000000000000000000000000000..19eb82b61605ae0676a2c6a818e044f8244179e0 GIT binary patch literal 4033 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 literal 0 HcmV?d00001