React写响应式官方网站-媒体查询

讨论社区 / 日志 / 帖子详情

React写响应式官方网站-媒体查询

2022-08-03 11:09:05

139

{{single.collect_count}}

github地址

演示地址

帮朋友写一个官网，想着自己的技术栈是react，就用react框架加上bootstrap的UI框架借助媒体查询来适配，简单写了一个可以用作官方网站的东西。写了pc和移动端的适配。

技术框架：react
UI框架：bootstrap
主题：因为没有要求配色，于是按照对方logo颜色进行统一设置成枣红色
整体：整体布局，按照简约的方式，将对方提供的信息全部包括
其他：因为内容较少，没有做跳转操作，只是用的锚点进行定位。这个如果之后有需求可能会写一下跳转。

上一页：maven资源的官方网站

下一页：2、spring的官网

回帖

全部回帖（{{commentCount}}）

{{item.user.nickname}}

{{item.user.group_title}}

{{item.friend_time}}

{{item.content}}

{{item.like > 0 ? item.like : '点赞'}} {{item.comment_content_show ? '取消' : '回复'}} 删除

回帖

{{reply.user.nickname}}

{{reply.user.group_title}}

{{reply.friend_time}}

{{reply.content}}

{{reply.like > 0 ? reply.like : '点赞'}} {{reply.comment_content_show ? '取消' : '回复'}} 删除

回帖

收起

没有更多啦~

{{commentLoading ? '加载中...' : '查看更多评论'}}

一个专属于OneKeyAdmin的技术交流平台，记录OneKeyAdmin开发者的成长与进步。

主题帖

6221

回帖数

145

{{userInfo.describe}}

文章

{{blog_count}}

回帖

{{blog_comment_count}}

收藏

{{blog_collect_count}}

文章

-

评论

-

粉丝

-

1 WordPress Rest API 入门详解

2 Yandex企业邮箱注册

3 Thinkphp5.0 获取新增数据的ID

4 thinkphp5 解决跨域问题

5 Thinkphp6 的 where 查询条件 and 和 or 的操作

6 PHP的exec()函数用法详解

7 Vue3官网使用及简介

8 thinkphp6配置连接微软的sqlserver数据库

9 Thinkphp如何查看当前是哪个版本?查看thinkphp当前版本号的三种方法

10 thinkphp5使用数据库表锁