Browse Source

fix(ecard): change style

Drjingfubo 3 years ago
parent
commit
98c9dc5820

+ 19 - 5
src/packages/__VUE/ecard/index.scss

@@ -1,34 +1,37 @@
 .nut-theme-dark {
   .nut-ecard {
     color: $dark-color3;
+
     ::placeholder {
       color: rgb(29, 31, 32);
     }
+
     .nut-ecard__list__item {
       background: $dark-background5;
+
       &.active {
         background: $dark-background6;
         outline: 1px solid $dark-color2;
         color: $dark-color2;
       }
     }
+
     .nut-ecard__list__input {
       color: $dark-color3;
       background: $dark-background7;
+
       &.active {
         background: $dark-background7;
+
         > view > input {
           background: $dark-background7;
         }
       }
+
       .nut-ecard__list__input--con > input {
         background-color: transparent;
         color: $dark-color3;
       }
-      .nut-ecard-input {
-        outline: none;
-        border: none;
-      }
     }
   }
 }
@@ -82,7 +85,18 @@
         flex: 1;
         display: flex;
         justify-content: flex-end;
-        > input {
+
+        input {
+          caret-color: $primary-color; //光标颜色
+          text-align: right;
+          background: $ecard-bg-color;
+          margin-right: 10px;
+          outline: 0 none;
+          border: 0;
+          text-decoration: none;
+        }
+
+        .nut-ecard-input {
           caret-color: $primary-color; //光标颜色
           text-align: right;
           background: $ecard-bg-color;

+ 6 - 2
src/packages/__VUE/tabbar/doc.taro.md

@@ -31,7 +31,7 @@ app.use(TabbarItem);
   </nut-tabbar>
 </template>
 <script>
-  import { Home,Category,Find,Cart,My} from ' @nutui/icons-vue-taro';
+  import { Home,Category,Find,Cart,My} from '@nutui/icons-vue-taro';
   export default{
     components: {Home,Category,Find,Cart, My },
     setup() {
@@ -62,7 +62,8 @@ app.use(TabbarItem);
     </nut-tabbar>
 </template>
 <script>
-  import { Home,Category,Find,Cart,My} from ' @nutui/icons-vue-taro';
+   import{ ref,h } from 'vue';
+  import { Home,Category,Find,Cart,My} from '@nutui/icons-vue-taro';
   export default{
     components: {Home,Category,Find,Cart, My },
     setup() {
@@ -165,6 +166,7 @@ app.use(TabbarItem);
   </nut-tabbar>
 </template>
 <script>
+  import{ ref,h } from 'vue'
  import { Home,Category,Find,Cart,My} from ' @nutui/icons-vue-taro';
  export default{
     components: {Home,Category,Find,Cart, My },
@@ -254,6 +256,7 @@ app.use(TabbarItem);
     </nut-tabbar>
 </template>
 <script>
+ import{ h } from 'vue'
  import { Home,Category,Find,Cart,My} from ' @nutui/icons-vue-taro';
  export default{
     components: {Home,Category,Find,Cart, My },
@@ -334,6 +337,7 @@ app.use(TabbarItem);
     </nut-tabbar>
 </template>
 <script>
+ import{ h } from 'vue'
  import { Home,Category,Find,Cart,My} from ' @nutui/icons-vue-taro';
  export default{
     components: {Home,Category,Find,Cart, My },

+ 2 - 0
src/packages/__VUE/tabbaritem/index.scss

@@ -21,6 +21,7 @@
 
   &_icon-box {
     padding: 0px;
+    line-height: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -28,6 +29,7 @@
     .nut-icon {
       width: 20px;
       height: 20px;
+      font-size: 20px;
     }
 
     &_tips {