OSDN Git Service

select CSS
authortime <diqiuxuxu@gmail.com>
Sun, 4 Nov 2018 09:58:39 +0000 (17:58 +0800)
committertime <diqiuxuxu@gmail.com>
Sun, 4 Nov 2018 09:58:39 +0000 (17:58 +0800)
src/popup/components/select/select.vue
src/popup/home/components/menu-settings.vue
src/popup/home/components/transfer.vue

index 69c5f22..91a0429 100644 (file)
@@ -64,6 +64,8 @@
     -moz-appearance: none;
     appearance: none;
     display: flex;
+    height: 100%;
+    width: 100%;
     padding: 0 0 4px 0;
     background: none;
     /* border: 1px solid rgba(60, 60, 60, .26); */
@@ -72,6 +74,7 @@
   }
   .v-select .vs__selected-options {
     display: flex;
+    width: 80%;
     flex-basis: 100%;
     flex-grow: 1;
     flex-wrap: wrap;
   /* Selected Tags */
   .v-select .selected-tag {
     display: flex;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 80%;
     align-items: center;
     background-color: #f0f0f0;
     border: 1px solid #ccc;
     border-color: transparent;
   }
   .v-select.single.open .selected-tag {
-    position: absolute;
     opacity: .4;
   }
   .v-select.single.searching .selected-tag {
        */
       searchable: {
         type: Boolean,
-        default: true
+        default: false
       },
       /**
        * Equivalent to the `multiple` attribute on a `<select>` input.
index 066c35f..2b3271f 100644 (file)
@@ -51,9 +51,11 @@ export default {
   },
   methods: {
     onChange: function(value) {
-      localStorage.lang = value.value;
-      this.$i18n.locale = value.value;
-      this.selected = value;
+      if (localStorage.lang != value.value) {
+        localStorage.lang = value.value;
+        this.$i18n.locale = value.value;
+        this.selected = value;
+      }
     },
     back: function() {
       this.$emit("on-back");
index 6f5517c..0a99c83 100644 (file)
@@ -65,7 +65,7 @@
           <div class="form-item-group">
             <div class="form-item">
               <!-- <label>账户</label> -->
-              <v-select :clearable="false" v-model="guid" style="height: 32px;" label="alias" :options="accounts"></v-select>
+              <v-select :clearable="false" v-model="guid" style="height: 32px;width: 125px;" label="alias" :options="accounts"></v-select>
             </div>
             <div class="form-item" style="margin-left: 20px;">
               <!-- <label>资产</label> -->