Authored by 李奇

fixed: 品牌列表icon一致性修改

No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
... ... @@ -86,6 +86,24 @@
.icon-up:before {
content: "\e617";
}
.icon-plus:before {
content: "\e900";
}
.icon-back:before {
content: "\e901";
}
.icon-choose:before {
content: "\e902";
}
.icon-minus:before {
content: "\e903";
}
.icon-brand:before {
content: "\e904";
}
.icon-shopping-bag:before {
content: "\e905";
}
.icon-time-o:before {
content: "\e906";
}
... ... @@ -191,9 +209,6 @@
.icon-noselect:before {
content: "\e928";
}
.icon-add:before {
content: "\e929";
}
.icon-message:before {
content: "\e92a";
}
... ... @@ -278,23 +293,10 @@
.icon-see:before {
content: "\e945";
}
.icon-plus:before {
content: "\e900";
}
.icon-back:before {
content: "\e901";
}
.icon-choose:before {
content: "\e902";
}
.icon-minus:before {
content: "\e903";
.icon-reduce:before {
content: "\e946";
}
.icon-brand:before {
content: "\e904";
}
.icon-shopping-bag:before {
content: "\e905";
color: #969595;
.icon-add:before {
content: "\e947";
}
... ...
... ... @@ -9,7 +9,7 @@
</div>
</dd>
</dl>
<index-list class="filter-index-list" :index-list="indexData"></index-list>
<index-list class="filter-index-list" :index-list="indexData" :class="{'fix-ios-top': needFix}"></index-list>
</div>
</template>
<script>
... ... @@ -21,6 +21,7 @@
* }
*/
import $ from 'jquery';
import yoho from 'yoho';
import indexList from 'component/tool/index-list.vue';
export default {
... ... @@ -42,7 +43,8 @@
return {
indexData: [],
currentData: [],
currentValue: this.value
currentValue: this.value,
needFix: yoho.isiOS
};
},
watch: {
... ... @@ -100,7 +102,11 @@
</script>
<style>
.filter-index-list {
top: calc(70 + 20 * 2 + 1)px;
top: calc(70 + 20 * 2 + 1)px!important;
}
.fix-ios-top {
margin-top: 20px;
}
</style>
... ...
... ... @@ -2,7 +2,7 @@
<div class="ft-item">
<div class="title" @click="toggleExpand(name)">
<span class="t-text">{{name}}</span>
<i class="t-icon icon" :class="{'icon-add': !show, 'icon-minus': show}"></i>
<i class="t-icon icon" :class="{'icon-add': !show, 'icon-reduce': show}"></i>
<span class="t-val ellipsis">{{chosenVal}}</span>
</div>
<div class="choices" v-show="show">
... ... @@ -266,7 +266,6 @@ export default {
float: right;
margin-top: 30px;
font-size: 24px;
font-weight: bold;
&.icon-minus {
margin-right: -10px;
... ...