决斗数据库 1.nav导航图片修改 2.均胜率算法修改,着色样式,算法修改 3.竞技场排行样式修改

.gitignore

@@ -11,3 +11,4 @@ plan.org
 database.sql
 release
 Answaer.js
+*.rar

src/assets/darkModelCss/darkStyleMix.css

+
+
+
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
 {
 background-color: #1a4861;
@@ -35,11 +38,13 @@ background-color: #1D252F;
 height: 72px;
 width: 120px;
 }
-/* .table-responsive {
+
+/* 收缩页面边框 白色 */
+ .table-responsive {
 
 border: 0px solid transparent!important;
 overflow: hidden!important;
-} */
+} 
 
 .search-form div.input-group-addon {
 background: #1D252F;
@@ -105,11 +110,9 @@ border-color: #dddddd;
 background-color: #1D252F;
 }
 
+
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
-color: white;
-}
-.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
-background-color: #1a4861;
+background-color: #161b22;
 border: 1px solid #161b22;
 }
 
@@ -117,9 +120,8 @@ border: 1px solid #161b22;
 text-decoration: none;
 background-color: #161b22;
 }
-.nav-tabs>li>a:hover {
-border-color: #161b22 #161b22 #161b22;
-}
+
+
 a:hover, a:focus {
 color: white;
 text-decoration: underline;
@@ -198,67 +200,93 @@ thead {
 background-color: #1a4861;
 }
 .dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 1000;
-  display: none;
-  float: left;
-  min-width: 160px;
-  padding: 5px 0;
-  margin: 2px 0 0;
-  list-style: none;
-  font-size: 16px;
-  text-align: left;
-  background-color: #283044;
-  border: 1px solid black;
-  border: 1px solid black;
-  border-radius: 4px;
-  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
-  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
+position: absolute;
+top: 100%;
+left: 0;
+z-index: 1000;
+display: none;
+float: left;
+min-width: 160px;
+padding: 5px 0;
+margin: 2px 0 0;
+list-style: none;
+font-size: 16px;
+text-align: left;
+background-color: #283044;
+border: 1px solid black;
+border: 1px solid black;
+border-radius: 4px;
+-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
+box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
+-webkit-background-clip: padding-box;
+background-clip: padding-box;
 }
 .dropdown-menu>li>a {
-  display: block;
-  padding: 3px 20px;
-  clear: both;
-  font-weight: normal;
-  line-height: 1.42857143;
-  color: white;
-  white-space: nowrap;
+display: block;
+padding: 3px 20px;
+clear: both;
+font-weight: normal;
+line-height: 1.42857143;
+color: white;
+white-space: nowrap;
 }
 .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
-  text-decoration: none;
-  color: #fff;
-  background-color: #1a4861;
+text-decoration: none;
+color: #fff;
+background-color: #1a4861;
 }
 .dropdown-menu .divider {
-  height: 1px;
-  margin: 10px 0;
-  overflow: hidden;
-  background-color: #e5e5e5;
+height: 1px;
+margin: 10px 0;
+overflow: hidden;
+background-color: #e5e5e5;
 }
 
 ::-webkit-scrollbar {
-  
-  height: 10px;
+
+height: 10px;
 }
 
 ::-webkit-scrollbar-track {
 
-
-  background-color: #283044;
+background-color: #283044;
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: #161b22;
-
+background-color: #161b22;
 
 }
 
 ::-webkit-scrollbar-button{
-  color:white;
- 
-  background-color: #161b22;
+color:white;
+
+background-color: #161b22;
+}
+.tab-img { background-color: #1D252F;}
+.tab-img { background-color: #1a4861;}
+/* 用户名点击链接 */
+a {
+  color: #409eff; 
 }
+
+/* 竞技场排名nav */
+.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
+  color: #409eff;
+  background-color: transparent;
+  border: 0px solid transparent;
+  border-bottom-color: transparent;
+  cursor: default;
+}
+/* 竞技场排名nav */
+.nav>li>a  {
+
+color: #e5e5e5;
+}
+
+/* 竞技场排名nav */
+.nav-tabs>li>a:hover {
+  border-color: transparent;
+  background-color: transparent;
+  color: #409eff;
+
+  }
\ No newline at end of file

src/components/Cards.vue

@@ -160,16 +160,16 @@
         mapGetters
     } from 'vuex'
     import API from '../api';
-    import img0 from '../assets/img/500x300_deck.jpg'
-    // import img1 from '../assets/MonsterWithBorder.jpg'
-    import img1 from '../assets/img/500x300_monster.jpg'
-    // import img2 from '../assets/SpellWithBorder.jpg'
-    import img2 from '../assets/img/500x300_Spell.jpg'
-    // import img3 from '../assets/TrapWithBorder.jpg'
-    import img3 from '../assets/img/500x300_Trap.jpg'
-    // import img4 from '../assets/SideWithBorder.jpg'
-    import img4 from '../assets/img/500x300_side.jpg'
-    import img5 from '../assets/img/ExtraWithBorder.jpg'
+    import img0 from '../assets/img/500x300_deck.png'
+
+    import img1 from '../assets/img/500x300_monster.png'
+
+    import img2 from '../assets/img/500x300_Spell.png'
+ 
+    import img3 from '../assets/img/500x300_Trap.png'
+
+    import img4 from '../assets/img/500x300_side.png'
+    import img5 from '../assets/img/ExtraWithBorder.png'
     var dt = require('datatables.net')
     var dt2 = require('datatables.net-bs')
     import "../assets/css/dataTables.bootstrap.min.css"
@@ -449,4 +449,5 @@
        margin-top:20px!important;
       border:1px solid black;
     }
+ 
 </style>
\ No newline at end of file