diff --git a/app/admin/view/login/index.html b/app/admin/view/login/index.html index 518e163..fb19949 100644 --- a/app/admin/view/login/index.html +++ b/app/admin/view/login/index.html @@ -8,19 +8,18 @@ {:get_system_config('web','admin_title')} @@ -54,7 +53,7 @@
-
+
@@ -69,7 +68,7 @@
{:get_system_config('web','copyright')} {:get_system_config('web','icp')}，Powered by GouguCMS + rel="nofollow" style="margin-left: 15px;color:#458BF3;">{:get_system_config('web','icp')}，Powered by GouguCMS
diff --git a/app/home/view/index/index.html b/app/home/view/index/index.html index a8372a4..0fdd93d 100644 --- a/app/home/view/index/index.html +++ b/app/home/view/index/index.html @@ -6,39 +6,41 @@ {block name="body"} {include file="common/header" nav='info' /} -
-
-
-
-
勾股CMS，让WEB开发更简单！
-
勾股CMS是一套基于ThinkPHP6 + Layui + MySql打造的轻量级、高性能极速后台开发框架。
系统各管理模块，一目了然，操作简单，通用型的后台权限管理框架，干净不臃肿、极易上手、开箱即用。
系统以简洁为原则，结构清晰，易于功能扩展，代码维护，非常容易定制和二次开发，帮助开发者简单高效降低二次开发成本。
+ + + + +
+
+
+

系统特色

+

完全免费开源，系统易于功能扩展，代码维护，非常容易定制和二次开发。

+
-
+
@@ -47,7 +49,7 @@
-
+
@@ -56,7 +58,7 @@
-
+
@@ -65,7 +67,7 @@
-
+
@@ -75,27 +77,33 @@
-
-
-
- - 开源的博客系统 -
    -
  • ● 基于勾股CMS开发，一脉相承
    • -
  • ● 简约、易用、轻快等特点
    • -
-
    -
  • ● 集成文章、动态、归档、访问统计等功能
    • -
  • ● 可做博客，工作室，自媒体等各类网站
    • -
- 免费开源 -
+
+ + +
+
+ + 开源的博客系统 +
    +
  • ● 基于勾股CMS开发，一脉相承
    • +
  • ● 简约、易用、轻快等特点
    • +
+
    +
  • ● 集成文章、动态、归档、访问统计等功能
    • +
  • ● 可做博客，工作室，自媒体等各类网站
    • +
+ 免费开源
-
-
-
功能矩阵
-
系统后台集成了主流的通用功能，如：登录验证、系统配置、操作日志管理、角色权限、功能模块、功能节点、导航设置、网站地图、轮播广告、友情链接、TAG关键字管理、搜索关键字管理、文件上传、数据备份/还原、文章功能、商品功能、单页面管理、用户等级、用户管理、用户操作日志、用户注册/登录、 API接口等。更多的个性化功能可以基于当前系统便捷做二次开发。
+
+ + +
+
+
+

功能矩阵

+

系统后台集成了主流的通用功能，如：登录验证、系统配置、操作日志管理、角色权限、功能模块、功能节点、导航设置、网站地图、轮播广告、友情链接、TAG关键字管理、搜索关键字管理、文件上传、数据备份/还原、文章功能、商品功能、单页面管理、用户等级、用户管理、用户操作日志、用户注册/登录、 API接口等。更多的个性化功能可以基于当前系统便捷做二次开发。

