Explorar o código

各版本颜色设置

Chente %!s(int64=5) %!d(string=hai) anos
pai
achega
10330fba0f
Modificáronse 4 ficheiros con 41 adicións e 22 borrados
  1. 29 0
      css/main.css
  2. 4 4
      project-management.html
  3. 5 16
      user-buy.html
  4. 3 2
      zaojiashu.html

+ 29 - 0
css/main.css

@@ -113,6 +113,35 @@ font-size: .875rem;
   font-size:24px;
   color:#ff6501;
 }
+.free-tips{
+  position: absolute;
+  left:50%;
+  background: #dc3545;
+  color:#fff;
+  width:160px;
+  text-align: center;
+  margin-left:-80px;
+  height:38px;
+  line-height: 38px;
+}
+.free-version {
+  background:#a8797f;
+}
+.free-version .header-logo .p-title,.free-version .header-logo .v-title,.free-version .nav-link,.free-version .navbar-crumb{
+  color:#fff;
+}
+.pro-version {
+  background:#798b73;
+}
+.pro-version .header-logo .p-title,.pro-version .header-logo .v-title,.pro-version .nav-link,.pro-version .navbar-crumb{
+  color:#fff;
+}
+.pay-version {
+  background:#9fa5bb;
+}
+.pay-version .header-logo .p-title,.pay-version .header-logo .v-title,.pay-version .nav-link,.pay-version .navbar-crumb{
+  color:#fff;
+}
 .top-msg{
   position: fixed;
   top:10px;

+ 4 - 4
project-management.html

@@ -15,18 +15,18 @@
 
 <body>
     <div class="header">
-        <div class="top-msg clearfix">
+        <!-- <div class="top-msg clearfix">
             <div class="alert alert-warning alert-dismissible" role="alert">
                 <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                   </button>
                 <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
             </div>
-        </div>
-        <nav class="navbar navbar-expand-lg p-0 d-flex">
+        </div> -->
+        <nav class="navbar navbar-expand-lg p-0 d-flex pay-version">
            <div class="header-logo">
               <div class="v-title">纵横云计价</div>
-              <div class="p-title">广东2018专业版</div>
+              <div class="p-title">大司空云计价(免费公用版)</div>
             </div>
             <!-- <div class="navbar-text navbar-crumb p-0">
                 <span class=""><a href="project-management.html">项目管理</a></span>

+ 5 - 16
user-buy.html

@@ -101,16 +101,10 @@
                         </div> -->
                         <legend class=" mb-4">激活专业版</legend>
                         <div class="row">
-                            <div class="col-sm-4 mb-5">
-                                <div class="card">
+                            <div class="col-sm-4 mb-5free-version">
+                                <div class="card free-version">
                                   <div class=" card-body">
-                                    <h3 class="card-title">免费版 </h3>
-                                    <p class="card-text">
-                                      <ul class="pl-3">
-                                        <li>只可创建 50 个单位工程</li>
-                                        <li>报表带水印</li>
-                                      </ul>
-                                      </p>
+                                    <h3 class="card-title text-white">免费版 </h3>
                                   </div>
                                   <ul class="list-group list-group-flush">
                                      <li class="list-group-item d-flex justify-content-between">
@@ -125,14 +119,9 @@
                                 </div>
                             </div>
                             <div class="col-sm-4 mb-5">
-                                <div class="card">
+                                <div class="card pro-version">
                                   <div class=" card-body">
-                                    <h3 class="card-title">专业版</h3>
-                                    <p class="card-text">
-                                      <ul class="pl-3">
-                                        <li>创建单位工程无限制</li>
-                                        <li>报表无水印</li>
-                                      </ul>
+                                    <h3 class="card-title text-white">专业版</h3>
                                   </div>
                                   <ul class="list-group list-group-flush">
                                     <li class="list-group-item d-flex justify-content-between">

+ 3 - 2
zaojiashu.html

@@ -24,8 +24,9 @@
                 <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
             </div>
         </div> -->
-        <nav class="navbar p-0">
-            <div class="mx-2"><a href="project-management.html" class="btn btn-sm" data-toggle="tooltip" title="返回"><i class="fa fa-angle-left" style="font-size:24px"></i></a></div>
+        <nav class="navbar p-0 pay-version">
+            <!-- <div class="mx-2"><a href="project-management.html" class="btn btn-sm" data-toggle="tooltip" title="返回"><i class="fa fa-angle-left" style="font-size:24px"></i></a></div> -->
+            <!--免费版提示-->
             <div class="header-logo">
                 <div class="v-title">重庆2018定额</div>
                 <div class="p-title">纵横建筑云计价(免费版)</div>