+
@@ -165,13 +173,13 @@
-
-
+
+
-
+
{/block} @@ -183,6 +191,12 @@ AOS.init({ easing: 'ease-in-out-sine' }); + $('.btn-view').on('click',function(){ + layer.open({ + 'title':'体验账号', + 'content':'用户：gougucms
密码：123456' + }); + }) {/block} \ No newline at end of file diff --git a/app/install/data/gougucms.sql b/app/install/data/gougucms.sql index a2907f4..cb5a7c5 100644 --- a/app/install/data/gougucms.sql +++ b/app/install/data/gougucms.sql @@ -454,7 +454,6 @@ INSERT INTO `cms_nav_info` VALUES (9, 2, 1, '勾股DEV项目管理系统', 'http INSERT INTO `cms_nav_info` VALUES (10, 0, 1, '开发日志', '/home/index/logs.html', '', 0, 1, 10, 0, 0); - -- ---------------------------- -- Table structure for `cms_slide` -- ---------------------------- diff --git a/public/static/home/css/index.css b/public/static/home/css/index.css index 7411c63..f9941ed 100644 --- a/public/static/home/css/index.css +++ b/public/static/home/css/index.css @@ -1,29 +1,37 @@ .container{width:1220px; height:100%; margin:0 auto; position:relative;} -.index{width:100%;margin-top: 60px;} -.intro{ width:100%; height:660px; position: relative; background: url(../images/banner_1.png) no-repeat center 0; font-size: 18px; color: #fff; font-weight: 100;} -.intro-img{width: 518px; position: absolute; bottom:0; left:0;} -.intro-img img{width: 100%;} -.intro-info{ line-height: 2.4; padding-top: 60px;} -.intro-title{font-size: 42px;color: #fff; margin: 10px 0;} -.intro-ops{text-align: center;padding: 60px 0;} -.cms-download a{width: 200px; line-height: 66px; font-size: 20px; display: inline-block; background-color: #EB4336; color: #fff; border-radius: 4px;} -.cms-download a:hover{opacity: .9;} -.cms-version{padding: 32px 0; font-size: 14px;} -.cms-version a{color:#fff; margin-left: 16px;} -.cms-other a{border: 1px solid #77a5e8; color:#b6d5ff; font-size: 14px; padding: 6px 20px; border-radius: 3px;} -.cms-other a:hover{color: #fff; border-color: #fff;} - -.advantage {background:#f2f2f2; width: 100%; text-align: center; padding: 80px 0; font-weight: 100;} -.advantage-title{font-size: 42px; font-weight: 500; text-align: center;} -.advantage-sub-title{font-size: 18px; padding: 20px 0; line-height:1.8; text-align:center;} -.item-wrap{display: flex; padding-top: 36px; justify-content: center;align-items: center; +.section-header{padding-bottom:36px;} +.section-header h2{font-size: 32px; font-weight: 400; text-align: center;} +.section-header p{font-size: 16px; padding: 20px 0; line-height:1.8; text-align:center;color: #646464;} +.item-wrap{display: flex;flex-wrap: wrap; justify-content: center;align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; } -.advantage-item { width: 282px; font-size: 16px; line-height: 1.5; margin:0 12px; word-wrap: break-word;} +.item-col-3{width:33.3333333333%; padding:0 12px;box-sizing: border-box;} +.item-col-4{width:25%; padding:0 12px;box-sizing: border-box;} +.item-col-6{width:16.6666666666%; padding:0 12px;box-sizing: border-box;} -.feature {display: block;background: #fff; padding: 36px 20px 20px; margin: 0 0 10px;border-radius: 8px;text-align: center;} + +.banner {width: 100%; height: 80vh; background: url(../images/bg.png) bottom center no-repeat; background-size: cover;} +.banner-text{position:absolute; left:0; top:50%; margin-top:-150px;} +.banner-img{position:absolute; right:0; top:50%; margin-top:-210px;} +.banner-img img{width:468px;} +.banner h1 { margin: 0; font-size: 40px; color: #323232; font-weight:400;} +.banner h2 { color: #646464; margin: 20px 0 0 0; line-height:2; font-size: 18px; font-weight: 200;} +.banner .btn-down {margin: 60px 0 0 0; display:inline-block; padding: 12px 24px; border-radius: 3px; transition: 0.5s; color: #fff; border:1px solid #186AF2;background: #186AF2;box-shadow: 0px 5px 30px rgba(65, 84, 241, 0.4); font-size: 16px; font-weight: 600;} +.banner .btn-down:hover{opacity:0.8} +.banner .btn-go {margin: 60px 0 0 20px; display:inline-block; padding: 12px 24px; border-radius: 3px; transition: 0.5s; color: #186AF2; border:1px solid #186AF2; box-shadow: 0px 5px 30px rgba(65, 84, 241, 0.4);font-size: 16px; font-weight: 600;} +.banner .btn-go:hover{opacity:0.8} +.banner .btn-view {margin: 60px 0 0 20px; cursor: pointer; display:inline-block; padding: 12px 24px; transition: 0.5s; color: #458BF3; font-size: 12px;} +.banner .banner-ops{margin: 20px 0; padding: 12px 0; transition: 0.5s; color: #458BF3; font-size: 12px;} +.banner .banner-ops a{margin-right:12px; color: #969696;} +.banner .banner-ops a.btn-full{width:150px; text-align:center; display:inline-block;color: #458BF3;} +.banner .intro-img{width: 420px; position: absolute; bottom:0; left:0;} +.banner .intro-img img{width: 100%;} + + +.advantage {background:#ffffff; width: 100%; text-align: center; padding: 80px 0; font-weight: 100;} +.feature {display: block;background: #fff; padding: 36px 20px 20px;text-align: center;font-size: 16px; line-height: 1.5; word-wrap: break-word; box-shadow: 0px 0 30px rgb(1 41 112 / 10%); height: 100%; background-color: #fff; text-align: center; transition: 0.3s; border-radius: 6px;} .feature:hover { background-color: #4385F5; background: linear-gradient(to left, #4385F5, #00aaff); color: #fff; } .feature .part-icon {display: inline-block;border-radius: 100%;background: #f5f5f5; padding: 25px;width: 60px; height: 60px;} .part-text h3 {color: #333;font-weight: normal; text-align: center;font-size:18px; padding: 10px 0;} @@ -57,15 +65,24 @@ .item-box h3{font-size: 18px; font-weight: 100; padding-top:10px;} .item-box img{height:80px;} + +@media (min-width: 1024px) { + .banner { + background-attachment: fixed; + } +} + @media (max-width: 1280px) { - .container{width:1026px;} - .intro-img{width: 390px; } + .container{width:1026px;} + .banner h1 {font-size: 36px;} + .banner h2 {font-size: 16px;} + .banner-img{margin-top:-160px;} + .banner-img img{width:360px;} + .banner .intro-img{width: 240px; } .cms-banner img{height:50px;} .cms-banner span{font-size: 22px; line-height: 50px;} .cms-banner ul li {font-size: 14px;} - .function-sub-title{ padding: 20px 0 120px;} - .function-img{top: -66px;} .function-img img{width: 360px;} .function-item {font-size: 13px;} .function-item ul li span{font-size: 14px; margin-right: 1px;} - } \ No newline at end of file +} \ No newline at end of file diff --git a/public/static/home/images/banner_1.png b/public/static/home/images/banner_1.png deleted file mode 100644 index c5e6dc1..0000000 Binary files a/public/static/home/images/banner_1.png and /dev/null differ diff --git a/public/static/home/images/banner_2.png b/public/static/home/images/banner_2.png deleted file mode 100644 index 0036c5a..0000000 Binary files a/public/static/home/images/banner_2.png and /dev/null differ diff --git a/public/static/home/images/banner_img.png b/public/static/home/images/banner_img.png new file mode 100644 index 0000000..23b5f73 Binary files /dev/null and b/public/static/home/images/banner_img.png differ diff --git a/public/static/home/images/bg.png b/public/static/home/images/bg.png new file mode 100644 index 0000000..581fa13 Binary files /dev/null and b/public/static/home/images/bg.png differ